網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程

案例一　創(chuàng)建站點(diǎn)　1
第一部分　知識(shí)準(zhǔn)備　1
知識(shí)點(diǎn)一　萬(wàn)維網(wǎng)　1
知識(shí)點(diǎn)二　搜索引擎　1
知識(shí)點(diǎn)三　IE瀏覽器　1
知識(shí)點(diǎn)四　網(wǎng)頁(yè)基本組成　2
知識(shí)點(diǎn)五　網(wǎng)站定位　2
知識(shí)點(diǎn)六　站點(diǎn)　2
知識(shí)點(diǎn)七　Dreamweaver 8工作環(huán)境　2
第二部分　案例實(shí)踐　3
實(shí)例一　網(wǎng)站展示　3
實(shí)例二　創(chuàng)建站點(diǎn)　5
第三部分　案例拓展與討論　10案例二　圖文混排　11
第一部分　知識(shí)準(zhǔn)備　11
知識(shí)點(diǎn)一　文本設(shè)置　11
知識(shí)點(diǎn)二　圖像設(shè)置　12
知識(shí)點(diǎn)三　頁(yè)面的設(shè)置　14
知識(shí)點(diǎn)四　表格、單元格的設(shè)置　14
第二部分　案例實(shí)踐　15
實(shí)例一　創(chuàng)建“卡通介紹”網(wǎng)頁(yè)　15
實(shí)例二　創(chuàng)建“卡通展示”網(wǎng)頁(yè)　18
第三部分　案例拓展與討論　19案例三　制作超級(jí)鏈接　21
第一部分　知識(shí)準(zhǔn)備　21
知識(shí)點(diǎn)一　鏈接路徑　21
知識(shí)點(diǎn)二　文本、圖片鏈接的設(shè)置　22
知識(shí)點(diǎn)三　電子郵件、命名錨記鏈接的設(shè)置　26
知識(shí)點(diǎn)四　跳轉(zhuǎn)菜單的設(shè)置　27
知識(shí)點(diǎn)五　下載鏈接的設(shè)置　27
第二部分　案例實(shí)踐　28
實(shí)例一　制作卡通銷售頁(yè)　28
實(shí)例二　卡通銷售頁(yè)添加圖片　29
實(shí)例三　卡通銷售頁(yè)添加電子郵件　32
實(shí)例四　卡通銷售頁(yè)添加錨記鏈接　33
實(shí)例五　卡通銷售頁(yè)跳轉(zhuǎn)菜單的設(shè)置　33
實(shí)例六　卡通銷售頁(yè)的下載鏈接添加　34
第三部分　案例拓展與討論　35案例四　制作表單　38
第一部分　知識(shí)準(zhǔn)備　38
知識(shí)點(diǎn)一　表單的設(shè)置　38
知識(shí)點(diǎn)二　表單對(duì)象的設(shè)置　39
第二部分　案例實(shí)踐　40
實(shí)例一　最喜愛(ài)的卡通調(diào)查頁(yè)實(shí)現(xiàn)步驟和過(guò)程　40
第三部分　案例拓展與討論　42案例五　制作卡通游戲頁(yè)(時(shí)間軸)　43
第一部分　知識(shí)準(zhǔn)備　43
知識(shí)點(diǎn)一　層的設(shè)置　43
知識(shí)點(diǎn)二　表與層的轉(zhuǎn)化　45
知識(shí)點(diǎn)三　行為的設(shè)置　45
知識(shí)點(diǎn)四　時(shí)間軸　48
第二部分　案例實(shí)踐　50
實(shí)例一　制作游戲網(wǎng)頁(yè)　50
實(shí)例二　制作卡通運(yùn)動(dòng)網(wǎng)頁(yè)　55
第三部分　案例拓展與討論　57案例六　制作CSS樣式　58
第一部分　知識(shí)準(zhǔn)備　58
知識(shí)點(diǎn)一　CSS樣式　58
知識(shí)點(diǎn)二　CSS樣式規(guī)則定義　61
第二部分　案例實(shí)踐　66
實(shí)例一　制作卡通展示網(wǎng)頁(yè)　66
實(shí)例二　制作卡通變換網(wǎng)頁(yè)　69
第三部分　案例拓展與討論　72案例七　制作框架　73
第一部分　知識(shí)準(zhǔn)備　73
知識(shí)點(diǎn)一　框架的創(chuàng)建、保存　73
知識(shí)點(diǎn)二　框架屬性的設(shè)置　74
知識(shí)點(diǎn)三　框架鏈接的設(shè)置　75
第二部分　案例實(shí)踐　76
實(shí)例一　卡通顯示網(wǎng)頁(yè)實(shí)現(xiàn)步驟和過(guò)程　76
實(shí)例二　卡通展覽網(wǎng)頁(yè)實(shí)現(xiàn)步驟和過(guò)程　80
第三部分　案例拓展與討論　82案例八　制作庫(kù)和模板　83
第一部分　知識(shí)準(zhǔn)備　83
知識(shí)點(diǎn)一　庫(kù)和模板的創(chuàng)建　84
知識(shí)點(diǎn)二　模板對(duì)象的設(shè)置　85
知識(shí)點(diǎn)三　庫(kù)項(xiàng)目的設(shè)置　86
第二部分　案例實(shí)踐　88
實(shí)例一　制作卡通展示模板頁(yè)　88
第三部分　案例拓展與討論　92案例九　制作卡通介紹頁(yè)(動(dòng)態(tài)網(wǎng)頁(yè))　93
第一部分　知識(shí)準(zhǔn)備　94
知識(shí)點(diǎn)一　行為　94
知識(shí)點(diǎn)二　狀態(tài)欄文本的設(shè)置　95
知識(shí)點(diǎn)三　彈出式菜單的制作　95
知識(shí)點(diǎn)四　交換圖像的制作　96
知識(shí)點(diǎn)五　打開(kāi)瀏覽器窗口的制作　96
知識(shí)點(diǎn)六　彈出信息　96
第二部分　案例實(shí)踐　96
實(shí)例一　在卡通介紹頁(yè)中添加“設(shè)置狀態(tài)欄文本”?96
實(shí)例二　制作彈出式下拉菜單　97
實(shí)例三　創(chuàng)建圖像交換效果　99
實(shí)例四　制作用于彈出信息的小窗口頁(yè)面實(shí)現(xiàn)步驟和過(guò)程　100
實(shí)例五　制作加載網(wǎng)頁(yè)文檔時(shí)顯示歡迎詞的效果　101
第三部分　案例拓展與討論　102案例十　制作LOGO(圖標(biāo))　106
第一部分　知識(shí)準(zhǔn)備　106
知識(shí)點(diǎn)一　Fireworks的使用　106
知識(shí)點(diǎn)二　Flash的使用　112
第二部分　案例實(shí)踐　118
實(shí)例一　制作LOGO　118
第三部分　案例拓展與討論　122案例十一　制作動(dòng)態(tài)網(wǎng)頁(yè)(數(shù)據(jù)庫(kù))　127
第一部分　知識(shí)準(zhǔn)備　127
知識(shí)點(diǎn)一　安裝與設(shè)置Web服務(wù)器　128
知識(shí)點(diǎn)二　數(shù)據(jù)庫(kù)的創(chuàng)建　131
知識(shí)點(diǎn)三　數(shù)據(jù)庫(kù)的連接　133
第二部分　案例實(shí)踐　135
實(shí)例一　收集個(gè)人愛(ài)好的留言板的創(chuàng)建　135
第三部分　案例拓展與討論　143案例十二　發(fā)布和維護(hù)網(wǎng)站　145
第一部分　知識(shí)準(zhǔn)備　145
知識(shí)點(diǎn)一　FTP服務(wù)器的配置　145
知識(shí)點(diǎn)二　網(wǎng)站的發(fā)布和維護(hù)　147
第二部分　案例實(shí)踐　155
實(shí)例一　利用Dreamweaver內(nèi)置的功能實(shí)現(xiàn)網(wǎng)站上傳　155
第三部分　案例拓展與討論　158參考文獻(xiàn)　162