網(wǎng)頁設(shè)計與制作（項目教學）

項目一　認識Dreamweaver 8　1
任務一　了解Dreamweaver 8　1
任務二　欣賞優(yōu)秀網(wǎng)站　2
任務三　制作一個簡單的網(wǎng)頁　4
(一) 定義站點　4
(二) 創(chuàng)建和保存文件　5
(三) 設(shè)置文本屬性　7
(四) 保存工作區(qū)布局　9
項目實訓　制作“選購照相機要注意哪些方面”網(wǎng)頁　10
項目小結(jié)　11
思考與練習　11

項目二　網(wǎng)站的規(guī)劃和管理　12
任務一　新建站點　12
任務二　管理站點　15
(一) 復制和編輯站點　15
(二) 導出、刪除和導入
站點　16
任務三　管理站點內(nèi)容　18
(一) 設(shè)置首選參數(shù)　18
(二) 創(chuàng)建文件夾和文件　20
(三) 在站點地圖中鏈接文件　21
項目實訓　站點的管理　22
項目小結(jié)　23
思考與練習　23

項目三　文本編輯——編排數(shù)碼攝影知識網(wǎng)頁　24
任務一　網(wǎng)頁文本的編輯　24
任務二　編排文本格式　27
(一) 設(shè)置文檔標題格式　27
(二) 設(shè)置正文格式　28
任務三　完善網(wǎng)頁　31
項目實訓　設(shè)置“攝影器材的介紹”文檔格式　33
項目小結(jié)　34
思考與練習　34

項目四　圖像和媒體——編排攝影作品網(wǎng)頁　36
任務一　插入圖像　37
(一) 插入圖像占位符　37
(二) 插入圖像和設(shè)置圖像屬性　38
任務二　插入媒體　40
(一) 插入Flash動畫　40
(二) 插入圖像查看器　42
(三) 插入ActiveX視頻　43
項目實訓　設(shè)置“國寶熊貓”網(wǎng)頁　46
項目小結(jié)　47
思考與練習　47

項目五　超級鏈接——制作導航網(wǎng)頁　49
任務一　設(shè)置錨記超級鏈接　50
任務二　設(shè)置圖像超級鏈接　51
任務三　設(shè)置電子郵件超級鏈接　53
任務四　設(shè)置文本超級鏈接　54
項目實訓　設(shè)置“唐詩欣賞”網(wǎng)頁　55
項目小結(jié)　56
思考與練習　57

項目六　表格——布局商務網(wǎng)頁　59
任務一　使用表格布局頁眉　59
任務二　使用嵌套表格布局主體頁面　63
(一) 布局網(wǎng)頁右上方欄目的內(nèi)容　63
(二) 布局右下方欄目的內(nèi)容　65
任務三　使用表格布局頁腳　68
項目實訓　使用表格布局“玉石的種類”頁面　69
項目小結(jié)　70
思考與練習　70

項目七　框架——制作綠色天空論壇網(wǎng)頁　72
任務一　創(chuàng)建論壇框架網(wǎng)頁　72
(一) 創(chuàng)建框架　73
(二) 保存框架　74
任務二　設(shè)置論壇框架網(wǎng)頁　75
(一) 設(shè)置框架集和框架屬性　76
(二) 設(shè)置框架中鏈接的目標窗口　78
項目實訓　使用框架布局“社區(qū)論壇”網(wǎng)頁　79
項目小結(jié)　80
思考與練習　80

項目八　CSS——設(shè)置海洋知識網(wǎng)頁樣式　83
任務一　設(shè)置頁眉CSS樣式　83
(一) 定義“body”的CSS樣式　84
(二) 定義頁眉的CSS樣式　87
任務二　設(shè)置網(wǎng)頁主體的CSS樣式　90
(一) 設(shè)置左側(cè)欄目CSS樣式　90
(二) 設(shè)置右側(cè)欄目的CSS樣式　91
任務三　設(shè)置頁腳的CSS樣式　93
項目實訓　使用CSS設(shè)置“盤古石翡翠”網(wǎng)頁樣式　94
項目小結(jié)　96
思考與練習　96

項目九　Div——布局搜索網(wǎng)頁　98
任務一　布局頁眉　98
任務二　布局主體　101
任務三　布局頁腳　104
項目實訓　使用層和Div標簽布局網(wǎng)頁　105
項目小結(jié)　107
思考與練習　107

項目十　時間軸——制作航行動畫　110
任務一　使用層制作藍天大海背景　110
任務二　使用時間軸制作運動效果　112
項目實訓　使用層和時間軸制作“詩詞”動畫　119
項目小結(jié)　120
思考與練習　120

項目十一　庫和模板——制作花卉基地主頁　122
任務一　創(chuàng)建庫　122
(一) 創(chuàng)建庫項目　123
(二) 編排頁眉庫項目　124
(三) 編排頁腳庫項目　125
任務二　創(chuàng)建模板　126
(一) 創(chuàng)建模板文件　126
(二) 插入庫項目　127
(三) 插入模板對象　128
任務三　應用模板　132
項目實訓　制作“寵物聯(lián)盟網(wǎng)”網(wǎng)頁模板　134
項目小結(jié)　135
思考與練習　135

項目十二　使用行為完善網(wǎng)頁功能　137
任務一　設(shè)置頁眉部分　138
(一) 設(shè)置狀態(tài)欄文本　138
(二) 制作彈出式菜單　139
任務二　設(shè)置主體部分　141
(一) 打開瀏覽器窗口　142
(二) 交換圖像　143
(三) 彈出信息　143
(四) 控制Shockwave或Flash　144
項目實訓　制作垂直彈出式菜單　145
項目小結(jié)　145
思考與練習　146

項目十三　表單——制作注冊網(wǎng)頁　148
任務一　創(chuàng)建表單　149
任務二　驗證表單　157
項目實訓　制作“注冊郵箱申請單”網(wǎng)頁　158
項目小結(jié)　159
思考與練習　160

項目十四　應用程序——制作咨詢網(wǎng)頁　162
任務一　定義站點并創(chuàng)建數(shù)據(jù)庫連接　162
(一) 定義站點　163
(二) 創(chuàng)建數(shù)據(jù)庫　163
(三) 創(chuàng)建數(shù)據(jù)庫鏈接　164
任務二　制作心情速遞站頁面　166
(一) 制作心情速遞站頁面　166
(二) 制作咨詢主題頁面　168
(三) 制作咨詢結(jié)果頁面　172
任務三　制作咨詢回復頁面　173
(一) 制作咨詢主題列表頁面　173
(二) 制作咨詢主題回復頁面　175
(三) 制作咨詢主題刪除頁面　177
(四) 限制對頁的訪問　179
(五) 用戶登錄和注銷　179
項目實訓　制作“用戶信息查詢”網(wǎng)頁　181
項目小結(jié)　182
思考與練習　182

項目十五　網(wǎng)頁三劍客——制作一翔集團網(wǎng)頁　184
任務一　制作頁眉　184
(一) 制作網(wǎng)站logo　185
(二) 制作宣傳標語　191
(三) 布局頁眉　195
任務二　制作主體　196
(一) 制作宣傳動畫　196
(二) 布局主體頁面　202
任務三　制作頁腳　203
(一) 制作導航圖像　203
(二) 布局頁腳　206
項目實訓　使用Photoshop和Flash制作動畫　207
項目小結(jié)　208
思考與練習　208

項目十六　發(fā)布和維護網(wǎng)站　210
任務一　配置服務器　210
(一) 配置Web服務器　210
(二) 配置FTP服務器　212
任務二　發(fā)布網(wǎng)站　212
任務三　維護網(wǎng)站　214
(一) 檢查鏈接　214
(二) 改變鏈接　215
(三) 查找和替換　215
(四) 清理文檔　216
(五) 保持同步　217
項目實訓　配置服務器和發(fā)布站點　218
項目小結(jié)　218
思考與練習　218