網(wǎng)頁(yè)設(shè)計(jì)與制作立體化教程（Dreamweaver+Photoshop+Flash CS6版）

目錄 項(xiàng)目一　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)　1 任務(wù)一　賞析購(gòu)物網(wǎng)站首頁(yè)　2 一、　任務(wù)目標(biāo)　2 二、相關(guān)知識(shí)　2 （一）網(wǎng)站、網(wǎng)頁(yè)、主頁(yè)的概念　2 （二）網(wǎng)頁(yè)常用術(shù)語　2 （三）常用網(wǎng)頁(yè)制作軟件　4 （四）HTML標(biāo)記語言　5 三、任務(wù)實(shí)施　7 任務(wù)二　規(guī)劃“四方好茶網(wǎng)”網(wǎng)站　7 一、　任務(wù)目標(biāo)　8 二、相關(guān)知識(shí)　8 （一）商業(yè)網(wǎng)站開發(fā)流程　8 （二）網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容　8 （三）網(wǎng)頁(yè)設(shè)計(jì)原則　9 三、任務(wù)實(shí)施　10 （一）前期策劃與內(nèi)容組織　10 （二）搜集和整理資料　11 （三）網(wǎng)頁(yè)效果圖設(shè)計(jì)　11 （四）網(wǎng)頁(yè)中動(dòng)畫設(shè)計(jì)　11 （五）網(wǎng)站頁(yè)面設(shè)計(jì)制作　12 （六）測(cè)試站點(diǎn)　12 （七）發(fā)布站點(diǎn)　13 （八）更新和維護(hù)站點(diǎn)　13 實(shí)訓(xùn)　規(guī)劃“果蔬網(wǎng)”網(wǎng)站　13 常見疑難解析　14 拓展知識(shí)　14 課后練習(xí)　16 項(xiàng)目二　Dreamweaver CS6的基本操作　17 任務(wù)一　創(chuàng)建“四方好茶”站點(diǎn)　18 一、　任務(wù)目標(biāo)　18 二、相關(guān)知識(shí)　18 （一）認(rèn)識(shí)Dreamweaver　CS6的操作界面　18 （二）Dreamweaver　CS6參數(shù)設(shè)置　22 （三）命名規(guī)則　22 （四）更完善的CSS功能　23 三、任務(wù)實(shí)施　23 （一）創(chuàng)建站點(diǎn)　23 （二）編輯站點(diǎn)　24 （三）管理站點(diǎn)和站點(diǎn)文件夾　25 任務(wù)二　制作“學(xué)校簡(jiǎn)介”網(wǎng)頁(yè)　26 一、　任務(wù)目標(biāo)　26 二、相關(guān)知識(shí)　27 （一）設(shè)置HTML格式　27 （二）編輯CSS規(guī)則　28 三、任務(wù)實(shí)施　28 （一）新建與保存網(wǎng)頁(yè)　28 （二）設(shè)置頁(yè)面屬性　30 （三）輸入文本　31 （四）設(shè)置文本格式　33 （五）插入網(wǎng)頁(yè)其他元素　35 實(shí)訓(xùn)一　創(chuàng)建“會(huì)展中心”站點(diǎn)　36 實(shí)訓(xùn)二　編輯“招生就業(yè)概況”網(wǎng)頁(yè)　37 常見疑難解析　38 拓展知識(shí)　39 課后練習(xí)　40 項(xiàng)目三　編輯網(wǎng)頁(yè)元素　41 任務(wù)一　制作“游戲介紹”頁(yè)面　42 一、　任務(wù)目標(biāo)　42 二、相關(guān)知識(shí)　42 （一）音頻文件格式　42 （二）　視頻文件格式　43 三、任務(wù)實(shí)施　43 （一）插入Flash動(dòng)畫　43 （二）插入插件　44 （三）設(shè)置鼠標(biāo)經(jīng)過圖片　45 （四）插入與編輯圖像　46 （五）優(yōu)化圖像　47 （六）添加背景音樂　49 任務(wù)二　為“品牌文化”網(wǎng)頁(yè)插入超鏈接　50 一、　任務(wù)目標(biāo)　50 二、相關(guān)知識(shí)　50 （一）超鏈接的組成　50 （二）　超鏈接的種類　51 三、任務(wù)實(shí)施　52 （一）插入文本超鏈接　52 （二）創(chuàng)建空鏈接　53 （三）創(chuàng)建圖像超鏈接　54 （四）創(chuàng)建熱點(diǎn)圖片超鏈接　54 （五）創(chuàng)建錨點(diǎn)超鏈接　55 （六）創(chuàng)建電子郵件超鏈接　56 （七）創(chuàng)建外部超鏈接　57 （八）創(chuàng)建腳本鏈接　57 實(shí)訓(xùn)一　制作果蔬網(wǎng)首頁(yè)　58 實(shí)訓(xùn)二　制作“蓉錦大學(xué)”首頁(yè)網(wǎng)頁(yè)　59 常見疑難解析　60 拓展知識(shí)　61 課后練習(xí)　61 項(xiàng)目四　布局網(wǎng)頁(yè)頁(yè)面　63 任務(wù)一　制作“花卉推薦”網(wǎng)頁(yè)　64 一、　任務(wù)目標(biāo)　64 二、相關(guān)知識(shí)　64 （一）認(rèn)識(shí)“表格”屬性面板　64 （二）認(rèn)識(shí)“單元格”屬性面板　65 三、任務(wù)實(shí)施　65 （一）創(chuàng)建表格　65 （二）設(shè)置單元格　66 （三）在表格中添加內(nèi)容　67 任務(wù)二　制作“后臺(tái)管理系統(tǒng)”網(wǎng)頁(yè)　69 一、　任務(wù)目標(biāo)　69 二、相關(guān)知識(shí)　70 （一）版式設(shè)計(jì)基本類型　70 （二）版式設(shè)計(jì)準(zhǔn)則　71 （三）框架和框架集　72 三、任務(wù)實(shí)施　73 （一）創(chuàng)建框架與框架集　73 （二）保存框架集與框架　74 （三）制作框架頁(yè)　75 實(shí)訓(xùn)一　制作“2015年日歷”頁(yè)面　77 實(shí)訓(xùn)二　制作“OA后臺(tái)管理” 網(wǎng)頁(yè)　77 常見疑難解析　78 拓展知識(shí)　79 課后練習(xí)　80 項(xiàng)目五　使用CSS+Div　81 任務(wù)一　美化“Flower_L.html”網(wǎng)頁(yè)　82 一、　任務(wù)目標(biāo)　82 二、相關(guān)知識(shí)　82 （一）認(rèn)識(shí)CSS樣式　82 （二）CSS樣式的各種屬性設(shè)置　84 三、任務(wù)實(shí)施　89 （一）創(chuàng)建并應(yīng)用CSS樣式　89 （二）引用外部樣式　90 任務(wù)二　制作“花店”網(wǎng)頁(yè)　90 一、　任務(wù)目標(biāo)　91 二、相關(guān)知識(shí)　91 （一）認(rèn)識(shí)CSS+Div盒子模式　91 （二）盒子模型的優(yōu)勢(shì)　92 三、任務(wù)實(shí)施　92 （一）插入Div布局　92 （二）使用CSS+Div控制頁(yè)面風(fēng)格　93 實(shí)訓(xùn)一　制作“導(dǎo)航菜單”頁(yè)面　96 實(shí)訓(xùn)二　制作“招生