2016年5月23日 星期一

1050601資訊研習-利用Blogger建立班級網頁或主題網頁

  1. 研習之前
    • 觀摩國小部落格班級網頁範例
    • 使用Google for Education(帳號已申請,例如:xxx@wles.chc.edu.tw)
      檢查帳號、密碼是否可以正常運作
  2. 基本功夫
    1.  google相片
      1. 點選google應用程式-相片
      2. 上傳相片(依時間排列)
      3. 建立相簿:點選相片後建立,方便日後使用(例如Blogger)。
      4. 建立動畫:點選相片後建立,會存放在相片中(也是相片的一種)
      5. 建立美術拼貼:點選2~9張相片後建立,會存放在相片中
    2. google雲端硬碟
      1. 點選google應用程式-雲端硬碟
      2. 建立資料夾:點選新建或在右方雲端硬碟空白處按右鍵
      3. 上傳檔案或資料夾(建議使用chrome)
      4. 資料夾設定分享(會出現社群符號),將要分享的檔案放在此資料夾。
  3. 利用Blogger建立班級網頁或主題網頁
    1. 新增網誌:在「我的網誌」頁面中點選「新增網誌」-標題新網址.blogsport.com
      • 點選新建立的網誌
      • 選取或更改範本(預設範本相容性高,版面易調整)
      • 點選「檢視網誌」,看看畫面如何?
      • 修正部落格系統日期時間(預設為GMT-8:00太平洋時間)
        • 點選左邊菜單的「設定」 / 「語言和格式」
          時間改為 GMT+8:00 台北
      • 優化網站被搜尋引擎找到(僅供參考)
        • 點選左邊菜單的「設定」 / 「搜尋偏好設定」
          啟用「中繼標記」
        • 發表的文章會增加「搜尋說明」欄位(啟用中繼標記後,才會出現)
    2. 點選左邊菜單的「網頁」,建立新網頁。建議建立以下頁面:
      • 我們這一班:老師、幹部介紹
      • 教學理念
      • 公佈欄
      • 班級榮譽榜
      • 重要行事曆
    3. 將剛剛建立的網頁,連結在首頁上。(增加班級網頁的系統性)
      • 在左面菜單點選「版面設計」
      • 在Cross-Column上,點選「新增小工具」,點選「網頁」工具
      • 將剛才新增的網頁勾選,順便排一下順序。
      • 備註:並不一定要將「網頁」放在主頁面區(Main)的上面,您也可以將它放在側邊。
    4. 新增文章:請在左面菜單點選「新文章」
      • 文章元素包括文字、圖片、影音、連結檔案等。
        • google圖文排版並不靈活,建議可多運用美術拼貼、動畫、相簿分享等方式。
        • 插入YouTube影片,建議配合搜尋「萬來國小」、「關鍵字元」,找到適合的影片。
        • 檔案下載需配合雲端硬碟之檔案分享,複製連結網址即可。
      • 文章結束後,請標註「標籤」
      • 文章右邊的「選項」,請注意是否允許讀者回應。
        (若在版面設計中,沒有提供「回應」,在此選單中不會出現)
    5. 版面配置:請在左面菜單點選「版面配置」
      • 網站小圖示:例如蜘蛛人的臉譜
      • Cross-Column:例如行事曆、公告欄.....等「網頁」
      • Main:文章放置區,可考慮把讀者意見拿掉。
      • sidebar-right:右邊側欄,可新增小工具
        • 標籤:類似wordpress的資料夾概念
        • 網誌存檔:依照時間(月份)表列文章
        • 精選文章:選擇其中一篇文章,可選擇呈現圖或文或標題
        • 網頁:可強化網誌的系統性。如果沒有放在Cross-Column上,可考慮放在此處。
        • 連結清單:類似好站報報功能,不過無法新跳出視窗,較可惜。
        • 清單:須略熟悉HTML語法,新增外部連結可跳出新視窗
    6. 範本:請在左面菜單點選「範本」
      • 選取或更改範本(預設範本相容性高,版面易調整)
      • 自訂,可以改變:
        • 背景顏色、背景圖(如果自行上傳圖檔,可考慮取消「隨頁面捲動」)
        • 調整寬度:請考慮圖文的寬度
        • 版面配置:請考慮部落格為單欄、雙欄、三欄......
        • 進階:更細部的設定
      • 改完後,請點選右上角之「套用至網誌」
      • 使用外部(非正式)範本(版面無法調整
        • deluxetemplates
        • btemplates
        • 選取喜歡的版面,download下來後解壓縮。
        • 左邊菜單 範本 / 備份/還原(上傳.xml檔)