班级网页设计说明

1、班級網頁設計,吳青青老師,編,建置網站前的思考,僅供參考,1,教師建置網站目的,傳達、溝通、學習,2,網站方向定位,行政人員,自我介紹、行政工作、教學方面,科任老師,自我介紹、教學方面,級任老師,自我介紹、班級經營、教學方面,3,專家對優良班級網頁看法,台北市班級網頁比賽評語,內容層面,內容得當且豐富,主題和分項名稱取得很好,單元有特色,親師交流效果佳,網站的風格適合學生,版面設定,整體設計佳,版面設計佳,畫面閱讀容易,不強調電腦技術功力,4,老師你的看法,網站是您工作,包含教學或行政,中所運,用的一個工具,每個人的運用可不同,因此,網站內容可由老師自行決定,5,參考別人網站,方法一,參考台北

2、市班級網站比賽得獎作品,方法二,古亭網站,教學資源,教育資源,台北市網中心,台,北市各級學校，再進入其他學校看班級網頁,方法三,到搜尋網站，查詢台灣省的小學看班級網頁,6,班級網站名稱及內容參考,網站名稱,我們的窩、小腳、寶貝群、妙妙一族、快樂小天使,貓咪家族、逍遙遊、歡樂寶貝,306,的寶貝屋、小小,博士、快樂的家、寶貝學院、臥虎藏龍、新天堂樂園,甜甜窩、滿悅園、茶舖學園,網站內容,老師介紹、班級經營、教學計劃、班級公約、生活照,片、學生介紹、生活花絮、好站報報、榮譽榜、教學,日誌、功課表、親師交流、班級幹部、晨光活動、公,佈欄、行事曆、學習單區、線上學習、留言版、討論,版、學生作品、親師文

3、章,7,主題,構思不俗,之網站範例,台北市班級網頁比賽優等作品,五常國小四,13,網站名稱,海底探險號,網站內容,最新航道、快樂舵手、小小,水手、海底寶藏、海底寫真、海底補給,站、遠度重洋、海底公約、海底城堡,航海札記、航海圖、到此一遊、海底傳,真,8,本校第一期班級網頁設計班主題,構思不俗,之網站範例,梁贍元,蔡瑋琳,網站名稱,音樂夢工坊,網站內容,夢想家、入境隨俗、夢遊天,地、夢幻足跡、夢幻仙境、最新消息,回夢工坊、夢中交流,安裝,Dreamweaver 4,校內電腦安裝方式,1,先打開虛擬光碟，找到工具中的,Macromedia Dreamweaver 4,按兩下，再按,右鍵,查看虛擬光

4、碟內容，找到安裝程式,setup,後，即可安裝,2,序號請在桌面上找到網路上芳鄰，進入,ktps,好用軟體，就可以找到序號,3,Dreamweaver 4,中文化，進入,ktps1,public,Dreamweaver 4,中文化,setup,按兩,下,學校的光碟片,第一、二期放在網路上芳鄰,class3,cd_server,最近的放在虛擬光碟中,歡迎多加利用,網頁製作觀念,2,學校放置老師網頁電腦,主機名稱,.tw,1,上傳,製作網頁的電腦,進入方式,帳號,t0009,密碼,上網瀏覽,放置網頁的,資料夾,www,3,開新資料夾,將所做的網頁及圖片,等,檔

5、案，集中放在一起,透過瀏覽器，輸入網址,.tw/t0009,即可看到你的網站,如何在家或教室,繼續完成網頁,如何在家或教室,繼續完成網頁,安裝,dreamweaver,軟體,在硬碟中開新資料夾,定義網站,方法一樣,連線,下載整個網站,繼續完成網頁,圖解如下,2,學校放置老師網頁電腦,主機名稱,.tw,1,下載,家中或教室的電腦,進入方式,帳號,t0009,密碼,開新資料夾,準備將網頁所有檔案下載,3,放置網頁的,資料夾,www,繼續完成網頁,使用,dreamweaver,軟體，完成網,頁,兩欄式網頁,兩欄式網頁,特色一,總共由三個檔案組成,1,整個兩欄式檔案,2,項目清單,3,內容檔案,特色二,項目清單是不動的,特色三,項目清單中的分項是可以,字,或,圖片,做超連結,圖解如下,整個兩欄式的網頁,第一個檔,檔名,first.htm,可自訂,兩欄式網頁,項目清單,第二個檔,檔名,list.htm,可自訂,內容,第三個檔,檔名,teacher.htm,可自訂,兩欄式超連結,注意事項一,當你做兩欄式分割後，電腦會自動取頁,框名稱,可自己更