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

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