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

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

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

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

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

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

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

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

項目八　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
項目實訓　使用CSS設(shè)置“盤古石翡翠”網(wǎng)頁樣式　94
項目小結(jié)　96
思考與練習　96

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

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

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

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

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

項目十四　應(yīng)用程序——制作咨詢網(wǎng)頁　162
任務(wù)一　定義站點并創(chuàng)建數(shù)據(jù)庫連接　162
(一) 定義站點　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
項目實訓　制作“用戶信息查詢”網(wǎng)頁　181
項目小結(jié)　182
思考與練習　182

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

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