前言對於網站製作的三個階段：規劃階段、執行階段、維護階段等有基本的概念之後，即可以展開網頁的製作。本階段將針對google sites協作平台的「建立」、「收集」、「控制」三大優點進行說明。輕易建立豐富的網頁；將您的所有資訊收集在一個位置；控制誰可以檢視和編輯網頁（https://sites.google.com/）。讓初學者簡單做網頁，按部就班輕鬆上手。
 在Google Sites建立網站每個人都可以在Google Sites上開一個自己的網站，自由地放入許多網頁，只要申請一個Gmail，就可以上路了。以下將以本校的Google Sites平台為例說明，與個人的Google Sites建站方式一致。本校的Google Sites平台網址為https://sites.google.com/a/chhs.hcc.edu.tw/?tab=m3，只要在chhs.hcc.edu.tw網址所建立的帳戶都能夠在該網域中建立新的協作平台。
●點選「建立新的協作平台」進入 chhs.hcc.edu.tw 建立新的協作平台頁面  ●為協作平台取名字  ●成功建立第一個網頁樣式  編輯側欄的「主題」若要更改網站主題，請點選「編輯側欄」，進入「編輯側欄」頁面。在編輯網頁時，可以可任意變更主題，只要點選「主題」，進入協作平台版面配置、色彩 及圖片的組合，你可以試著多玩幾次，按下「變更」時，主題將只會捨棄你在 [色彩及字型] 中所做的任何變更，所有網站元素將保留不變。
   註：如果您是自己申請Gmail信箱，註冊一組Google帳號，登入後選擇『協作平台』的服務，操作步驟與上述相同。
收集資料（頁面的製作與編輯及認識平台介面與操作）Google提供的視覺化編輯器操作簡單，具有很大的便利性，很像word的操作，只要按按滑鼠就可以複製、貼上、段落、連結、圖片、影片、顏色等 等。在資料的收集上，Google協作平台中的「建立頁面」提供「網頁」、「檔案櫃」、「通告」、「清單」四種型式；「插入」的選項，讓使用者靈活的應用 「日曆」、「表單」、「通告」、「檔案櫃」、「相簿」、「影片」、「地圖」等，另外，Google還貼心地提供自動的sitesmap，針對不同頁面做連 結。在此，將選擇最容易入門的Google sites工具、頁面製作與編輯的步驟，讓初學者輕易地上手。
頁面的編輯在這個階段你應該已經思考過所要建立的網站架構（請參考下圖）。不過，並不是每一個人都有清楚的網站架構藍圖，那也沒關係，因為，google 的協作平台其中的一個好處是，製作和刪除頁面都很簡單，提供給我們很大的實驗空間。 ●網站架構圖示範  現在，只要把現有的資料分門別類做成網頁。在第一次建立的網站（協作平台），點選「建立頁面」，進入「建立頁面」畫面。
 一、選擇頁面類型：google sites協作平台提供四種網頁類型，選擇網頁類型做示範。 在往下示範前，先此針對協作平台提供四種網頁類型，「網頁」、「通告頁面」、「檔案櫃網頁」、「清單網頁」等的功能與限制逐一說明。 （http://www.google.com/support/sites/bin/topic.py?hl=b5&topic=15021） 1.網頁： (1).網頁是未結構化的頁面，您可以在其中輸入文字、圖片和表格，以及嵌入試算表、簡報、影片和其他項目。網頁具有標準格式控制項 (如粗體、斜體、底線、字型控制項、文字色彩及文字反白顯示)。 您可以建立項目符號清單和編號清單，以及輕鬆地連結至協作平台中的其他網頁。 您可以將硬碟中的文件附加至網頁底端，以及允許其他協作平台協作者對您的網頁提出意見。 (2).因為「Google 協作平台」是根據 wiki 基礎建置，所以會儲存文件的所有版本。 這表示您一定可以回復到較早的文件版本，並且可以比較不同版本之間的變更。 (3).在網頁更新時，網頁訂閱者會收到通知。 2.通告頁面： (1).通告網頁可讓個人或群組輕鬆張貼具有時間順序的資訊 (如新聞、狀態更新或重要活動)。可以用來張貼組織新聞、張貼專案更新、宣告新版本、張貼網路上的有趣連結、作為簡單網誌等。 (2).在出現新文章及現有文章更新時，網頁訂閱者會收到通知。 3.檔案櫃網頁 (1).檔案櫃網頁可讓您管理硬碟中的文件，將它們用資料夾加以整理。 這可以用來在單一位置管理共用文件。系統會儲存文件的版本記錄，因此一定可以回復成舊版本。 (2).在出現新檔案、更新檔案以及刪除檔案時，網頁訂閱者會收到通知。 4.清單網頁 (1).清單網頁可讓您輕鬆地追蹤資訊清單。您可以從範本清單中進行選擇，或設定自己的自訂欄。您可以輕鬆地新增、更新及移除項目。 (2).在新增、刪除及更新清單時，網頁訂閱者會收到通知。 二、建立頁面名稱：輸入該頁面的名稱。 三、建立頁面的擺放位置：點選「將該頁面放在最上層」或是「將頁面放在首頁之下」。這兩者的差異是，前者在側欄的產生與首頁同層；後者在側欄的產生以首頁為基準，縮排一層。別擔心會錯擺位置，因為，要調整頁面的位置也很簡單。 四、建立頁面（儲存）：最後要點選建立頁面，即自動跳出建立頁面畫面。 五、在編輯頁面的模式中，輸入你的文章，通常是copy & past，再按「儲存」就可以完成了。
 ●完成網頁的編輯  |