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

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