Google sits 協作平台製作講義1

Page 1

GOOGLE SITS 協作平台 講師 研習 洪祥偉


期待教學網站的功能 免安裝 只需網路 即時更新 免維護 豐富模板 外掛 協同合作 2


實施經驗 要伺服器 維護更新 程式基礎 危機處理 版面不易調整

3


GOOGLE 協作平台結合雲端資源

4


協作平台教育應用

5


教師/班級網站

6


學科網站建置

http://www.pksh.ylc.edu.tw/edu/jiao-xue-ping-tai/xue-ke-jiao-xue-wang

7


學校網站

https://sites.google.com/a/mcvs.tp.edu.tw/homepage/ 8


教學網站

https://sites.google.com/site/hswteacher/

9


建立新的協作平台

10


http://sites.google.com

11


12


13


輸入網站名稱

14


15


恭喜網站開張囉~

16


設計網站架構

17


新增網頁

18


新增網頁

19


20


編輯網頁

21


22


頁面版面配置

23


三欄式配置完成

24


儲存網頁

25


刪除網頁 開啟該網頁才能進行刪除

26


建立功能網頁 公告 檔案櫃 清單

27


公告

28


新增公告網頁

29


30


新增文章

31


32


33


新增的文章位於<最新消息>架構下

34


新增公告夾帶檔案

35


36


37


返回<最新消息>

38


39


預覽畫面

40


檔案櫃 三個限制 a.單一檔案不能超過20MB的限制 b.不能上傳exe檔的限制 c. 「總容量100MB」的限制

41


新增檔案櫃網頁

42


43


44


規劃資料夾

45


46


上傳檔案

47


檔案上傳成功

48


將檔案移到資料夾中

49


檔案已在資料夾中

50


加入雲端硬碟中的檔案

51


新增網頁連結

52


53


新增網頁連結成功

54


移動連結至資料夾中

55


56


刪除檔案或連結

57


清單 1.具有排序功能 2.支援超連結 3.彈性調整連結的順序 4.彈性調整欄位 58


新增清單網頁

59


60


以網路資源為例的清單設計

61


62


第一欄欄位名稱完成

63


新增外部/站內網頁項目

64


新增欄位

65


66


67


移動欄位

68


設定排序

69


點兩下黃色列,編輯內容

70


71


完成清單網頁

72


清單應用範例:學生作業網頁的連結清單

https://sites.google.com/site/hsw3dteach/101_2

73


協作平台配置

74


75


設定網站寬度

76


協作平台配置 標題

77


游標移至標題區並點擊開啟

78


調整高度及上傳標誌圖檔

79


協作平台配置 橫向導覽

80


游標移至橫向導覽區並點擊開啟

81


新增站內(站外)網頁連結項目

82


挑選連結的網頁

83


84


設定連結頁面顯示位置

85


完成橫向導覽

86


協作平台配置 側欄導覽

87


新增側欄導覽區塊

88


挑選導覽區塊

89


游標移動到新導覽區塊並點擊開啟

90


設定導覽區標題與新增連結

91


挑選站內網頁

92


調整連結頁面上下位置

93


完成側欄網頁連結

94


刪除側欄區塊

95


新增站長介紹區

96


選擇文字模式

97


開啟文字框編輯

98


設定標題及上傳照片

99


按下<選擇檔案>按鈕

100


挑選照片

101


102


調整照片大小並輸入文字介紹

103


完成站長資料區

104


調整側欄區塊位置

105


協作平台配置 自訂頁尾

106


游標移至自訂頁尾區並點擊開啟

107


輸入文字說明

108


自訂頁尾完成

109


按下<關閉>按鈕結束編輯

110


配置完成

111


網頁小工具 1.最新文章呈現(公告) 2.最新檔案(檔案櫃) 3.最新連結(清單) 112


最新文章呈現

113


編輯首頁

114


挑選已經做好的<公告>網頁名稱

115


按下<儲存>即可看見呈現畫面

116


最近更新檔案的呈現

117


將游標移到欲放置的位置

118


點選<插入>中的<最新更新的檔案>

119


選擇<檔案櫃>網頁的名稱

120


按下<儲存>即可看見呈現畫面

121


最近的清單項目呈現

122


點選<插入>中的<最新的清單項目>

123


選擇<清單>網頁的名稱

124


按下<儲存>即可看見呈現畫面

125


佈景主題衝突,導致無法正確顯示文字顏色

126


共用與權限 網站共管

127


開啟共用與權限設定

128


輸入對方的名稱/郵件信箱/群組

129


將對方設定為<可以編輯>

130


可以變更權限或刪除

131


共用者的存取權限 可以檢視的使用者  可以查看協作平台

可以編輯的使用者  可以變更協作平台的外觀與內容

擁有者的使用者  可以變更協作平台的外觀和風格,也可以執行管理員層 級的變更,例如刪除協作平台或加入其他新的擁有者 132


共用與權限 網頁共管

133


點擊<啟用頁面層級權限>

134


135


點選欲共管之網頁

136


按下<變更>

137


138


網頁中無法新增成員

139


新增一位成員,權限為<檢視>

140


共管網頁中設定成員的權限為<可以編輯>

141


按下<儲存變更>

142


共用功能範例:學生作業繳交網頁

https://sites.google.com/site/hsw3dteach/101_2/498720252

143


管理員介面 1.最近的協作平台活動 2.頁面 3.附件 4.已刪除的項目 5.主題色彩與字型 6.………… 144


管理協作平台主頁

145


開啟<管理協作平台>

146


更改站名、空間容量等

147


最近的協作平台活動

148


149


頁面

150


點擊<頁面>

151


點擊<清單>按鈕,檢視網頁修訂狀況

152


網頁時光回朔

153


附件

154


點擊<附件>

155


管理資源檔案

156


已刪除的項目

157


復原已刪除的檔案

158


彈性更換佈景主題

159


更換主題或設定文字色彩等

160


換主題時,要將所有自訂項目改成<主題>

161


報告結束 感謝您的聆聽 洪祥偉 hsw1242011@gmail.com

162


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.