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

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

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

introduce.html2．使用正確的擴(kuò)展名

.html3．用短橫線分隔單詞

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