Transcript 講師教材2 - 岡山國中

高雄市岡山國中在職教師進修研習
資訊服務入口網站之班網建置
主講人：蔡銘城
主講人介紹
 南師數理系
 高師大工業科技教育研究所在職進修碩士班
 高市漢民國小資訊執祕
 專長：資訊維修工友
 蔡老師教學部落格：
http://blog.hmes.kh.edu.tw/wordpress/fatball/
 本篇文章分類：資訊服務入口
班網需要哪些功能
 公布欄
 相簿
 檔案下載
 討論區或聊天室(上級要求？)
班網可以架設在哪裡？
 高市資訊入口網(帳號整合，每人可架2個班網，
每個班網2GB空間，相片自動縮圖，相片輪播，
檔案下載，模組開關，無廣告，版面單調)
 Facebook(人氣高，沒帳號=看不到班網，PO文
雜亂，個人資料保護法隱憂，詐騙與廣告橫行)
 無名小站(人氣潰散=快關站了？相簿空間不足，
廣告)
 優學網、亞卓市
 學校自架班網(Wordpress)
班網建置(1)：新增班網
 高雄市政府教育局資訊服務入口
https://portal.ks.edu.tw/
 使用校務管理系統的帳號與密碼
 不得使用Windows內建的IE瀏覽器
 選擇佈景主題
 決定是否隱藏網站名稱文字顯示
 資訊服務入口提供每位老師可以建置2個網站，每
個網站也擁有2G的磁碟空間
班網建置(2)：發佈公告
 可加入表情符號
 可插入相簿內的圖片，或直接上傳電腦中的圖片
 可上傳檔案，讓閱讀公告的人可以下載公告中的
附件檔案
班網建置(3)：上傳相片
 先新增相簿，再至相簿中新增相片
 相簿可輸入密碼鎖住
 班網首頁可顯示相片輪播的橫福
班網建置(4)：討論區
 班網可以關閉討論區功能
 老師是班網管理者，老師可以砍掉不適合的文章
 討論區可設定密碼，避免遭到網友搗亂
 建議老師若要建置班級討論區，務必使用密碼+
匿名回應功能
 班級討論區是教育孩子的好機會，事先與學生約
法三章，讓孩子學會網路禮儀
班網建置(5)：檔案分享
 可用於班級要發給家長所需要用到的表格與通知
單
 先新增資料夾，再至資料夾中新增檔案
 資料夾可用密碼鎖住
班網建置(6)：好站推薦與同學錄
 老師可以分享值得孩子瀏覽的網站
 如果Google+或Facebook帳號，可以替推薦的
好站按『+1』與『讚』
 建立同學錄資料時，務必記住孩子的個人隱私資
料不得曝光
 同學錄可上傳相片當頭像，也可顯示暱稱
班網建置(7)：
功課表、行事曆、班級介紹與班級公約
 功課表與行事曆都是網頁表格類型顯示
 班網中需不需要功課表功能端看老師要不要啟用
 行事曆功能除了當成一般的班級行事曆之外，還可
以當成網頁版的聯絡簿。家長可對照網頁版的聯絡
簿來瞭解實際聯絡簿內容
 班級介紹與班級公約兩項功能都是靜態的文字資料
 輸入介面與公布欄相同
班網建置(進階1)：
文章中嵌入YouTube影片
 雖然相簿功能可上傳影片，但影片會大量佔用2G
空間，建議老師將影片上傳到YouTube中。(參考
蔡老師教學部落格文章)
 YouTube影片→『分享』 → 『嵌入』
 班網採用的iframe語法
 嵌入影片的寬度不要超過640
 可以嵌入YouTube影片的班網模組為『公佈欄』、
『班級介紹』與『班級公約』
班網建置(進階2)：
更換網頁橫幅與加入背景音樂
 橫幅圖案寬度與高度是900×160
 可利用Google搜尋橫幅，再利用PhotoCap來裁
切圖片
 開啟PhotoCap，選擇 『影像』→『裁切』→
『按指定尺寸裁切』
 背景音樂建議選擇『不自動播放』，以免網頁載
入音樂檔佔用太多時間
 背景音樂來源需注意不要違反智慧財產權
班網建置(進階3)：
加入側欄小工具與更動班網背景
 可參考蔡老師的文章：『漢民部落格教學(22)-增
加部落小玩意』
 側欄小工具的寬度不要超過150
 在更動CSS內容之前，務必要先備份原網頁的
CSS檔案