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

項(xiàng)目1　Dreamweaver MX 2004基本知識(shí)　1
任務(wù)一　熟悉網(wǎng)頁(yè)的概念　1
操作一　了解網(wǎng)頁(yè)的分類(lèi)　1
操作二　認(rèn)識(shí)網(wǎng)頁(yè)中的基本元素　2
任務(wù)二　熟悉Dreamweaver MX 2004的工作界面　3
操作一　啟動(dòng)Dreamweaver MX 2004　4
操作二　認(rèn)識(shí)窗口布局、面板與面板組　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)頁(yè)——制作“商務(wù)網(wǎng)站”首頁(yè)　14
任務(wù)一　創(chuàng)建一個(gè)頁(yè)面　14
操作　新建一個(gè)頁(yè)面　14
任務(wù)二　編輯頁(yè)面　15
操作一　插入文字　15
操作二　插入表格　15
操作三　插入圖像　16
任務(wù)三　保存頁(yè)面　17
操作一　保存頁(yè)面　17
操作二　預(yù)覽頁(yè)面　18
項(xiàng)目拓展　使用“頁(yè)面設(shè)計(jì)”新建網(wǎng)頁(yè)　18
實(shí)訓(xùn)　制作產(chǎn)品詳細(xì)資料頁(yè)面　19
項(xiàng)目小結(jié)　21
思考與練習(xí)　21
項(xiàng)目3　創(chuàng)建本地站點(diǎn)　22
任務(wù)一　制作網(wǎng)站規(guī)劃書(shū)　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)定義的“高級(jí)”選項(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)　撰寫(xiě)《網(wǎng)站功能描述書(shū)》　40
項(xiàng)目小結(jié)　41
思考與練習(xí)　41
項(xiàng)目4　網(wǎng)頁(yè)的基本操作　42
任務(wù)一　新建網(wǎng)頁(yè)　42
任務(wù)二　頁(yè)面布局及屬性設(shè)置　45
操作一　頁(yè)面屬性設(shè)置　45
操作二　頁(yè)面的布局設(shè)計(jì)　51
任務(wù)三　在網(wǎng)頁(yè)中插入文本　54
操作一　插入文本　54
操作二　文本格式化　58
操作三　在文本中插入特殊字符　61
任務(wù)四　創(chuàng)建文字列表　61
操作一　創(chuàng)建無(wú)序列表　61
操作二　創(chuàng)建有序列表　62
操作三　創(chuàng)建嵌套列表　62
任務(wù)五　使用圖像　62
操作一　插入圖像　63
操作二　設(shè)置圖像屬性　66
任務(wù)六　在頁(yè)面中插入鼠標(biāo)經(jīng)過(guò)圖像　69
操作一　編輯圖像　69
操作二　插入鼠標(biāo)經(jīng)過(guò)圖像　70
任務(wù)七　在網(wǎng)頁(yè)中插入其他網(wǎng)頁(yè)元素　72
操作一　插入水平線　72
操作二　插入日期和時(shí)間　73
操作三　插入Flash對(duì)象　74
操作四　添加聲音　77
項(xiàng)目拓展　用布局視圖設(shè)計(jì)頁(yè)面　78
實(shí)訓(xùn)一　設(shè)置列表方式　79
實(shí)訓(xùn)二　插入產(chǎn)品的圖像，設(shè)置該圖像屬性　79
實(shí)訓(xùn)三　插入鼠標(biāo)經(jīng)過(guò)圖像　80
實(shí)訓(xùn)四　插入水平線、日期和時(shí)間　80
實(shí)訓(xùn)五　添加多媒體對(duì)象　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)站”的主頁(yè)面　92
操作一　用表格布局頁(yè)面　92
操作二　制作頁(yè)眉　94
操作三　制作頁(yè)腳　95
操作四　制作主體區(qū)域　95
任務(wù)三　電子相冊(cè)--制作“新品推薦”及“特價(jià)商品”區(qū)　97
操作一　創(chuàng)建并編輯表格　97
操作二　插入圖像及文字　97
任務(wù)四　掌握常用表格技巧　98
操作一　制作細(xì)線邊框表格　98
操作二　制作標(biāo)題欄　99
操作三　制作圓角表格　100
操作四　制作立體表格　104
操作五　制作并排表格　105
項(xiàng)目拓展　制作商品分類(lèi)頁(yè)面　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　超級(jí)鏈接　109
任務(wù)一　創(chuàng)建超級(jí)鏈接　109
操作一　了解超級(jí)鏈接及路徑的概念　109
操作二　設(shè)置文本的超級(jí)鏈接　111
操作三　設(shè)置圖片的超級(jí)鏈接　114
操作四　制作下載文檔　114
任務(wù)二　創(chuàng)建錨記鏈接　115
操作一　創(chuàng)建命名錨記　116
操作二　建立錨記鏈接　116
任務(wù)三　創(chuàng)建其他超級(jí)鏈接　117
操作一　創(chuàng)建電子郵件(E-mail)鏈接　117
操作二　創(chuàng)建空鏈接　118
操作三　創(chuàng)建熱點(diǎn)鏈接　118
任務(wù)四　在網(wǎng)頁(yè)中創(chuàng)建導(dǎo)航條　120
項(xiàng)目拓展　為產(chǎn)品列表頁(yè)添加超級(jí)鏈接　123
實(shí)訓(xùn)一　用命名錨記制作幫助頁(yè)面　124
實(shí)訓(xùn)二　添加文字、圖片鏈接　125
項(xiàng)目小結(jié)　126
思考與練習(xí)　126
項(xiàng)目7　CSS樣式　128
任務(wù)一　認(rèn)識(shí)類(lèi)　128
操作一　自定義類(lèi)樣式　128
操作二　應(yīng)用CSS樣式　130
任務(wù)二　認(rèn)識(shí)標(biāo)簽　130
任務(wù)三　認(rèn)識(shí)高級(jí)　132
操作一　定義超級(jí)鏈接的文字樣式　132
操作二　應(yīng)用超級(jí)鏈接的樣式　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　模板和庫(kù)　147
任務(wù)一　利用模板制作頁(yè)面　147
操作一　制作網(wǎng)站二級(jí)頁(yè)面的模板　148
操作二　創(chuàng)建可編輯區(qū)域　148
操作三　利用模板文件制作頁(yè)面　150
任務(wù)二　制作網(wǎng)站的庫(kù)項(xiàng)目　151
操作　庫(kù)項(xiàng)目的使用　152
項(xiàng)目拓展　使用模板設(shè)計(jì)公司主頁(yè)　152
實(shí)訓(xùn)　使用庫(kù)制作導(dǎo)航欄　154
項(xiàng)目小結(jié)　155
思考與練習(xí)　155
項(xiàng)目9　建立框架頁(yè)面　158
任務(wù)　制作網(wǎng)站的三級(jí)頁(yè)面　158
操作一　認(rèn)識(shí)框架和框架集　158
操作二　對(duì)框架進(jìn)行基本操作　159
項(xiàng)目拓展　用框架設(shè)計(jì)網(wǎng)站的產(chǎn)品列表頁(yè)　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
操作二　打開(kāi)瀏覽器窗口　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)畫(huà)　189
項(xiàng)目小結(jié)　190
思考與練習(xí)　191
項(xiàng)目11　添加交互式表單　193
任務(wù)　創(chuàng)建表單頁(yè)面　193
操作一　添加表單域　193
操作二　添加文本域　195
操作三　添加按鈕　197
操作四　添加復(fù)選框　198
操作五　添加單選鈕　198
操作六　添加列表/菜單框　199
操作七　添加文件域　201
項(xiàng)目拓展　制作訪問(wèn)者意見(jiàn)反饋表單　202
實(shí)訓(xùn)一　制作“留言板”基本頁(yè)面　203
實(shí)訓(xùn)二　制作數(shù)據(jù)文件　204
實(shí)訓(xùn)三　在“留言板”頁(yè)面中添加表單元素　205
實(shí)訓(xùn)四　編輯和刪除留言　215
項(xiàng)目小結(jié)　219
思考與練習(xí)　219
項(xiàng)目12　發(fā)布站點(diǎn)　221
任務(wù)一　站點(diǎn)測(cè)試　221
操作一　測(cè)試網(wǎng)站中鏈接的有效性　221
操作二　檢查網(wǎng)頁(yè)的兼容性　223
操作三　測(cè)試文件下載時(shí)間　223
任務(wù)二　網(wǎng)頁(yè)上傳　224
操作一　設(shè)置FTP站點(diǎn)空間　224
操作二　上傳網(wǎng)頁(yè)　227
任務(wù)三　站點(diǎn)的維護(hù)　228
操作一　設(shè)置站點(diǎn)屬性　228
操作二　查找和替換　233
項(xiàng)目拓展　網(wǎng)站性能測(cè)試　235
實(shí)訓(xùn)一　測(cè)試網(wǎng)站　236
實(shí)訓(xùn)二　熟悉站點(diǎn)屬性的設(shè)置以及查找和替換功能　236
實(shí)訓(xùn)三　申請(qǐng)一個(gè)免費(fèi)網(wǎng)頁(yè)空間　236
實(shí)訓(xùn)四　把制作好的網(wǎng)頁(yè)上傳到免費(fèi)網(wǎng)頁(yè)空間　237
項(xiàng)目小結(jié)　237
思考與練習(xí)　237
項(xiàng)目13　HTML簡(jiǎn)介　239
任務(wù)一　初識(shí)HTML　239
操作　了解HTML基本架構(gòu)　240
任務(wù)二　掌握HTML標(biāo)簽的使用　241
操作一　認(rèn)識(shí)背景標(biāo)簽　241
操作二　認(rèn)識(shí)文檔標(biāo)簽　241
操作三　認(rèn)識(shí)鏈接標(biāo)簽　243
操作四　認(rèn)識(shí)圖形標(biāo)簽　245
操作五　認(rèn)識(shí)表格標(biāo)簽　246
操作六　認(rèn)識(shí)表單標(biāo)簽　248
操作七　認(rèn)識(shí)框架標(biāo)簽　248
任務(wù)三　了解HTML標(biāo)簽總匯　249
項(xiàng)目拓展　在Dreamweaver中編輯HTML代碼　251
實(shí)訓(xùn)一　掌握基本頁(yè)面標(biāo)簽　254
實(shí)訓(xùn)二　掌握頁(yè)面屬性標(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)頁(yè)　267
實(shí)訓(xùn)五　使用層與時(shí)間軸制作簡(jiǎn)單動(dòng)畫(huà)效果　269
實(shí)訓(xùn)六　測(cè)試網(wǎng)站　270
實(shí)訓(xùn)七　發(fā)布網(wǎng)站　271
項(xiàng)目小結(jié)　273
參考文獻(xiàn)　274