使用 Google Calendar (日曆) 來做【課程表】(四)

Part 4: 公開全部課程的課程表

如果你已經完成前一篇文章【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表 】，你已經可以將單一一堂課程的課程表透過 Google Calendar 公開並且嵌入網頁中。但是要如何將舞團或是舞蹈教室中所有的課程表整合在同一份行事曆中，一起利用網頁公開讓使用者瀏覽呢？

1. 將所有的課程建立在各自的行事曆中，並設定好公開的相關設定
   (詳細的步驟說明請參：【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表 】)
   
   
2. 進入客製化嵌入 Calendar 的設定畫面
   
   • Click [我的日曆]/[My calendars] 任何一個行事曆旁的 [▼]
     
   • 在展開的功能表選擇 [日曆設定]/[Calendar settings]
     
     
   
   
   • 在開啟的 [Calendar details] 設定頁面中，找到 [Embed This Calendar] 項目後， Click [Customize the color, size, and other options] 連結，開啟 [Google Embeddable Calendar Helper] 頁面
     
     
     
     


3. 複製所有課程表的連結
   
4. • 在 [Google Embeddable Calendar Helper] 頁面中，你可以依據需求調整參數，
     參數調整所呈現的結果會立刻顯示在右邊的預覽
     
     
     
     
   
   
   • 在頁面參數的 [Calendars to Display]，勾選所有要公開的課程表行事曆
     
     
   
   
   • 所有參數調整設定完畢，複製 [Copy and paste the HTML below to include this calendar on your webpage] 的所有內容
     
     
     


5. 將 HTML 貼到網頁設計的內容中
   如果是自己網站的網頁，你可以直接將【步驟 3】最後一個步驟複製的 HTML 貼到網頁設計中
   


6. 將所有課程表的行事曆放到 Google Sites (協作平台) 的網頁中
   如果你的網頁是放在 Google Sites 中，目前 Google Sites 的網頁設計是不允許 <iframe> 語法，在【步驟 3】最後一個步驟所複製的 HTML 中有用到 <iframe> 的語法，在存檔時會自動被刪除。
   
   
   
   而 Google Sites [資訊主頁] 類型的網頁可以插入 [日曆] 的小工具，但是只能在一個 [日曆] 小工具中設定一個行事曆，無法設定多個行事曆。
   (參：【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表】)
   
   目前在 Google Sites 的網頁中只能透過連結的方式，將所有課程的行事曆網址放到連結中，使用者按下連結後，在新的瀏覽器頁面便可瀏覽到所有課程的課程表。以下是設定的步驟：
   

• 在 Google Site 中瀏覽到要增加【課程表】連結的頁面，並按下 Google Sites 功能表的【編輯頁面】
  
  
  

• 在頁面編輯的畫面中，切換到 HTML 編輯模式
  
  
  
  


• 在要加入連結的文字(例如本例中的 "所有課程" )前面加上 <a href="" target="_blank">
  在文字後面加上</a>
  
  
  
  


• 將【步驟 3】最後一個步驟所複製的 HTML 中的 src="..." 之間的連結字串中，把 &amp; 取代為 & ，完成後貼到上一個步驟的 href="" 的兩個雙引號之間


• 儲存修改過的網頁
  

完成之後，使用者就可以點擊 "所有課程" 的連結在新的瀏覽器頁面中開啟所有課程的課程表。





使用者還可以 Click 課程表右上角的 [▼]，在展開的項目選單中可以自行切換要顯示的課程表內容。



這篇文章所提到的功能示範可以在【Dance Helper 示範網站】的【課程表】中看到。
>>按此開啟示範


<< 上一篇：【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表】
>> 下一篇：【使用 Google Calendar (日曆) 來做【課程表】(五)：提供訂閱課程表的功能】

網站建構文章導覽

Dance Information Helper (舞蹈以及表演藝術小幫手) 部落格 (簡稱：DanceHelper) 整理了你要用來建構舞團或是舞蹈教室的網站所需要的概念以及步驟。

內容導覽如下：

基本

• 基本概念
  
  • 要如何建立屬於舞團的網站？
    
  • 如何有效率地使用 [Dance Helper] 相關網站資源
    


• 使用 Google Sites (協作平台) 來建構網站
  
  • 使用 Google Sites (協作平台) 建立網站
    

功能增進

• 建立【課程表】
  
  1. 使用 Google Calendar (日曆) 來做【課程表】(一) - Google Calendar (日曆) 概述
     
  2. 使用 Google Calendar (日曆) 來做【課程表】(二) - 建立課程表
     
  3. 使用 Google Calendar (日曆) 來做【課程表】(三) - 公開單一課程的課程表
     
  4. 使用 Google Calendar (日曆) 來做【課程表】(四) - 公開全部課程的課程表
     
  5. 使用 Google Calendar (日曆) 來做【課程表】(五) - 提供訂閱課程表的功能
     
  
  


• 建立【討論區】
  
  • 在 Google Groups (網上論壇) 增加與其他網站的連結
    
  • 使用 Google Groups (網上論壇) 建立網站的討論區
    
  
  

要如何建立屬於舞團的網站？

建立舞團網站的方式有非常多種。如果有足夠資源的話，你當然可以編列經費，委託網站規劃以及網站設計人員來建構網站。但是對於一些中小型的舞蹈教室或是舞團來說，大多沒有足夠的經費來委託專業人員製作網站。是否能夠用最簡單的步驟以及最經濟的方式來擁有屬於自己舞蹈教室或是舞團的網站呢？

答案是肯定的，你可以試試 Google 所提供的線上服務！

Google 提供許多線上服務，一般人比較常使用的應該是 Google 的 Email 服務：Gmail。但如果要用來建構舞團的網站，你可以使用 Google Blogger (部落格) 或者是 Google Sites (協作平台) 來作為主要的網站入口，並且在這兩種服務中還可以整合 Google 其他的線上服務，例如：可用來作為網站討論區的 Google Groups (網上論壇)、可用來製作課程表的 Google Calendar (日曆)、可以用來分享演出影片片段的 YouTube、可以用來分享舞團照片的 Picasa Web Album (Picasa 網路相簿) ... 等。

為什麼要選擇 Google 的這些服務來作為建構舞團網站的工具呢？

第一個吸引人的原因，就是使用 Google 提供的這些服務都是免費的！只要註冊一個 Google Account (這也是免費的)，你就可以使用 Google 所提供的線上服務，完全不需要付任何費用。這對於經費不多的舞蹈教室或是舞團來說，是非常令人難以抗拒的。

除此免費之外，另外一個具有吸引力的地方，那就是要使用 Google 線上服務的大部分功能都是非常簡單的！使用這些 Google 所提供的服務，你不需要架設自己的網站主機，你也不需要具備太多的網站架設或是網頁設計的知識與經驗，只要藉由簡單幾個申請以及設定的動作，任何人都可以馬上啟用服務所提供的功能，在網路的世界中擁有一個屬於自己的網站。

雖然使用上具有其簡易的特性，但若再依據程度來分，筆者建議對於建構網站剛入門的人，先選擇 Google Blogger (部落格) 來架設舞團網站；如果是稍微具備有網頁設計能力以及網站架設概念的人，除了 Google Blogger (部落格) 之外，也可以選擇 Google Sites (協作平台) 來建構網站。

詳細的網站建構步驟與細節請參 DanceHelper 相關文章說明。

使用 Google Calendar (日曆) 來做【課程表】(三)

要開始這文章的步驟之前，你必須有能力達到以下幾個動作：

• 使用 Google Account 登入 Google Calendar
• 在 Google Calendar 中建立【課程表】的行事曆
• 擁有自己的 Google Sites (協作平台) (Optional)
  

如果你還有問題，請參前面幾篇文章：

• 使用 Google Calendar (日曆) 來做【課程表】(二) - 建立【課程表】
• 使用 Google Calendar (日曆) 來做【課程表】(一) - Google Calendar (日曆) 概述
• 使用 Google Sites (協作平台) 建立網站
  

Part 3: 公開單一課程的【課程表】

如果將課程表的行事曆透過網頁的方式公開，使用者不需要申請或是登入 Google Account，任何人只要使用瀏覽器連到課程表的網頁網址，就可以看到課程表，也就不會因為對於使用者有太多的限制條件而引響到使用者查閱課程表的意願。

在這篇文章中，內嵌網頁的工具使用 Google Sites (協作平台)，若要將 Google Calendar 內嵌到其他工具(例如：部落格、或是自己設計的網頁)中，細節會略有不同，但大致的步驟是一樣的。

將 Google Calendar 建立的【課程表】行事曆嵌入到 Google Sites (協作平台) 網頁的步驟如下：

1. 登入 Google Sites
   
2. 將課程表的行事曆公開
   
3. 複製【課程表】行事曆網址
4. 在 Google Sites 建立網頁
5. 將【課程表】嵌入網頁
6. 增加連接到這個頁面的連結

接下來說明詳細步驟：

1. 登入 Google Sites

2. 將課程表的行事曆公開

3. 複製【課程表】行事曆網址

   如果你不知道執行步驟 2 ~ 3 的步驟，請參這一篇部落格文章【Google Calendar: 公開讓其他人瀏覽行事曆】。
   
   

4. 在 Google Sites 建立網頁

   • 按下 Google Sites 功能表的【建立新頁面】
     
     
     
     
   • 在開啟的新頁面設定畫面中，輸入【頁面名稱】
     
   • 預設 Google Sites 會幫你自訂頁面的【網頁位置】。
     如果你想修改，請按下【網頁位置】旁的【變更】，
     在開啟的的【變更網頁網址】對話框中輸入網頁網址後按【儲存】。
     
     
     
     
     
     
     
   • 如果這個頁面要用來嵌入 Google Calendar 的話，頁面的類型請選擇【資訊主頁】。
     
     
     
     
   • 如果要設定此頁面所在的階層的話，可以在下方相關的選項中設定。
     
   • 設定完畢後，按下【建立頁面】按紐，完成新頁面的建立。
     
     
     
     
   • 新【資訊主頁】類型的頁面完成。
     
     
     
   
   

5. 將【課程表】嵌入網頁

   • Click 這個頁面的 [版面配置▼]
     展開後，選擇 [單欄]
     
     
     
     
   • Click 小工具的控制項，會跳出選擇小工具類型的功能選單
     選擇【日曆】
     
     
     
     
     
     
   • 在跳出【插入 Google 日曆】的對話框中，
     將步驟 3 中所複製的 Google Calendar 網址貼到控制項中
     
     
     
     
   • 其他設定可以依據需求自行調整，
     設定完畢後，按下【儲存】。
     
     
   • 小工具設定儲存成功，回到編輯頁面，按下頁面的【儲存】將此頁面儲存。
     
     
   • 頁面儲存成功，就可以看到課程表的行事曆已經嵌入這個頁面中。
     
     
     
   
   

6. 增加連接到這個頁面的連結
   

   • 在 Google Site 中瀏覽到要增加【課程表】連接的頁面，並按下 Google Sites 功能表的【編輯頁面】
     
     
     
     
   • 在頁面內容，或是小工具內容中，選取要增加【課程表】連結的文字後，按下【連結】。
     
     
     
     
   • 選擇【課程表】的頁面後按【確定】，建立連結。
     
     
     
     
   • 連接增加完成後，按下儲存小工具或是頁面相關的【儲存】按鈕，將頁面內容儲存。
     

完成了以上的步驟後，你已經可以將單一一個【課程表】的行事曆透過網頁發佈，但是要如何將網團的所有課程表以及演出行程的行事曆擺在一起並發佈呢？這在下一篇文章將會說明。

這篇文章所提到的功能示範可以在【Dance Helper 示範網站】的【課程表】中看到。
>>按此開啟示範


<< 上一篇：【使用 Google Calendar (日曆) 來做【課程表】(二)：建立課程表】
>> 下一篇：【使用 Google Calendar (日曆) 來做【課程表】(四)：公開全部課程的課程表】