SlideShare ist ein Scribd-Unternehmen logo
1 von 27
Downloaden Sie, um offline zu lesen
國立新竹教育大學 數位學習科技研究所
                                              任課教師:王鼎銘




         http://sites.google.com/site/yunjuli/

                                                 協作平台




思維大師Jay Cross 相關資料讀後心得(七)
數位學習研究方法作業(七) 學號:9825403 姓名: 李芸茹
主題介紹
   本週要講的主題依舊是工具類(Top 100 learning
    本週要講的主題依舊是工具類
    tool: Google Sites)
   主要功能是線上網頁製作系統,使用者可以利
    用線 編輯器快速建 網站與子頁面 甚 能
    用線上編輯器快速建立網站與子頁面,甚至能
    夠整合Google其他服務功能,如Google文件
    (PPT/Excel/Word/Movie/相簿)與團隊或組織之間
    共享檔案或共同編輯與檢視網頁
開始建立平台
Google sites index
輸入平台名稱 網址 說明 窕選佈景主題
輸入平台名稱、 網址、說明、窕選佈景主題




         協作平台網址無法進行變更或修改,
         若要取代只能以自行購買之網址取代
成功建立第 個網頁
成功建立第一個網頁 樣式
認識平台介面與操作
進入平台後,預設會出現首頁,我們便可以看到
網頁整體架構,如標題、 副標題、側邊欄位
網頁整體架構 如標題 副標題 側邊欄位
更多功能介紹( )
更多功能介紹(一)

1       2
            標號    名稱         功能


            1    建立頁面   讓使用者建立網頁的功能


                        對目前看到的頁面進行內
            2    編輯頁面   容編輯或刪除,點選後會
                        載入編輯器

                        對於側邊欄進行寬度與網
            3    編輯側欄
                        頁元件的設定

    3
更多功能介紹(二)

      標號    名稱         功能
4                 目前頁面修改的紀錄,包
5     4    修訂紀錄   括版本、編輯時間與編輯
                  人員
6
                  當網頁頁面被修改時,會
      5    訂閱變更
                  以信件通知訂閱者
7
                  可以設定頁面的功能、屬
      6    頁面設定
                  性與平台網址

                  可預覽頁面呈現的樣式與
      7    預覽頁面
                  內文排版情形
輕鬆製作網頁
許多同學要製作網頁時,除了要熟悉網頁程
式或網頁製作軟體,還得考慮虛擬主機或架
設伺服器
現在只要透過google協作平台,就可輕易的
現在只要透過    l 協作平台 就可輕易的
為個人,團體或組織架立一個網路合作平台,
這所有的一切都是免費的!
這所有的 切都是免費的!
建立頁面
   目前google協作平台提供的範本有五種
    目前      協作平台提供的範本有五種
成功建置第 頁了
成功建置第一頁了
1   3   4   5
範本介紹

標號   名稱               功能

1    網頁     一般的網站頁面


2    資訊主頁   資訊主頁適合放置圖表或文件資料

            類似部落格 可以快速新增文章 附件 並有留言
            類似部落格,可以快速新增文章、附件、並有留言
3     通告
            的功能

4    檔案櫃    將自己的檔案提供給使用者下載


5     清單    例如你的行程表、專案或是個別單位的狀態等
範本的設定功能選項

       網頁   資訊主頁   通告   檔案櫃   清單

 標題    ●           ●

文字內容   ●           ●

 附件    ●           ●          ●

 意見    ●           ●          ●

小工具          ●

 分頁                ●

新增文章               ●

檔案列表

清單範本
編輯頁面( )
編輯頁面(一)
   當所有頁面編輯完成後,便可以逐一進行編輯,
    當所有頁面編輯完成後 便可以逐 進行編輯
    Google協作平台提供的五種範本其編輯頁面都
    不太相同,但修改方式大同小異,主要可以用
    作不同的目的與功能。
   編輯前先在側邊欄找到該頁面,進入後點選右
    上角的編輯頁面
編輯頁面(二)
       接著,使用者可以看到熟悉的所見即所得編輯
        接著 使用者可以看到熟悉的所見即所得編輯
        器,工具列使用就跟Word一樣都在上方
1   2   3   4




                  PS: 每次做完網頁的修改後,務必按
                  下上方的[儲存]按鈕將網頁儲存下來
編輯器工具列介紹

標號   名稱                 功能
            包含插入圖片、連結、目錄、子頁面列表、水平線、
1    插入
            google日曆、google文件、圖片檔、簡報與影片

            主要針對網頁的文字格式做修改,如標題、段落文
2    格式
            字、上下標、符號、連結、對齊等


3    表格     在網頁加入表格,可以讓使用者清楚看到表達訊息


4    版面配置   將版面做變化,如單/雙/三欄式表現手法
管理協作平台
它是一個線上的網頁平台,雖無
強烈設計感,但是它的自訂性+
彈性+合作性絕對足以滿足一般
使用者與小組合作
(接下來要講的是網頁的核心:管理)
一般設定
 般設定

請按下更多動作:管理協作平台   介紹

                    可變更項目如下
                      平台名稱、

                      說明

                      到達網頁

                      分析網頁
一般設定
 般設定




       平台儲存空間為100MB ,若要   若要
       節省平台空間,可將文件檔上
       傳至google文件 影片上傳至
       傳至google文件,影片上傳至
       YouTube 、照片上傳至Picasa
如何共用協作平台


              權限可分共有擁有
               者、協作者與檢視
               者 選擇後再輸入
               者,選擇後再輸入
               信箱資料就可送出
               邀請函
              它可供多人線上共
               同編輯頁面,只要
               在共用選項進行設
               定,就可邀請其他
               使用者加入
直接賦予使用者權限

           若覺得邀請很麻
            煩,亦可輸入信
            箱後,按下邀請
            這些人,並在最
            這些人 並在最
            下方的按鈕,
            選擇[略過傳送
            邀請],就能直
            接賦於你要給的
            權限類型
全世界都可修改你的網頁

           如果你希望網頁
            完全開放供全世
            界的人都可編輯,
            務必將進階權限
            內的[全世界都
            可以檢視協作平
            台]勾選
            台]勾選。
版面配置
   無論您會不會網頁設計,都可直接套用平台準
    無論您會不會網頁設計 都可直接套用平台準
    備的佈景(目前有50種) ,可在操作平台>外觀中
    的主題找到
修改版面主體色彩
   若是認為這些主題顏色不是你想要的,可至協
    若是認為這些主題顏色不是你想要的 可至協
    作平台外觀>色彩與字型做更多細部的調整

Weitere ähnliche Inhalte

Ähnlich wie Google Sites

[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例
[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例
[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例Drupal Taiwan
 
Google系列工具應用於校園與生活
Google系列工具應用於校園與生活Google系列工具應用於校園與生活
Google系列工具應用於校園與生活yunjuli
 
股事記事本/股事記事本HD 說明DEMO
股事記事本/股事記事本HD 說明DEMO股事記事本/股事記事本HD 說明DEMO
股事記事本/股事記事本HD 說明DEMOforzaui
 
Drupal7第三堂
Drupal7第三堂Drupal7第三堂
Drupal7第三堂Hen Chen
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例Bob Chao
 
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 TKYCharles Chuang
 
Axure pro rp 6 軟體分享
Axure pro rp 6 軟體分享Axure pro rp 6 軟體分享
Axure pro rp 6 軟體分享Winnie Chiang
 
Dreamweaver mx2004
Dreamweaver mx2004Dreamweaver mx2004
Dreamweaver mx2004oldtaotao
 
開發工具與環境建置
開發工具與環境建置開發工具與環境建置
開發工具與環境建置Shengyou Fan
 
TWNIC課程 小資撇步 善用免費網路資源 帶你認識 Google Apps
TWNIC課程 小資撇步 善用免費網路資源 帶你認識 Google AppsTWNIC課程 小資撇步 善用免費網路資源 帶你認識 Google Apps
TWNIC課程 小資撇步 善用免費網路資源 帶你認識 Google Apps天元 吳
 
Google blogger 的教學簡報
Google blogger 的教學簡報Google blogger 的教學簡報
Google blogger 的教學簡報marrshsu
 
20160121 網路工具課初版
20160121 網路工具課初版20160121 網路工具課初版
20160121 網路工具課初版佩琪 羅
 
香港六合彩
香港六合彩香港六合彩
香港六合彩wejia
 
2016.9.10 hackfoldr課
2016.9.10 hackfoldr課2016.9.10 hackfoldr課
2016.9.10 hackfoldr課佩琪 羅
 
校園共筆應用 20070725
校園共筆應用 20070725校園共筆應用 20070725
校園共筆應用 20070725Planetoid Hsu
 
Table creator intro
Table creator introTable creator intro
Table creator introJarold Chen
 
Jimdo tutorial
Jimdo tutorialJimdo tutorial
Jimdo tutorialshiyanqing
 
3-7如何縮短訪客剛進入Google 部落格的時間
3-7如何縮短訪客剛進入Google 部落格的時間3-7如何縮短訪客剛進入Google 部落格的時間
3-7如何縮短訪客剛進入Google 部落格的時間p_yang
 

Ähnlich wie Google Sites (20)

[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例
[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例
[DCTPE2010] 多站架設商業應用與實務-以本土癮科技為例
 
Download
DownloadDownload
Download
 
Google系列工具應用於校園與生活
Google系列工具應用於校園與生活Google系列工具應用於校園與生活
Google系列工具應用於校園與生活
 
股事記事本/股事記事本HD 說明DEMO
股事記事本/股事記事本HD 說明DEMO股事記事本/股事記事本HD 說明DEMO
股事記事本/股事記事本HD 說明DEMO
 
Drupal7第三堂
Drupal7第三堂Drupal7第三堂
Drupal7第三堂
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
 
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
 
Axure pro rp 6 軟體分享
Axure pro rp 6 軟體分享Axure pro rp 6 軟體分享
Axure pro rp 6 軟體分享
 
Dreamweaver mx2004
Dreamweaver mx2004Dreamweaver mx2004
Dreamweaver mx2004
 
開發工具與環境建置
開發工具與環境建置開發工具與環境建置
開發工具與環境建置
 
TWNIC課程 小資撇步 善用免費網路資源 帶你認識 Google Apps
TWNIC課程 小資撇步 善用免費網路資源 帶你認識 Google AppsTWNIC課程 小資撇步 善用免費網路資源 帶你認識 Google Apps
TWNIC課程 小資撇步 善用免費網路資源 帶你認識 Google Apps
 
Google blogger 的教學簡報
Google blogger 的教學簡報Google blogger 的教學簡報
Google blogger 的教學簡報
 
20160121 網路工具課初版
20160121 網路工具課初版20160121 網路工具課初版
20160121 網路工具課初版
 
香港六合彩
香港六合彩香港六合彩
香港六合彩
 
2016.9.10 hackfoldr課
2016.9.10 hackfoldr課2016.9.10 hackfoldr課
2016.9.10 hackfoldr課
 
校園共筆應用 20070725
校園共筆應用 20070725校園共筆應用 20070725
校園共筆應用 20070725
 
Table creator intro
Table creator introTable creator intro
Table creator intro
 
My Blog ATM
My Blog ATMMy Blog ATM
My Blog ATM
 
Jimdo tutorial
Jimdo tutorialJimdo tutorial
Jimdo tutorial
 
3-7如何縮短訪客剛進入Google 部落格的時間
3-7如何縮短訪客剛進入Google 部落格的時間3-7如何縮短訪客剛進入Google 部落格的時間
3-7如何縮短訪客剛進入Google 部落格的時間
 

Mehr von yunjuli

Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程
Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程
Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程yunjuli
 
Google問卷Excel CSV亂碼解決方法
Google問卷Excel CSV亂碼解決方法Google問卷Excel CSV亂碼解決方法
Google問卷Excel CSV亂碼解決方法yunjuli
 
Slideshare test 1
Slideshare test 1Slideshare test 1
Slideshare test 1yunjuli
 
Pinterest Pin it! Repin to Share! 手指釘一下 分享無國界
Pinterest Pin it! Repin to Share! 手指釘一下 分享無國界Pinterest Pin it! Repin to Share! 手指釘一下 分享無國界
Pinterest Pin it! Repin to Share! 手指釘一下 分享無國界yunjuli
 
ibooks author教學訓練 未來式電子教科書12小時中階訓練班課程明細
ibooks author教學訓練 未來式電子教科書12小時中階訓練班課程明細ibooks author教學訓練 未來式電子教科書12小時中階訓練班課程明細
ibooks author教學訓練 未來式電子教科書12小時中階訓練班課程明細yunjuli
 
Lms and scorm integration with adobe captivate 6 and moodle
Lms and scorm integration with adobe captivate 6 and moodleLms and scorm integration with adobe captivate 6 and moodle
Lms and scorm integration with adobe captivate 6 and moodleyunjuli
 
Tactilize web2.0 tools real time ipad self-publishing
Tactilize web2.0 tools real time ipad self-publishingTactilize web2.0 tools real time ipad self-publishing
Tactilize web2.0 tools real time ipad self-publishingyunjuli
 
Lectora snap empower training school create full-featured flash animations is...
Lectora snap empower training school create full-featured flash animations is...Lectora snap empower training school create full-featured flash animations is...
Lectora snap empower training school create full-featured flash animations is...yunjuli
 
Adobe edge 7 文字卷軸與圖片捲軸設定方法
Adobe edge 7 文字卷軸與圖片捲軸設定方法Adobe edge 7 文字卷軸與圖片捲軸設定方法
Adobe edge 7 文字卷軸與圖片捲軸設定方法yunjuli
 
Lectora snap training school developing creative interactive content is easy.
Lectora snap training school developing creative interactive content is easy.Lectora snap training school developing creative interactive content is easy.
Lectora snap training school developing creative interactive content is easy.yunjuli
 
Evernote Moleskine 智慧型筆記本 拍攝就能讓筆記雲端化 how to use evernote moleskine smart note...
Evernote Moleskine 智慧型筆記本 拍攝就能讓筆記雲端化 how to use evernote moleskine smart note...Evernote Moleskine 智慧型筆記本 拍攝就能讓筆記雲端化 how to use evernote moleskine smart note...
Evernote Moleskine 智慧型筆記本 拍攝就能讓筆記雲端化 how to use evernote moleskine smart note...yunjuli
 
Dreamweaver cs6 multiple browsers and devices training demo
Dreamweaver cs6 multiple browsers and devices training demoDreamweaver cs6 multiple browsers and devices training demo
Dreamweaver cs6 multiple browsers and devices training demoyunjuli
 
In design 數位出版秘技應用分享 building audio play and pause skin
In design 數位出版秘技應用分享 building audio play and pause skinIn design 數位出版秘技應用分享 building audio play and pause skin
In design 數位出版秘技應用分享 building audio play and pause skinyunjuli
 
Adobe captivate 6.0 training in taiwan 8-14hr
Adobe captivate 6.0 training in taiwan 8-14hrAdobe captivate 6.0 training in taiwan 8-14hr
Adobe captivate 6.0 training in taiwan 8-14hryunjuli
 
2012 prezi and prezi u=超炫式演說思維 +雲端+社群+i pad next校園簡報時代報到
2012 prezi and prezi u=超炫式演說思維 +雲端+社群+i pad next校園簡報時代報到2012 prezi and prezi u=超炫式演說思維 +雲端+社群+i pad next校園簡報時代報到
2012 prezi and prezi u=超炫式演說思維 +雲端+社群+i pad next校園簡報時代報到yunjuli
 
VoiceThread 集合多媒體素材應用於老中老外- 文化激盪_敘述論點_實境交流
VoiceThread 集合多媒體素材應用於老中老外- 文化激盪_敘述論點_實境交流VoiceThread 集合多媒體素材應用於老中老外- 文化激盪_敘述論點_實境交流
VoiceThread 集合多媒體素材應用於老中老外- 文化激盪_敘述論點_實境交流yunjuli
 
Glogster 綠色科技應用 線上互動海報應用於校園
Glogster 綠色科技應用 線上互動海報應用於校園Glogster 綠色科技應用 線上互動海報應用於校園
Glogster 綠色科技應用 線上互動海報應用於校園yunjuli
 
2012 google 行動+雲端工具應用於校園與生活
2012 google 行動+雲端工具應用於校園與生活2012 google 行動+雲端工具應用於校園與生活
2012 google 行動+雲端工具應用於校園與生活yunjuli
 
Google Goggles 拍一下 就能辨識圖片來源
Google Goggles 拍一下 就能辨識圖片來源Google Goggles 拍一下 就能辨識圖片來源
Google Goggles 拍一下 就能辨識圖片來源yunjuli
 
Articulate studio 09 presenter 中英翻譯無料教學簡報
Articulate studio 09 presenter 中英翻譯無料教學簡報Articulate studio 09 presenter 中英翻譯無料教學簡報
Articulate studio 09 presenter 中英翻譯無料教學簡報yunjuli
 

Mehr von yunjuli (20)

Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程
Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程
Articulate storyline training html5 行動化學習數位教材製作教育訓練-3小時課程
 
Google問卷Excel CSV亂碼解決方法
Google問卷Excel CSV亂碼解決方法Google問卷Excel CSV亂碼解決方法
Google問卷Excel CSV亂碼解決方法
 
Slideshare test 1
Slideshare test 1Slideshare test 1
Slideshare test 1
 
Pinterest Pin it! Repin to Share! 手指釘一下 分享無國界
Pinterest Pin it! Repin to Share! 手指釘一下 分享無國界Pinterest Pin it! Repin to Share! 手指釘一下 分享無國界
Pinterest Pin it! Repin to Share! 手指釘一下 分享無國界
 
ibooks author教學訓練 未來式電子教科書12小時中階訓練班課程明細
ibooks author教學訓練 未來式電子教科書12小時中階訓練班課程明細ibooks author教學訓練 未來式電子教科書12小時中階訓練班課程明細
ibooks author教學訓練 未來式電子教科書12小時中階訓練班課程明細
 
Lms and scorm integration with adobe captivate 6 and moodle
Lms and scorm integration with adobe captivate 6 and moodleLms and scorm integration with adobe captivate 6 and moodle
Lms and scorm integration with adobe captivate 6 and moodle
 
Tactilize web2.0 tools real time ipad self-publishing
Tactilize web2.0 tools real time ipad self-publishingTactilize web2.0 tools real time ipad self-publishing
Tactilize web2.0 tools real time ipad self-publishing
 
Lectora snap empower training school create full-featured flash animations is...
Lectora snap empower training school create full-featured flash animations is...Lectora snap empower training school create full-featured flash animations is...
Lectora snap empower training school create full-featured flash animations is...
 
Adobe edge 7 文字卷軸與圖片捲軸設定方法
Adobe edge 7 文字卷軸與圖片捲軸設定方法Adobe edge 7 文字卷軸與圖片捲軸設定方法
Adobe edge 7 文字卷軸與圖片捲軸設定方法
 
Lectora snap training school developing creative interactive content is easy.
Lectora snap training school developing creative interactive content is easy.Lectora snap training school developing creative interactive content is easy.
Lectora snap training school developing creative interactive content is easy.
 
Evernote Moleskine 智慧型筆記本 拍攝就能讓筆記雲端化 how to use evernote moleskine smart note...
Evernote Moleskine 智慧型筆記本 拍攝就能讓筆記雲端化 how to use evernote moleskine smart note...Evernote Moleskine 智慧型筆記本 拍攝就能讓筆記雲端化 how to use evernote moleskine smart note...
Evernote Moleskine 智慧型筆記本 拍攝就能讓筆記雲端化 how to use evernote moleskine smart note...
 
Dreamweaver cs6 multiple browsers and devices training demo
Dreamweaver cs6 multiple browsers and devices training demoDreamweaver cs6 multiple browsers and devices training demo
Dreamweaver cs6 multiple browsers and devices training demo
 
In design 數位出版秘技應用分享 building audio play and pause skin
In design 數位出版秘技應用分享 building audio play and pause skinIn design 數位出版秘技應用分享 building audio play and pause skin
In design 數位出版秘技應用分享 building audio play and pause skin
 
Adobe captivate 6.0 training in taiwan 8-14hr
Adobe captivate 6.0 training in taiwan 8-14hrAdobe captivate 6.0 training in taiwan 8-14hr
Adobe captivate 6.0 training in taiwan 8-14hr
 
2012 prezi and prezi u=超炫式演說思維 +雲端+社群+i pad next校園簡報時代報到
2012 prezi and prezi u=超炫式演說思維 +雲端+社群+i pad next校園簡報時代報到2012 prezi and prezi u=超炫式演說思維 +雲端+社群+i pad next校園簡報時代報到
2012 prezi and prezi u=超炫式演說思維 +雲端+社群+i pad next校園簡報時代報到
 
VoiceThread 集合多媒體素材應用於老中老外- 文化激盪_敘述論點_實境交流
VoiceThread 集合多媒體素材應用於老中老外- 文化激盪_敘述論點_實境交流VoiceThread 集合多媒體素材應用於老中老外- 文化激盪_敘述論點_實境交流
VoiceThread 集合多媒體素材應用於老中老外- 文化激盪_敘述論點_實境交流
 
Glogster 綠色科技應用 線上互動海報應用於校園
Glogster 綠色科技應用 線上互動海報應用於校園Glogster 綠色科技應用 線上互動海報應用於校園
Glogster 綠色科技應用 線上互動海報應用於校園
 
2012 google 行動+雲端工具應用於校園與生活
2012 google 行動+雲端工具應用於校園與生活2012 google 行動+雲端工具應用於校園與生活
2012 google 行動+雲端工具應用於校園與生活
 
Google Goggles 拍一下 就能辨識圖片來源
Google Goggles 拍一下 就能辨識圖片來源Google Goggles 拍一下 就能辨識圖片來源
Google Goggles 拍一下 就能辨識圖片來源
 
Articulate studio 09 presenter 中英翻譯無料教學簡報
Articulate studio 09 presenter 中英翻譯無料教學簡報Articulate studio 09 presenter 中英翻譯無料教學簡報
Articulate studio 09 presenter 中英翻譯無料教學簡報
 

Google Sites