中職 網(wǎng)頁設(shè)計與制作案例教程第1章

中職網(wǎng)頁設(shè)計與制作案例教程第1章工信版第1章網(wǎng)頁基礎(chǔ)31.1基礎(chǔ)項目1：制作“我為自己代言”網(wǎng)頁1.2知識庫：網(wǎng)頁基礎(chǔ)知識1.3基礎(chǔ)項目2：制作“陳歐介紹”網(wǎng)頁1.4知識庫：DreamweaverCC2018的工

作界面和使用技巧1.5提高項目：制作“青春頌歌”網(wǎng)頁1.6拓展項目：制作“支付”網(wǎng)頁目錄41.1基礎(chǔ)項目1：制作“我為自己代言”網(wǎng)頁5（1）了解站點、網(wǎng)站、網(wǎng)頁之間的關(guān)系，初步認識網(wǎng)頁布局。（2）初步了解Dreamweaver工作環(huán)境及使用方法，能夠建立站點及新建網(wǎng)頁。（3）了解網(wǎng)頁的基本結(jié)構(gòu)，能夠區(qū)分結(jié)構(gòu)層和表現(xiàn)層。（4）了解CSS在網(wǎng)頁制作中的作用，能夠?qū)W(wǎng)頁進行簡單美化。知識技能目標(biāo)1.1基礎(chǔ)項目1：制作“我為自己代言”網(wǎng)頁6中期制作前期準備后期測試發(fā)布1.2.1網(wǎng)站開發(fā)流程1.2知識庫：網(wǎng)頁基礎(chǔ)知識需求分析前期準備1.2.1網(wǎng)站開發(fā)流程功能分析、目標(biāo)用戶分析、內(nèi)容分析等確定主題確定網(wǎng)站架構(gòu)收集素材設(shè)計頁面導(dǎo)出效果圖切片中期制作1.2.1網(wǎng)站開發(fā)流程創(chuàng)建站點靜態(tài)頁面制作網(wǎng)站程序開發(fā)后期測試發(fā)布1.2.1網(wǎng)站開發(fā)流程頁面效果鏈接有效性瀏覽器兼容性網(wǎng)站發(fā)布視覺效果、布局、內(nèi)容、親和力、易操作……所有鏈接是否都跳轉(zhuǎn)正常、所有頁面是否均可到達……在各主流瀏覽器下均能正常顯示測試過程通常也伴隨著優(yōu)化過程，優(yōu)化是盡可能地減小網(wǎng)頁文件的體積及日后發(fā)生錯誤的機率。本地發(fā)布、遠程發(fā)布網(wǎng)頁網(wǎng)站主頁12351.2.2網(wǎng)頁常用術(shù)語4InternetIP地址域名WWWHTTPURL靜態(tài)網(wǎng)頁動態(tài)網(wǎng)頁絕對路徑相對路徑1.2.3網(wǎng)頁文件命名規(guī)范1．文件名采用小寫字母

introduce.html2．使用正確的擴展名

.html3．用短橫線分隔單詞

nba-rank.html121.3基礎(chǔ)項目2：制作“陳歐介紹”網(wǎng)頁13（1）了解Dreamweaver工作界面，熟練掌握創(chuàng)建站點及網(wǎng)頁的方法。（2）初識超鏈接，能夠為當(dāng)前網(wǎng)頁添加指向同站點內(nèi)其它頁面的超鏈接。（3）了解HTML語言和CSS樣式基本書寫格式。（4）掌握<style>標(biāo)簽的使用方法，能夠使用<style>標(biāo)簽創(chuàng)建內(nèi)部樣式表。知識技能目標(biāo)1.3基礎(chǔ)項目2：制作“陳歐介紹”網(wǎng)頁141.4.1啟動DreamweaverCC20181.4.2認識DreamweaverCC2018工作界面1.4.3更改DreamweaverCC2018默認界面和布局更改拆分視圖排列方式更改面板位置更改界面顏色1.4.4使用DreamweaverCC2018的幾個小技巧實時預(yù)覽快速更改代碼（Ctrl+E）同時編輯多行代碼1.4知識庫：Drea