如果你已經完成前一篇文章【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表 】，你已經可以將單一一堂課程的課程表透過 Google Calendar 公開並且嵌入網頁中。但是要如何將舞團或是舞蹈教室中所有的課程表整合在同一份行事曆中，一起利用網頁公開讓使用者瀏覽呢？
- 將所有的課程建立在各自的行事曆中，並設定好公開的相關設定
(詳細的步驟說明請參：【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表 】) - 進入客製化嵌入 Calendar 的設定畫面
- Click [我的日曆]/[My calendars] 任何一個行事曆旁的 [▼]
- 在展開的功能表選擇 [日曆設定]/[Calendar settings]
- 在開啟的 [Calendar details] 設定頁面中，找到 [Embed This Calendar] 項目後， Click [Customize the color, size, and other options] 連結，開啟 [Google Embeddable Calendar Helper] 頁面
- Click [我的日曆]/[My calendars] 任何一個行事曆旁的 [▼]
- 複製所有課程表的連結
- 在 [Google Embeddable Calendar Helper] 頁面中，你可以依據需求調整參數，
參數調整所呈現的結果會立刻顯示在右邊的預覽
- 在頁面參數的 [Calendars to Display]，勾選所有要公開的課程表行事曆
- 所有參數調整設定完畢，複製 [Copy and paste the HTML below to include this calendar on your webpage] 的所有內容
- 在 [Google Embeddable Calendar Helper] 頁面中，你可以依據需求調整參數，
- 將 HTML 貼到網頁設計的內容中
如果是自己網站的網頁，你可以直接將【步驟 3】最後一個步驟複製的 HTML 貼到網頁設計中 - 將所有課程表的行事曆放到 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="..." 之間的連結字串中，把 & 取代為 & ，完成後貼到上一個步驟的 href="" 的兩個雙引號之間
- 儲存修改過的網頁
使用者還可以 Click 課程表右上角的 [▼]，在展開的項目選單中可以自行切換要顯示的課程表內容。
這篇文章所提到的功能示範可以在【Dance Helper 示範網站】的【課程表】中看到。
>>按此開啟示範
<< 上一篇：【使用 Google Calendar (日曆) 來做【課程表】(三)：公開單一課程的課程表】
>> 下一篇：【使用 Google Calendar (日曆) 來做【課程表】(五)：提供訂閱課程表的功能】
發表文章
沒有留言:
張貼留言