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

項(xiàng)目一　認(rèn)識(shí)Dreamweaver 8　1
任務(wù)一　了解Dreamweaver 8　1
任務(wù)二　欣賞優(yōu)秀網(wǎng)站　2
任務(wù)三　制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)　4
(一) 定義站點(diǎn)　4
(二) 創(chuàng)建和保存文件　5
(三) 設(shè)置文本屬性　7
(四) 保存工作區(qū)布局　9
項(xiàng)目實(shí)訓(xùn)　制作“選購(gòu)照相機(jī)要注意哪些方面”網(wǎng)頁(yè)　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ù)碼攝影知識(shí)網(wǎng)頁(yè)　24
任務(wù)一　網(wǎng)頁(yè)文本的編輯　24
任務(wù)二　編排文本格式　27
(一) 設(shè)置文檔標(biāo)題格式　27
(二) 設(shè)置正文格式　28
任務(wù)三　完善網(wǎng)頁(yè)　31
項(xiàng)目實(shí)訓(xùn)　設(shè)置“攝影器材的介紹”文檔格式　33
項(xiàng)目小結(jié)　34
思考與練習(xí)　34

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

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

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

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

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

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

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

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

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

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

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

項(xiàng)目十五　網(wǎng)頁(yè)三劍客——制作一翔集團(tuán)網(wǎng)頁(yè)　184
任務(wù)一　制作頁(yè)眉　184
(一) 制作網(wǎng)站logo　185
(二) 制作宣傳標(biāo)語(yǔ)　191
(三) 布局頁(yè)眉　195
任務(wù)二　制作主體　196
(一) 制作宣傳動(dòng)畫(huà)　196
(二) 布局主體頁(yè)面　202
任務(wù)三　制作頁(yè)腳　203
(一) 制作導(dǎo)航圖像　203
(二) 布局頁(yè)腳　206
項(xiàng)目實(shí)訓(xùn)　使用Photoshop和Flash制作動(dòng)畫(huà)　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