SlideShare a Scribd company logo
1 of 44
Download to read offline
電子工程系應 用 電 子 組
電 腦 遊 戲 設 計 組
使用Google site架設網站
吳錫修
Oct 20, 2016
shapethefuture
 免費的網站管理平台
 原為JotSpot公司的網頁編輯軟體,2006年10月Google併購
JotSpot,2008年2月推出Google site服務
 每個網站100M空間
 除了⽤來建置⼀般網站外,也非常適合專案團隊文件或檔案協同編
輯與管理
 https://sites.google.com
Google site是什麼?
2 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 設定->協作平台說明
操作說明 1/2
3 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
操作說明 2/2
4 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 設定->使⽤者設定
使用者設定 1/2
5 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
使用者設定 2/2
6 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊「建立」按鈕
新增協作平台 1/2
7 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 協作平台基本設定
 套⽤範本
 網站框架
 協作平台名稱
 協作平台位置 (網址)
 選取主題
 網站樣式
 設定完成後按下「建立」
按鈕
新增協作平台 2/2
8 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 在 sites.google.com 開啟您的協
作平台
 點擊「更多動作->管理協作平台」
 「⼀般」分類下,點擊「刪除這個
協作平台」
刪除協作平台 1/3
9 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 「⼀般」分類下,點擊「刪除這個協作平台」
刪除協作平台 2/3
10 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 被刪除的網站會保留 30 天
刪除協作平台 3/3
11 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 須在刪除作業後 30 天內
還原協作平台
12 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊協作平台名稱,開啟協作平台
 點擊「更多動作->編輯協作平台版面配置」
修改網站版面配置 1/6
13 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊標題區即可「編輯協作平台標題」
修改網站版面配置 2/6
14 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊導覽區即可「編輯標向導覽」
修改網站版面配置 3/6
15 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊側欄區即可「編輯側欄項目」
修改網站版面配置 4/6
16 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊Sidebar右側「+」,可加入新的側欄項目
修改網站版面配置 5/6
17 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊Sidebar右側「」,設定側欄位置及寬度
修改網站版面配置 6/6
18 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 +1 按鈕
 放置 +1 按鈕,訪客就能推薦您的網頁,讓您的協作平台更有吸引力
 瀏覽
 自訂或自動建立網站導覽樹狀圖 (連結)
 文字
 將文字新增到協作平台側欄
 最近的協作平台活動
 協作平台的最新活動清單
 我最近的活動
 目前登入之使⽤者的最近活動清單
編輯側欄項目 1/2
19 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 倒數
 顯示從現在到指定日期之倒數天數
 協作平台擁有者
 在您的協作平台側欄顯示協作平台擁有者
 頁面作者
 在您的協作平台側欄顯示最近的頁面作者
編輯側欄項目 2/2
20 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊協作平台名稱,開啟協作平台
 點擊「建立頁面」按鈕,設定頁面名稱、類型、放置位置
新增頁面 1/6
21 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 頁面類型
 網頁
 網頁是最基本的頁面類型;您可以撰寫內容、嵌入小工具,並視需要
隨意編排
 可以上傳檔案附加在網頁底端提供下載,還可以允許協作平台的其他
協作者對您的網頁提出意見
 編輯網頁時,Google 協作平台會定期儲存網頁的版本,因此您可輕
鬆返回網頁較早的版本,以便進行比較或復原變更
新增頁面 2/6
22 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 公告
 與網誌十分相似,會從最近的文章開始,依照時間先後顯示所張貼的
文章
 非常適合⽤於保留會議紀錄,同時可讓使⽤者快速存取近期會議資訊
新增頁面 3/6
23 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 檔案櫃
 您可以在檔案櫃頁面中儲存及整理來自電腦或Google雲端硬碟的檔
案,並與協作平台的其他使⽤者輕鬆共⽤檔案
 當檔案增加、變更或移除時,所有訂閱此頁面的使⽤者皆會收到通知
新增頁面 4/6
24 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 清單
 可方便建立及編排資訊清單
 清單的檢視者可依照任⼀欄位的內容進行排序
 如同檔案櫃頁面,當項目增加、變更或移除時,訂閱者皆會收到通知
 範本:動作項目、問題清單、單位狀態、自訂清單
新增頁面 5/6
25 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 起始網頁 (僅適⽤於 Google Apps for Work 使⽤者)
 可讓每位檢視者自訂內容。協作平台的協作者仍可加入固定顯示的內
容,讓所有檢視者看到,但該部分會與提供個人化的部分區隔開來
新增頁面 6/6
26 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 使⽤工具列:所見即所得編輯介面
編輯網頁 1/6
27 Wu, ShyiShiou Dept. of E.E., NKUT
字
型
字
體
文
字
樣
式
文
字
顏
色
文
字
底
色
插
入
超
連
結
編
號
清
單
項
目
符
號
清
單
排
版
縮
排
移
除
挌
式
設
定
編
輯
HTML
原
始
碼
shapethefuture
 使⽤「插入」功能表
編輯網頁 2/6
28 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 使⽤「格式」功能表
編輯網頁 3/6
29 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 使⽤「表格」功能表
編輯網頁 4/6
30 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 使⽤「配置」功能表
編輯網頁 5/6
31 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊<HTML>直接編輯網頁HTML碼
編輯網頁 6/6
32 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 點擊協作平台名稱,開啟協作平台
 點擊「更多動作->管理協作平台」
管理協作平台 1/5
33 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 最近的協作平台活動
管理協作平台 2/12
34 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 頁面
管理協作平台 3/12
35 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 附件
管理協作平台 4/12
36 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 頁面範本
管理協作平台 5/12
37 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 ⼀般
管理協作平台 6/12
38 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 協作平台名稱
 網站通知
 給網站訪客的⼀次性訊息
 在網站公告中顯示 [更多詳細資料] 按鈕
 協作平台說明
 這個協作平台的⽤途
 限制級內容
 到達網頁
 使⽤者造訪您的協作平台時會先看到的預設到達網頁
管理協作平台 7/12
39 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 協作平台儲存空間
 啟⽤和設定搜尋選項
 搜尋範圍
 統計資料
 設定使⽤Google Analytics追蹤 Google 協作平台上的搜尋流量
 協作平台顯示語言
 行動
 啟⽤自動調整協作平台以適合手機瀏覽
管理協作平台 8/12
40 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 安全性
 啟⽤允許在其他協作平台中嵌入您的協作平台
 使⽤權限設定
 可瀏覽協作平台活動的使⽤者
 可瀏覽修訂紀錄的使⽤者
管理協作平台 9/12
41 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 共⽤和權限
管理協作平台 10/12
42 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 網址
管理協作平台 11/12
43 Wu, ShyiShiou Dept. of E.E., NKUT
shapethefuture
 主題、顏色及字型
管理協作平台 12/12
44 Wu, ShyiShiou Dept. of E.E., NKUT

More Related Content

Viewers also liked

Viewers also liked (18)

Unity遊戲程式設計(09) 3D物件與光源設定
Unity遊戲程式設計(09) 3D物件與光源設定Unity遊戲程式設計(09) 3D物件與光源設定
Unity遊戲程式設計(09) 3D物件與光源設定
 
Mbot教學(1b) mBot初體驗
Mbot教學(1b) mBot初體驗Mbot教學(1b) mBot初體驗
Mbot教學(1b) mBot初體驗
 
Unity遊戲程式設計(04) 2D運動與碰撞處理I
Unity遊戲程式設計(04) 2D運動與碰撞處理IUnity遊戲程式設計(04) 2D運動與碰撞處理I
Unity遊戲程式設計(04) 2D運動與碰撞處理I
 
Unity遊戲程式設計(03) 2D動畫製作及應用
Unity遊戲程式設計(03) 2D動畫製作及應用Unity遊戲程式設計(03) 2D動畫製作及應用
Unity遊戲程式設計(03) 2D動畫製作及應用
 
Unity遊戲程式設計(01) Unity簡介
Unity遊戲程式設計(01) Unity簡介Unity遊戲程式設計(01) Unity簡介
Unity遊戲程式設計(01) Unity簡介
 
Arduino Yún使用Http client
Arduino Yún使用Http clientArduino Yún使用Http client
Arduino Yún使用Http client
 
mBot 教學3 開發mBot應用程式
mBot 教學3 開發mBot應用程式mBot 教學3 開發mBot應用程式
mBot 教學3 開發mBot應用程式
 
mBot 教學5 超音波感測應用
mBot 教學5 超音波感測應用mBot 教學5 超音波感測應用
mBot 教學5 超音波感測應用
 
mBot 教學8 巡跡控制應用
mBot 教學8 巡跡控制應用mBot 教學8 巡跡控制應用
mBot 教學8 巡跡控制應用
 
mBot 教學4 移動控制
mBot 教學4 移動控制mBot 教學4 移動控制
mBot 教學4 移動控制
 
mBot 教學6 光感測器與LED應用
mBot 教學6 光感測器與LED應用mBot 教學6 光感測器與LED應用
mBot 教學6 光感測器與LED應用
 
mBot 教學9 紅外線傳輸應用
mBot 教學9 紅外線傳輸應用mBot 教學9 紅外線傳輸應用
mBot 教學9 紅外線傳輸應用
 
mBot 教學2 mBlock積木式設計程式
mBot 教學2 mBlock積木式設計程式mBot 教學2 mBlock積木式設計程式
mBot 教學2 mBlock積木式設計程式
 
mBot 教學10 藍牙控制應用
mBot 教學10 藍牙控制應用mBot 教學10 藍牙控制應用
mBot 教學10 藍牙控制應用
 
09-2如何在Google協作平台新增頁面(網頁)
09-2如何在Google協作平台新增頁面(網頁)09-2如何在Google協作平台新增頁面(網頁)
09-2如何在Google協作平台新增頁面(網頁)
 
9-1如何在Google協作平台編輯網頁
9-1如何在Google協作平台編輯網頁9-1如何在Google協作平台編輯網頁
9-1如何在Google協作平台編輯網頁
 
Unity遊戲程式設計(11) 創建遊戲地形
Unity遊戲程式設計(11) 創建遊戲地形Unity遊戲程式設計(11) 創建遊戲地形
Unity遊戲程式設計(11) 創建遊戲地形
 
8direction behavior
8direction behavior8direction behavior
8direction behavior
 

Similar to 使用Google site架設網站

筆記 - Google 的產品與服務副本
筆記 - Google 的產品與服務副本筆記 - Google 的產品與服務副本
筆記 - Google 的產品與服務副本
maolins
 
筆記 - Google 的產品與服務副本
筆記 - Google 的產品與服務副本筆記 - Google 的產品與服務副本
筆記 - Google 的產品與服務副本
maolins
 
香港六合彩
香港六合彩香港六合彩
香港六合彩
wejia
 
Google keep(谷歌记事本) 短小精悍,潜力无限 20130321
Google keep(谷歌记事本) 短小精悍,潜力无限 20130321Google keep(谷歌记事本) 短小精悍,潜力无限 20130321
Google keep(谷歌记事本) 短小精悍,潜力无限 20130321
elya
 

Similar to 使用Google site架設網站 (13)

給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
 
Banquet 18
Banquet 18Banquet 18
Banquet 18
 
2012 google 行動+雲端工具應用於校園與生活
2012 google 行動+雲端工具應用於校園與生活2012 google 行動+雲端工具應用於校園與生活
2012 google 行動+雲端工具應用於校園與生活
 
筆記 - Google 的產品與服務副本
筆記 - Google 的產品與服務副本筆記 - Google 的產品與服務副本
筆記 - Google 的產品與服務副本
 
筆記 - Google 的產品與服務副本
筆記 - Google 的產品與服務副本筆記 - Google 的產品與服務副本
筆記 - Google 的產品與服務副本
 
香港六合彩
香港六合彩香港六合彩
香港六合彩
 
20201024_aigo_lab2_fruit_classification_omnixri
20201024_aigo_lab2_fruit_classification_omnixri20201024_aigo_lab2_fruit_classification_omnixri
20201024_aigo_lab2_fruit_classification_omnixri
 
Web dev road map part one
Web dev road map part oneWeb dev road map part one
Web dev road map part one
 
在雲端上啜飲爪哇
在雲端上啜飲爪哇在雲端上啜飲爪哇
在雲端上啜飲爪哇
 
Google keep(谷歌记事本) 短小精悍,潜力无限 20130321
Google keep(谷歌记事本) 短小精悍,潜力无限 20130321Google keep(谷歌记事本) 短小精悍,潜力无限 20130321
Google keep(谷歌记事本) 短小精悍,潜力无限 20130321
 
Youtube's Success Story - Case Study II (Python-based Company)
Youtube's Success Story - Case Study II (Python-based Company)Youtube's Success Story - Case Study II (Python-based Company)
Youtube's Success Story - Case Study II (Python-based Company)
 
20170430 python爬蟲攻防戰-攻防與金融大數據分析班
20170430 python爬蟲攻防戰-攻防與金融大數據分析班20170430 python爬蟲攻防戰-攻防與金融大數據分析班
20170430 python爬蟲攻防戰-攻防與金融大數據分析班
 
NPO 網站改造觀摩賽 - Day 3 - Drupal Team Report by TKY
NPO 網站改造觀摩賽 - Day 3 - Drupal Team Report by TKYNPO 網站改造觀摩賽 - Day 3 - Drupal Team Report by TKY
NPO 網站改造觀摩賽 - Day 3 - Drupal Team Report by TKY
 

More from 吳錫修 (ShyiShiou Wu)

More from 吳錫修 (ShyiShiou Wu) (20)

Vuforia AR影片程式設計
Vuforia AR影片程式設計Vuforia AR影片程式設計
Vuforia AR影片程式設計
 
micro:bit亮度感測應用
micro:bit亮度感測應用micro:bit亮度感測應用
micro:bit亮度感測應用
 
Vuforia AR 同時追踨多張辨識圖
Vuforia AR同時追踨多張辨識圖Vuforia AR同時追踨多張辨識圖
Vuforia AR 同時追踨多張辨識圖
 
micro:bit開關控制應用
micro:bit開關控制應用micro:bit開關控制應用
micro:bit開關控制應用
 
Vuforia AR 應用程式設計入門
Vuforia AR應用程式設計入門Vuforia AR應用程式設計入門
Vuforia AR 應用程式設計入門
 
Vuforia AR 應用程式準備作業
Vuforia AR應用程式準備作業Vuforia AR應用程式準備作業
Vuforia AR 應用程式準備作業
 
micro:bit LED顯示控制
micro:bit LED顯示控制micro:bit LED顯示控制
micro:bit LED顯示控制
 
IDE for micro:bit
IDE for micro:bitIDE for micro:bit
IDE for micro:bit
 
Microbit 1 introduction
Microbit 1 introductionMicrobit 1 introduction
Microbit 1 introduction
 
Arduino overview
Arduino overviewArduino overview
Arduino overview
 
使用Makeblock App學習mBot程式設計
使用Makeblock App學習mBot程式設計使用Makeblock App學習mBot程式設計
使用Makeblock App學習mBot程式設計
 
使用M部落App學習mBot程式設計
使用M部落App學習mBot程式設計使用M部落App學習mBot程式設計
使用M部落App學習mBot程式設計
 
nodeMCU IOT教學03 - NodeMCU導論
nodeMCU IOT教學03 - NodeMCU導論nodeMCU IOT教學03 - NodeMCU導論
nodeMCU IOT教學03 - NodeMCU導論
 
nodeMCU IOT教學02 - Lua語言
nodeMCU IOT教學02 - Lua語言nodeMCU IOT教學02 - Lua語言
nodeMCU IOT教學02 - Lua語言
 
Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲
 
Unity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理IIUnity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理II
 
Unity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理IUnity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理I
 
Python與Ardinio整合應用
Python與Ardinio整合應用Python與Ardinio整合應用
Python與Ardinio整合應用
 
mBlock積木式設計程式
mBlock積木式設計程式mBlock積木式設計程式
mBlock積木式設計程式
 
Arduino程式除錯
Arduino程式除錯Arduino程式除錯
Arduino程式除錯
 

使用Google site架設網站