Google 協作平台(建網站)

2012/11/06 謝碧景(c)編製更新 


  • 網站開發流程:
  • Google 協作平台操作大綱:


(一)編輯頁面功能

 建立新網站 編輯頁面:插入→表格 → 圖片。 tv 教學影片

 編輯面板:

編輯面板


 插入】功能:



1.編輯頁面:插入→表格 → 圖片。 tv 教學影片 

2.插入→Google+→相片(單張)、相簿(含 共用相簿、美術拼貼、動畫→例:http://pics.ee/kTT)。

*註:Picasa 網路相簿應用:插入→Picasa 相片、Picasa 網頁投影播放。 tv 教學影片

3.插入日曆 tv 教學影片 ie 範例:麗山高中行事簡曆.pdf

臺北市立麗山高中行事簡曆


*註:ie 專案管理_GanttProject  dload 軟體:ganttproject-2.6.1-r1499.exe


4.插入→更多小工具:小工具是以HTML 和JavaScript 編寫的小型應用程式,藉此功能可嵌入(Include gadget (iframe))多媒體物件、擷取資訊提供,及執行簡單的工作



5.插入→地圖:ie 範例:臺北市立麗山高級中學。臺灣臺北市內湖區環山路二段100號。

臺北市立麗山高級中學





(1)上傳影片至YouTube:進入ie YouTube網站上傳→選取要上的檔案設定:標題、隱私權設定(公開、非公開、私人)、影片類別、說明等。tv 教學影片

(2)插入→YouTube貼上您 YouTube 影片的網址、設定影片顯示大小、勾選包含標題→儲存tv 教學影片
ie 範例Twinkle Little Star - ThePianoGuys

Twinkle Little Star

 https://youtu.be/aDHxhhB 8710

 延伸學習:螢幕錄製:例 ActivePresenterFreez Screen Video Capture會聲會影等軟體,可錄製軟體教學影片或遊戲操作影片。

 格式、表格版面配置功能:


【格式】功能:
格式 
【表格】功能:
 表格 
版面配置】功能:
 版面配置


(二) 新頁面

 新頁面:選取要使用的範本:

 


1.網頁:是最單純的頁面類型,可以撰寫內容、嵌入小工具,並視需要隨意編排。參閱:



2.公告:公告頁面與網誌十分相似,會以最近的文章開始,依照時間順序顯示您張貼的文章。適用於最新消息、活動資訊、會議記錄等。

ie 範例:最近消息競賽活動



3.檔案櫃:儲存和整理上傳之檔案,並提供與協作平台其他使用者共用檔案的簡易途徑。當檔案增加、變更或移除時,所有訂閱此頁面的使用者皆會收到通知。




4.清單:可建立和編排資訊清單(相同於資料庫),在清單中新增、編輯和移除項目,清單的檢視者可依照任一欄位的內容進行排序

ie 範例:閱讀與創作推薦書單學生資源網、學生獎懲紀錄…等。


 頁面選項

1.頁面設定:以本網頁(Google協作平台)頁面設定為例,如下圖示:頁面設定。

 
*註:顯示頁面標題:勾選即顯示該頁面之『標題路徑』。

2.刪除頁面 tv 教學影片


 協作平台選項 

1.管理協作平台
  • 頁面可顯示協作平台地圖,您可以透過滑鼠拖曳的操作方式移動各個頁面之路徑位置。 tv 教學影片
    • 附件:即網站內上傳之所有檔案,例:圖檔、文件檔(*.docx、*.xlsx、*.pdf…)、*.zip…、動畫檔(*.swf)等,不可上傳*.exe檔案。tv 教學影片:上傳、刪除、連結

    • 一般:可以『複製』(即備份)、『刪除』或還原整個協作平台


    • 主題、顏色及自行:可變更協作平台之主題範本樣式,即背景樣式;基本主題可讓您從既有之主題修改,並加以自訂。
*註:若有變更協作平台任何版面內容,最後皆須按下儲存】,方可檢視瀏覽修改後之頁面


2.編輯協作平台版面配置

(1)側欄→啟用/停用側欄】的內容:
    • 操作:更多→編輯協作平台版面配置→選取啟用/停用橫向導覽→關閉。


(2)水平導覽】的編輯 tv 教學影片
    • 操作:更多→編輯協作平台版面配置→選取水平導覽:啟用/停用橫向導覽→點選編輯橫向導覽,如下圖。

    • 承接上圖→設定【水平導覽內容選取您要顯示的頁面:新增頁面(內部頁面)、或新增網址(外部網址)→確定→關閉。


(3)編輯【導覽、Sidebar側欄選單內容,可取消勾選【自動建立導覽樹狀圖】。
  • 導覽操作:更多→編輯協作平台版面配置→選取導覽設定導覽選取您要顯示的頁面:新增頁面(內部頁面)、或新增網址(外部網址)→確定→關閉。
  • Sidebar操作更多→編輯協作平台版面配置→選取Sidebar +→選擇新的側欄項目→Adsense、+1按鈕、瀏覽、文字、最近的協作平台活動、我最近的活動、倒數、頁面作者等→關閉
*註:瀏覽:在側欄可新增【瀏覽】連結選單,該連結內容會取代原網頁視窗顯示。
文字:在側欄可新增【文字】連結選單,該連結內容可以新開視窗畫面顯示(_blank)。

 


(4)【自訂頁尾】:選取【啟用/停用自訂頁尾】→關閉。例如:頁尾加入『版權所有』等文字。
(5)編輯系統頁尾:自訂系統頁尾→可勾選隱藏 [最近的變更] 連結、隱藏 [列印頁面] 連結』等。


四、 共用 

 共用→公開在網路上:所有網際網路使用者皆可尋找及檢視,且無需登入。若為小組分工共筆,如下圖,先新增使用者之電子郵件,再設定其權限(是擁有者、可以編輯、可以檢視),按下【共用並儲存】即可。


 共用→變更→知道連結的使用者→儲存:即知道網址的使用者才可以檢視。

 

 Flag Counter - Free counters:iehttp://flagcounter.com/

 網站小圖示:上載自訂的網站小圖示,圖檔大小不超過100KB的『正方形』圖片(Shrink to square icon)→網站小圖示產生器: favicon.ico Generator tv 教學影片

  • 步驟(1) 修改網站小圖示(/圖標):需轉格式、大小 (16x16)、檔名 (favicon.ico)
  • 步驟(2) 存放 favicon.ico 至自己的 Google Site 網站內:將檔案 favicon.ico上傳到網站最頂層

 學生學習歷程檔案(e-portfolio)

 免費素材網:

ie Office.com 美工圖案:可透過 PowerPoint 插入Office.com美工圖案 (搜尋【圖片之關鍵字】→編輯圖片→繪圖物件→另存圖檔→ wmf 或 emf向量圖)。
ie 免費下載向量圖庫(Free Vector Graphic)
ie OpenClipArt:收錄多樣的向量插圖,圖皆屬原創者自願釋放至公共領域(Public Domain)作品。欲編輯、修改SVG向量圖檔,可使用自由軟體InkScape。
ie 波比的影音@隨意窩Xuite影音(嵌入音訊播放器)ie youmaker.com
ie SoundClick 音樂網站
ie Freesound.org收錄超過七萬筆音效檔,採創用CC授權,若改作、取樣這些音效而成的著作,可自由散布。但若單純的重製分享,則限於非商業性目的。
ie Flash Kit:一個Flash開發者資源網站。
 Find Iconshttp://findicons.com/ 圖示搜尋引擎服務在關鍵字搜尋深度、圖示規格過濾、可找到素材數量、素材下載資訊、網站檢索介面都優。
 Icon Archive:free icons,desktop icons,download icons,social icons,xp icons,vista icons。
 Icons8:25,600 Free Icons,https://icons8.com/
 Cosmic Pedro:免費圖示搭配文字插圖設計產生器 https://icons8.com/pedro/
 Pepper 為網站加入免費小工具,顯示社群網站、Email、電話等聯絡資訊。https://pepper.swat.io/

 免費網路資源 ie 講義及教學影片

ie Dropbox免費網路空間 ie 登入網站
ie Survey Monkey 線上問卷製作 ie 登入網站  
ie Peacock Color Picker 調色盤+螢幕色彩擷取工具:擷取螢幕上每個 pixel (像素) 或調色盤,視窗下方顯示 RGB、HSV、HSL、CMYK 及轉換 HEX、HTML、Long、Photoshop、VB、C++、Java 或 Delphi 等軟體之色彩代碼。  dload 軟體Peacock Color Picker.exe (3.54 MB)