網頁的CSS設定關係到網頁能否正確顯示,

因此建議各位老師若不清楚CSS語法,

在更動CSS內容之前,

務必要先備份原網頁的CSS檔案。

 

底下將示範更動CSS中的背景圖案設定,

讓班網可以呈現自選的背景圖案,

而不是預設的灰白顏色喔。

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(14):更動CSS版面設定 已關閉迴響。

老師可能發現某些網站的側欄有不少可愛的小工具,

蔡老師也寫過這部分的文章,

請參考:『漢民部落格教學(22)-增加部落小玩意』這篇文章。

 

資訊服務入口的班網也有這功能喔,

趕緊來看看吧~

 

1.這裡示範在班網中嵌入時鐘為例子,我在Google上輸入blog時鐘當作關鍵字,查看有哪些網站提供程式代碼。

129

 

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(13):加入側欄小工具 已關閉迴響。

在班網站中加入背景音樂的方法很簡單,

但好壞可就見仁見智喔,

老師請自行考量喔。

馬上來試試看吧~

 

1.請老師先登入『資訊服務入口』→點選『班級網站』連結→點選『編輯網站』點選『3.佈景主題與音樂』連結。

128

 

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(12):加入背景音樂 已關閉迴響。

資訊服務入口班級網站的教學文章,

從這單元開始進入建立個人化風格,

首先從最容易的改變網頁橫幅(banner)開始。

 

由於班網的網頁橫幅有固定長寬尺寸,

因此教學單元中也包含了利用PhotoCap將圖片中的固定區塊裁切下來

請繼續看下去吧~

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(11):更換網頁橫幅 已關閉迴響。

雖然資訊服務入口提供每位老師可以建置2個網站,

每個網站也擁有2G的磁碟空間,(磁碟空間會陸續擴充)

但班網的活動相簿僅提供老師上傳圖片檔案,

那麼想要讓孩子看見老師拍的影片怎麼辦?

 

或許老師發現了~

在檔案分享功能中可以上傳影片啊!!

雖然此方法可以將影片分享給學生下載,

但蔡老師還是要提醒你影片檔案極大,

少少幾部短時間的影片就會將班網空間擠爆了!!

所以蔡老師還是建議老師將影片上傳到YouTube中

然後在班網中將YouTube影片嵌入在文章中

學生與家長便能在觀看文章的同時順便播放影片。

 

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(10):文章中嵌入YouTube影片 已關閉迴響。

班網中最後要介紹的是班級介紹與班級公約兩項功能,

這兩項都是靜態的文字資料,

所以放在一起介紹,

請繼續看下去喔~

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(9):班級介紹與班級公約 已關閉迴響。

班網中的功課表與行事曆都是表格資料,

蔡老師就將這兩功能放在一起介紹。

 

每位孩子的聯絡簿中都有功課表,

所以班網中需不需要功課表功能端看老師要不要啟用。

而行事曆功能除了當成一般的班級行事曆之外,

老師還可以將行事曆看作網頁版的聯絡簿

班級上總會有少部分孩子在抄寫聯絡簿時丟三落四的亂抄一通,

家長這時便可以對照網頁版的聯絡簿來瞭解實際聯絡簿內容

 

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(8):功課表與行事曆 已關閉迴響。

為了讓瀏覽班級網站的網友與同學更瞭解班上的孩子,

班網內設有同學錄的連結,

老師可以替每位可愛的孩子輸入介紹喔。

 

不過由於個人資料保護法的關係,

老師在建立孩子同學錄資料時,

務必記住一個原則:

孩子的個人隱私資料可不得曝光喔!

 

繼續看下去吧~

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(7):同學錄 已關閉迴響。

現代的孩子很早就接觸網際網路,

但還是將電腦當成玩遊戲的工具,

所以老師請適時的提供些優良網站給孩子跟家長吧~

 

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(6):好站推薦 已關閉迴響。

檔案分享這功能在一般的網站中並不容易看到,

頂多只是在相簿中提供相片原始檔案下載,

主要原因是擔心檔案過度佔用網站空間。

 

而在Facebook社交網站與智慧型手機興起之後,

免費的雲端磁碟空間大行其道,

而且大多具有檔案分享功能,

傳統形態網站的檔案下載功能似乎就更不被重視了。

 

但班級網站有其特殊性質,

老師除了可以將班級活動照片分享給家長外

班級所需要用到的表格與通知單也能利用到檔案分享的功能喔~

Read More

Tags : | 高市教育局資訊服務入口~建置班級網站(5):檔案分享 已關閉迴響。