網(wǎng)頁設(shè)計(jì)與制作Dreamweaver MX2004

項(xiàng)目1　Dreamweaver MX 2004基本知識　1
任務(wù)一　熟悉網(wǎng)頁的概念　1
操作一　了解網(wǎng)頁的分類　1
操作二　認(rèn)識網(wǎng)頁中的基本元素　2
任務(wù)二　熟悉Dreamweaver MX 2004的工作界面　3
操作一　啟動(dòng)Dreamweaver MX 2004　4
操作二　認(rèn)識窗口布局、面板與面板組　5
任務(wù)三　設(shè)置首選參數(shù)　6
操作一　了解首選參數(shù)的含義　6
操作二　設(shè)置首選參數(shù)　7
項(xiàng)目拓展　進(jìn)一步熟悉Dreamweaver工作區(qū)　9
實(shí)訓(xùn)一　調(diào)整“文檔”窗口的大小　11
實(shí)訓(xùn)二　使用面板和面板組　11
項(xiàng)目小結(jié)　12
思考與練習(xí)　13
項(xiàng)目2　第一張網(wǎng)頁——制作“商務(wù)網(wǎng)站”首頁　14
任務(wù)一　創(chuàng)建一個(gè)頁面　14
操作　新建一個(gè)頁面　14
任務(wù)二　編輯頁面　15
操作一　插入文字　15
操作二　插入表格　15
操作三　插入圖像　16
任務(wù)三　保存頁面　17
操作一　保存頁面　17
操作二　預(yù)覽頁面　18
項(xiàng)目拓展　使用“頁面設(shè)計(jì)”新建網(wǎng)頁　18
實(shí)訓(xùn)　制作產(chǎn)品詳細(xì)資料頁面　19
項(xiàng)目小結(jié)　21
思考與練習(xí)　21
項(xiàng)目3　創(chuàng)建本地站點(diǎn)　22
任務(wù)一　制作網(wǎng)站規(guī)劃書　22
操作一　網(wǎng)站的功能及模塊結(jié)構(gòu)分析　22
操作二　制訂站點(diǎn)的功能模塊結(jié)構(gòu)圖　25
操作三　制訂站點(diǎn)的文件結(jié)構(gòu)圖　28
任務(wù)二　創(chuàng)建本地站點(diǎn)　28
操作一　利用站點(diǎn)定義向?qū)Ы⒄军c(diǎn)　28
操作二　利用站點(diǎn)定義的“高級”選項(xiàng)卡建立站點(diǎn)　31
任務(wù)三　站點(diǎn)管理　33
操作一　了解文件目錄命名及目錄結(jié)構(gòu)規(guī)范　33
操作二　創(chuàng)建站點(diǎn)的目錄結(jié)構(gòu)　34
操作三　管理站點(diǎn)　35
操作四　創(chuàng)建站點(diǎn)地圖　37
項(xiàng)目拓展　教育網(wǎng)站功能描述　38
實(shí)訓(xùn)　撰寫《網(wǎng)站功能描述書》　40
項(xiàng)目小結(jié)　41
思考與練習(xí)　41
項(xiàng)目4　網(wǎng)頁的基本操作　42
任務(wù)一　新建網(wǎng)頁　42
任務(wù)二　頁面布局及屬性設(shè)置　45
操作一　頁面屬性設(shè)置　45
操作二　頁面的布局設(shè)計(jì)　51
任務(wù)三　在網(wǎng)頁中插入文本　54
操作一　插入文本　54
操作二　文本格式化　58
操作三　在文本中插入特殊字符　61
任務(wù)四　創(chuàng)建文字列表　61
操作一　創(chuàng)建無序列表　61
操作二　創(chuàng)建有序列表　62
操作三　創(chuàng)建嵌套列表　62
任務(wù)五　使用圖像　62
操作一　插入圖像　63
操作二　設(shè)置圖像屬性　66
任務(wù)六　在頁面中插入鼠標(biāo)經(jīng)過圖像　69
操作一　編輯圖像　69
操作二　插入鼠標(biāo)經(jīng)過圖像　70
任務(wù)七　在網(wǎng)頁中插入其他網(wǎng)頁元素　72
操作一　插入水平線　72
操作二　插入日期和時(shí)間　73
操作三　插入Flash對象　74
操作四　添加聲音　77
項(xiàng)目拓展　用布局視圖設(shè)計(jì)頁面　78
實(shí)訓(xùn)一　設(shè)置列表方式　79
實(shí)訓(xùn)二　插入產(chǎn)品的圖像，設(shè)置該圖像屬性　79
實(shí)訓(xùn)三　插入鼠標(biāo)經(jīng)過圖像　80
實(shí)訓(xùn)四　插入水平線、日期和時(shí)間　80
實(shí)訓(xùn)五　添加多媒體對象　81
項(xiàng)目小結(jié)　81
思考與練習(xí)　81
項(xiàng)目5　表格　83
任務(wù)一　表格的創(chuàng)建、編輯及屬性設(shè)置　83
操作一　創(chuàng)建表格　83
操作二　編輯表格　85
操作三　設(shè)置表格及單元格屬性　87
任務(wù)二　制作“商務(wù)網(wǎng)站”的主頁面　92
操作一　用表格布局頁面　92
操作二　制作頁眉　94
操作三　制作頁腳　95
操作四　制作主體區(qū)域　95
任務(wù)三　電子相冊--制作“新品推薦”及“特價(jià)商品”區(qū)　97
操作一　創(chuàng)建并編輯表格　97
操作二　插入圖像及文字　97
任務(wù)四　掌握常用表格技巧　98
操作一　制作細(xì)線邊框表格　98
操作二　制作標(biāo)題欄　99
操作三　制作圓角表格　100
操作四　制作立體表格　104
操作五　制作并排表格　105
項(xiàng)目拓展　制作商品分類頁面　105
實(shí)訓(xùn)一　插入產(chǎn)品供應(yīng)商的聯(lián)絡(luò)表　106
實(shí)訓(xùn)二　格式化表格　106
項(xiàng)目小結(jié)　107
思考與練習(xí)　107
項(xiàng)目6　超級鏈接　109
任務(wù)一　創(chuàng)建超級鏈接　109
操作一　了解超級鏈接及路徑的概念　109
操作二　設(shè)置文本的超級鏈接　111
操作三　設(shè)置圖片的超級鏈接　114
操作四　制作下載文檔　114
任務(wù)二　創(chuàng)建錨記鏈接　115
操作一　創(chuàng)建命名錨記　116
操作二　建立錨記鏈接　116
任務(wù)三　創(chuàng)建其他超級鏈接　117
操作一　創(chuàng)建電子郵件(E-mail)鏈接　117
操作二　創(chuàng)建空鏈接　118
操作三　創(chuàng)建熱點(diǎn)鏈接　118
任務(wù)四　在網(wǎng)頁中創(chuàng)建導(dǎo)航條　120
項(xiàng)目拓展　為產(chǎn)品列表頁添加超級鏈接　123
實(shí)訓(xùn)一　用命名錨記制作幫助頁面　124
實(shí)訓(xùn)二　添加文字、圖片鏈接　125
項(xiàng)目小結(jié)　126
思考與練習(xí)　126
項(xiàng)目7　CSS樣式　128
任務(wù)一　認(rèn)識類　128
操作一　自定義類樣式　128
操作二　應(yīng)用CSS樣式　130
任務(wù)二　認(rèn)識標(biāo)簽　130
任務(wù)三　認(rèn)識高級　132
操作一　定義超級鏈接的文字樣式　132
操作二　應(yīng)用超級鏈接的樣式　134
任務(wù)四　編輯CSS樣式　135
任務(wù)五　CSS的更多常用設(shè)定　136
操作一　文本設(shè)定　137
操作二　背景設(shè)定　137
操作三　邊框設(shè)定　138
操作四　擴(kuò)展設(shè)定　139
任務(wù)六　使用外部CSS　139
操作一　外部CSS的創(chuàng)建　140
操作二　外部CSS的附加　140
項(xiàng)目拓展　Alpha濾鏡的定義使用　140
實(shí)訓(xùn)一　固定背景樣式應(yīng)用　142
實(shí)訓(xùn)二　基本鏈接樣式的定義　143
項(xiàng)目小結(jié)　145
思考與練習(xí)　145
項(xiàng)目8　模板和庫　147
任務(wù)一　利用模板制作頁面　147
操作一　制作網(wǎng)站二級頁面的模板　148
操作二　創(chuàng)建可編輯區(qū)域　148
操作三　利用模板文件制作頁面　150
任務(wù)二　制作網(wǎng)站的庫項(xiàng)目　151
操作　庫項(xiàng)目的使用　152
項(xiàng)目拓展　使用模板設(shè)計(jì)公司主頁　152
實(shí)訓(xùn)　使用庫制作導(dǎo)航欄　154
項(xiàng)目小結(jié)　155
思考與練習(xí)　155
項(xiàng)目9　建立框架頁面　158
任務(wù)　制作網(wǎng)站的三級頁面　158
操作一　認(rèn)識框架和框架集　158
操作二　對框架進(jìn)行基本操作　159
項(xiàng)目拓展　用框架設(shè)計(jì)網(wǎng)站的產(chǎn)品列表頁　162
實(shí)訓(xùn)　用框架設(shè)計(jì)網(wǎng)站子欄目　166
項(xiàng)目小結(jié)　169
思考與練習(xí)　169
項(xiàng)目10　層與行為的應(yīng)用　171
任務(wù)一　使用層　171
操作　創(chuàng)建并應(yīng)用層　171
任務(wù)二　添加行為和事件　174
操作一　彈出信息　177
操作二　打開瀏覽器窗口　178
操作三　設(shè)置狀態(tài)欄文本　180
操作四　播放聲音　181
操作五　顯示隱藏層　182
操作六　轉(zhuǎn)到URL　182
操作七　交換圖像　184
任務(wù)三　添加時(shí)間軸　185
操作　時(shí)間軸的使用　185
項(xiàng)目拓展　拼圖游戲　187
實(shí)訓(xùn)　用層制作時(shí)間軸動(dòng)畫　189
項(xiàng)目小結(jié)　190
思考與練習(xí)　191
項(xiàng)目11　添加交互式表單　193
任務(wù)　創(chuàng)建表單頁面　193
操作一　添加表單域　193
操作二　添加文本域　195
操作三　添加按鈕　197
操作四　添加復(fù)選框　198
操作五　添加單選鈕　198
操作六　添加列表/菜單框　199
操作七　添加文件域　201
項(xiàng)目拓展　制作訪問者意見反饋表單　202
實(shí)訓(xùn)一　制作“留言板”基本頁面　203
實(shí)訓(xùn)二　制作數(shù)據(jù)文件　204
實(shí)訓(xùn)三　在“留言板”頁面中添加表單元素　205
實(shí)訓(xùn)四　編輯和刪除留言　215
項(xiàng)目小結(jié)　219
思考與練習(xí)　219
項(xiàng)目12　發(fā)布站點(diǎn)　221
任務(wù)一　站點(diǎn)測試　221
操作一　測試網(wǎng)站中鏈接的有效性　221
操作二　檢查網(wǎng)頁的兼容性　223
操作三　測試文件下載時(shí)間　223
任務(wù)二　網(wǎng)頁上傳　224
操作一　設(shè)置FTP站點(diǎn)空間　224
操作二　上傳網(wǎng)頁　227
任務(wù)三　站點(diǎn)的維護(hù)　228
操作一　設(shè)置站點(diǎn)屬性　228
操作二　查找和替換　233
項(xiàng)目拓展　網(wǎng)站性能測試　235
實(shí)訓(xùn)一　測試網(wǎng)站　236
實(shí)訓(xùn)二　熟悉站點(diǎn)屬性的設(shè)置以及查找和替換功能　236
實(shí)訓(xùn)三　申請一個(gè)免費(fèi)網(wǎng)頁空間　236
實(shí)訓(xùn)四　把制作好的網(wǎng)頁上傳到免費(fèi)網(wǎng)頁空間　237
項(xiàng)目小結(jié)　237
思考與練習(xí)　237
項(xiàng)目13　HTML簡介　239
任務(wù)一　初識HTML　239
操作　了解HTML基本架構(gòu)　240
任務(wù)二　掌握HTML標(biāo)簽的使用　241
操作一　認(rèn)識背景標(biāo)簽　241
操作二　認(rèn)識文檔標(biāo)簽　241
操作三　認(rèn)識鏈接標(biāo)簽　243
操作四　認(rèn)識圖形標(biāo)簽　245
操作五　認(rèn)識表格標(biāo)簽　246
操作六　認(rèn)識表單標(biāo)簽　248
操作七　認(rèn)識框架標(biāo)簽　248
任務(wù)三　了解HTML標(biāo)簽總匯　249
項(xiàng)目拓展　在Dreamweaver中編輯HTML代碼　251
實(shí)訓(xùn)一　掌握基本頁面標(biāo)簽　254
實(shí)訓(xùn)二　掌握頁面屬性標(biāo)簽　255
實(shí)訓(xùn)三　掌握文字布局標(biāo)簽　255
實(shí)訓(xùn)四　掌握鏈接標(biāo)簽　256
實(shí)訓(xùn)五　文字圖片標(biāo)簽　258
實(shí)訓(xùn)六　表格標(biāo)簽　259
實(shí)訓(xùn)七　表單標(biāo)簽　259
實(shí)訓(xùn)八　框架標(biāo)簽　260
項(xiàng)目小結(jié)　260
思考與練習(xí)　260
項(xiàng)目14　設(shè)計(jì)制作商務(wù)網(wǎng)站　263
實(shí)訓(xùn)一　規(guī)劃網(wǎng)站　263
實(shí)訓(xùn)二　創(chuàng)建網(wǎng)站　263
實(shí)訓(xùn)三　設(shè)置網(wǎng)站的結(jié)構(gòu)　264
實(shí)訓(xùn)四　使用模板創(chuàng)建網(wǎng)頁　267
實(shí)訓(xùn)五　使用層與時(shí)間軸制作簡單動(dòng)畫效果　269
實(shí)訓(xùn)六　測試網(wǎng)站　270
實(shí)訓(xùn)七　發(fā)布網(wǎng)站　271
項(xiàng)目小結(jié)　273
參考文獻(xiàn)　274