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

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