網(wǎng)頁設(shè)計(jì)與制作（項(xiàng)目教學(xué)）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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