學(xué)校網(wǎng)頁建置研習(xí)講義

1、學(xué)校網(wǎng)頁建置研習(xí)講義”李帆”老師的網(wǎng)頁製作教學(xué) 建置網(wǎng)站基本技能與規(guī)範(fàn) 一、 面板設(shè)計.1.1設(shè)計解析度常見的螢?zāi)唤馕龆热缦?5 吋-原生解析度為 1024*768， 畫面為 4:317 吋與 19 吋-原生解析度為 1280*1024，畫面為 5:419 吋寬-原生解析度為 1440*900， 畫面為 16:1020 吋-原生解析度為 1600*1200，畫面為 4:320 吋寬螢?zāi)?原生解析度為 1680*1050，畫面為 16:1021 吋-原生解析度為 1600*1200，畫面為 4:321 吋寬螢?zāi)?原生解析度為 1680*1050，畫面為 16:1022 吋寬螢?zāi)?原生解析度為 1

2、680*1050，畫面為 16:1023 吋-原生解析度為 1600*1200，畫面為 4:324 吋寬螢?zāi)?原生解析度為 1920*1280，畫面為 16:1027 吋寬螢?zāi)?原生解析度為 1920*1280，畫面為 16:1030 吋寬螢?zāi)?原生解析度為 2560*1600，畫面為 16:101.2字體系統(tǒng)網(wǎng)頁字體大小注意事項不要使用超過 3 種以上的字體，因為字體太多會顯得沒有重點(diǎn)與主題。不要使用不停閃爍的文字，想讓瀏覽者多停留的話，就不要使用閃爍的文字。若訪客大部分是長者或弱視人士，加入一個可調(diào)整字體大小的 CSS 的按鈕。文字和底色的顏色反差應(yīng)該儘量增大，要使用高反差的顏色。1.2顏

3、色系統(tǒng)網(wǎng)頁配色注意事項暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)溫馨、和煦、熱情的氛圍。冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)寧靜、清涼、高雅的氛圍。對比色調(diào)。即把色性完全相反的色彩搭配在同一個空間裏。網(wǎng)頁配色範(fàn)例http:/color.eweb-二、 開發(fā)環(huán)境2.1網(wǎng)站測試機(jī)臺軟體環(huán)境系統(tǒng)版本作業(yè)系統(tǒng)Windows XP SP2Web ServerIIS 5.1處理器Intel Celeron CPU 2.8GHz記憶體512MB DDR ROMDreamweaverCS3Sharepoint20072.2網(wǎng)站教學(xué)範(fàn)本下載研習(xí)網(wǎng)頁

4、範(fàn)本下載專區(qū)File資源分享01教務(wù)處電算中心資訊種子教師研習(xí)製作網(wǎng)頁軟體取得專區(qū)File資源分享01教務(wù)處電算中心資訊種子教師研習(xí)三、 Dreamweaver操作使用說明3.1常用超連結(jié)電子郵件連結(jié)命名錨點(diǎn)表格插入Div標(biāo)籤影像媒體日期3.2版面插入Div標(biāo)籤繪製AP DivIFRAME頁框四、 網(wǎng)頁範(fàn)例修該方式說明4.1檔案結(jié)構(gòu)4.1-1樹狀結(jié)構(gòu)4.1-2檔案名稱對照表index.html教學(xué)研究會首頁01default.htm教學(xué)目標(biāo)首頁02default.htm師資介紹首頁03default.htm相關(guān)活動首頁04default.htm教學(xué)資源首頁05default.htm教學(xué)觀察首頁images存放教學(xué)研究會首頁圖檔4.2更改首頁文字..1上方連結(jié) 待學(xué)校首頁完成再行添加連結(jié)4.2.2教學(xué)研究會標(biāo)題 請將”XX”更改為自己的教學(xué)研究會名稱4.2.3下方版權(quán)宣告 待校長決議統(tǒng)一格式後再行更改4.3建立內(nèi)頁文件教學(xué)目標(biāo)首頁師資介紹首頁相關(guān)活動首頁教學(xué)觀察首頁教學(xué)觀察首頁個別開啟編修網(wǎng)頁內(nèi)容、加入資料並超連結(jié)文件五、 開發(fā)環(huán)境觀看網(wǎng)頁成果專區(qū)http:/上傳網(wǎng)頁成果位置ftp:/上傳帳號上傳密碼FTP軟體File資源分享01教務(wù)處電算中心資訊