班级网页设计

按一下以編輯母片標題樣式,*,按一下以編輯母片,第二層,第三層,第四層,第五層,班級網頁設計,吳青青老師 編,建置網站前的思考,(僅供參考),1.教師建置網站目的：,傳達、溝通、學習。,2.網站方向定位：,行政人員,(自我介紹、行政工作、教學方面),科任老師,(自我介紹、教學方面),級任老師,(自我介紹、班級經營、教學方面),3.專家對優良班級網頁看法,(台北市班級網頁比賽評語),內容層面,內容得當且豐富。,主題和分項名稱取得很好。,單元有特色。,親師交流效果佳。,網站的風格適合學生。,版面設定,整體設計佳。,版面設計佳。,畫面閱讀容易。,不強調電腦技術功力。,4.老師你的看法,網站是您工作(包含教學或行政)中所運用的一個工具，,每個人的運用可不同,。因此，網站內容可由老師自行決定。,5.參考別人網站,方法一：,參考台北市班級網站比賽得獎作品。,方法二：,古亭網站教學資源教育資源台北市網中心台北市各級學校，再進入其他學校看班級網頁。,方法三：,到搜尋網站，查詢台灣省的小學看班級網頁。,6.班級網站名稱及內容參考,網站名稱：,我們的窩、小腳、寶貝群、妙妙一族、快樂小天使、貓咪家族、逍遙遊、歡樂寶貝、306的寶貝屋、小小博士、快樂的家、寶貝學院、臥虎藏龍、新天堂樂園、甜甜窩、滿悅園、茶舖學園。,網站內容：,老師介紹、班級經營、教學計劃、班級公約、生活照片、學生介紹、生活花絮、好站報報、榮譽榜、教學日誌、功課表、親師交流、班級幹部、晨光活動、公佈欄、行事曆、學習單區、線上學習、留言版、討論版、學生作品、親師文章。,7.主題,”構思不俗”,之網站範例,(台北市班級網頁比賽優等作品)(五常國小四13),網站名稱：,海底探險號,網站內容：,最新航道、快樂舵手、小小水手、海底寶藏、海底寫真、海底補給站、遠度重洋、海底公約、海底城堡、航海札記、航海圖、到此一遊、海底傳真。,8.本校第一期班級網頁設計班主題,”構思不俗”,之網站範例,(梁贍元.蔡瑋琳),網站名稱：,音樂夢工坊,網站內容：,夢想家、,入境隨俗,、,夢遊天地,、,夢幻足跡,、,夢幻仙境,、,最新消息,、,回夢工坊,、,夢中交流,。,安裝,Dreamweaver,4,校內電腦安裝方式,(1),先打開虛擬光碟，找到工具中的,Macromedia,Dreamweaver,4,按兩下，再按右鍵查看虛擬光碟內容，找到安裝程式,setup,後，即可安裝。,(,2)序號請在桌面上找到網路上芳鄰，進入,ktps,好用軟體，就可以找到序號。,(3),Dreamweaver,4,中文化，進入,ktps1public,Dreamweaver,4,中文化,setup,按,兩下。,學校的光碟片,第一、二期放在網路上芳鄰,class3,cd,_server。,最近的放在虛擬光碟中。,歡迎多加利用。,網頁製作觀念,1,2,3,學校放置老師網頁電腦,主機名稱：,teacher,.ktps.tp.edu.tw,進入方式：,帳號：,t0009,密碼：,*,製作網頁的電腦,開新資料夾：,(將所做的網頁及圖片等,檔案，集中放在一起),放置網頁的,資料夾：,www,透過瀏覽器，輸入網址,teacher,.ktps.tp.edu.tw,/t0009,即可看到你的網站,上網瀏覽,上傳,如何在家或教室繼續完成網頁,如何在家或教室繼續完成網頁,安裝,dreamweaver,軟體,在硬碟中開新資料夾,定義網站(方法一樣),連線,下載整個網站,繼續完成網頁,圖解如下:,1,2,3,學校放置老師網頁電腦,主機名稱：,teacher,.ktps.tp.edu.tw,進入方式：,帳號：,t0009,密碼：,*,家中或教室的電腦,開新資料夾：,(準備將網頁所有檔案下載),放置網頁的,資料夾：,www,使用,dreamweaver,軟體，完成網頁.,下載,繼續完成網頁,兩欄式網頁,兩欄式網頁,特色一：,總共由三個檔案組成.,(1.整個兩欄式檔案 2.項目清單 3.內容檔案),特色二：,項目清單是不動的.,特色三：,項目清單中的分項是可以,字,或,圖片,做超連結.,圖解如下：,兩欄式網頁,整個兩欄式的網頁,第一個檔,檔名：,first,.htm,(,可自訂),項目清單,第二個檔,檔名：,list,.htm,(,可自訂),內容,第三個檔,檔名：,teacher,.htm,(,可自訂),兩欄式超連結,注意事項一：,當你做兩欄式分割後，電腦會自動取頁框名稱。,(可自己更改),注意事項二：,指定超連結，必須指定,檔案,出現的,頁框名稱.,兩欄式網頁,頁框名稱,leftFrame,頁框名稱,MainFrame,