Google 協作平台(建網站)

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


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


(一)編輯頁面功能

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

 編輯面板:

編輯面板


 插入】功能:



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

2.插入相片相簿(含_共用相簿、美術拼貼、動畫→例:https://pse.is/HDJ9E)。



3.插入日曆→選擇日曆→選取。tv 教學影片 ie 範例:麗山高中行事簡曆

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


*註:ie 專案管理_GanttProject  dload 軟體:ganttproject-2.8.9-r2335.exe、或 心製圖規劃:Xmind


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



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

臺北市立麗山高級中學





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

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

  ie 範例:麗山高中_設計思考課程
  https://youtu.be/uMAKgCnAv1U 

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

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

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


(二) 建立頁面

 建立頁面:選取要使用的範本:

 


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



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

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



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




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

ie 範例:閱讀與創作推薦書單學生資源網、學生獎懲紀錄、文獻探討(資料來源)…等。

(1)建立頁面→接著依序設定頁面檔名』→選取範本為『清單』→設定檔案路徑(選取位置)→按下『建立』按鈕,即顯示下圖。



(2)以建立您的清單為例:如上圖,按下『使用範本』,即如下左圖,分別設定與新增各欄位之名稱及類型,如下右圖,完成欄位設定後按下『儲存』按鈕。



(3)如下左圖,編輯項目:分別輸入各欄位資料後,按下『儲存』按鈕;即如下右圖,若欲新增資料,可按下『新增項目』即可。



 頁面選項

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

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

2.刪除頁面 tv 教學影片


 協作平台選項 

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

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


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


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

(1)水平導覽】的編輯 tv 教學影片
    • 如下圖操作:按下【(更多動作)→編輯協作平台版面配置→選取【水平導覽】→啟用/停用橫向導覽。
    • 承上,設定【水平導覽內容:如下圖,點選您要顯示的頁面:【新增頁面】設定網站內部的頁面、或【新增網址】設定網站外部的網址→後按下【確定】→關閉。



(2)【側欄→啟用/停用側欄】的內容:按下【(更多動作)→編輯協作平台版面配置,即如下圖示,選取【Sidebar→導覽】可設定側欄選單內容。


  • 設定導覽】操作:如下左圖,可取消勾選【自動建立導覽樹狀圖】,即如下右圖,按下【新增頁面】設定內部頁面,或【新增網址】設定網站外部的網址→後按下【確定】→關閉。

  • 設定Sidebar操作按下【(更多動作)→編輯協作平台版面配置→選取Sidebar +→選擇新的側欄項目→可新增瀏覽、文字最近的協作平台活動、我最近的活動、倒數、頁面作者等→關閉
*註:瀏覽:在側欄可新增【瀏覽】連結選單,該連結內容會取代原網頁視窗顯示。
文字:在側欄可新增【文字】連結選單,該連結內容可以新開視窗畫面顯示(_blank)。



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


(四) 共用 

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


 變更共用權限:共用→變更→知道連結的使用者→儲存:即知道網址的使用者才可以檢視;若點選『私人』,則為不公開。


 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上傳到網站最頂層

ie 成果發表:建置個人『數位學習歷程檔案網站』。

 免費素材網:

ie 免費下載向量圖庫(Free Vector Graphic)
ie SoundClick 音樂網站
ie Freesound.org收錄超過七萬筆音效檔,採創用CC授權,若改作、取樣這些音效而成的著作,可自由散布。但若單純的重製分享,則限於非商業性目的。
 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/

 免費網路資源 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 軟體
Comments