《班级网页设计》-精选课件(公开).pptVIP

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