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

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