網(wǎng)頁設(shè)計與制作（中職）

第1章  基礎(chǔ)知識  1
1.1  網(wǎng)絡(luò)基礎(chǔ)知識  1
1.1.1  Internet與Intranet  1
1.1.2  局域網(wǎng)和廣域網(wǎng)  2
1.1.3  什么是WWW  3
1.1.4  瀏覽器與Web服務(wù)器  3
1.1.5  超級文本  5
1.1.6  URL(統(tǒng)一資源定位)  6
1.1.7  FTP  6
1.1.8  IP地址  6
1.1.9  域名  7
1.1.10  HTML  8
1.1.11  VBScript、JavaScript  8
1.1.12  CGI、ASP、PHP、JSP  9
1.2  初識網(wǎng)頁  10
1.2.1  靜態(tài)網(wǎng)頁  11
1.2.2  動態(tài)網(wǎng)頁  11
1.2.3  包含數(shù)據(jù)庫的動態(tài)網(wǎng)頁  12
1.3  網(wǎng)上安家  12
1.4  Dreamweaver MX簡介  13
1.4.1  系統(tǒng)配置要求  13
1.4.2  功能簡介  14
1.5  Dreamweaver MX的界面  15
1.6  小結(jié)  19
1.7  習題  19
第2章  創(chuàng)建本地虛擬站點  21
2.1  準備工作  21
2.1.1  了解網(wǎng)站的服務(wù)群體  21
2.1.2  確定網(wǎng)站的主題  21
2.1.3  畫出結(jié)構(gòu)圖  22
2.1.4  確定網(wǎng)站命名規(guī)則  23
2.2  創(chuàng)建虛擬網(wǎng)站  24
2.2.1  定義新站點  25
2.2.2  創(chuàng)建文件夾  28
2.2.3  創(chuàng)建首頁文件  30
2.2.4  在站點地圖中新建文件  30
2.2.5  在【本地文件】列表框中新建文件  32
2.3  其他功能  34
2.3.1  站點地圖布局  34
2.3.2  保存站點地圖  37
2.3.3  設(shè)計備注  38
2.4  小結(jié)  40
2.5  習題  40
第3章  文檔、文本和鏈接  42
3.1  新建文檔  42
3.2  3種視圖方式  44
3.3  網(wǎng)頁的源代碼  45
3.4  輸入文本  46
3.5  保存文檔  46
3.6  換行符  47
3.7  設(shè)置不可見元素  48
3.8  設(shè)置頁邊距  49
3.9  設(shè)置文本大小  49
3.10  改變字體  50
3.11  改變字體組合列表  51
3.12  改變文本顏色  52
3.13  段落  53
3.14  對齊文本  55
3.15  建立超級鏈接  55
3.15.1  添加文本鏈接  56
3.15.2  圖像超級鏈接  59
3.15.3  電子郵件鏈接  60
3.15.4  下載鏈接  60
3.15.5  命名錨記  62
3.16  小結(jié)  63
3.17  習題  63
第4章  Web圖像  66
4.1  網(wǎng)頁中的色彩  66
4.2  圖像格式  67
4.2.1  GIF格式  68
4.2.2  JPEG格式  69
4.2.3  如何正確地使用GIF和JPEG  69
4.3  Dreamweaver MX中的圖像技術(shù)  70
4.3.1  插入圖像  71
4.3.2  圖像屬性參數(shù)  73
4.3.3  調(diào)整圖像與文本的相對位置  74
4.3.4  編輯圖片  75
4.4  設(shè)置網(wǎng)頁背景  77
4.4.1  改變網(wǎng)頁背景色  77
4.4.2  設(shè)置背景圖像  78
4.5  在Dreamweaver中巧妙地處理圖像  79
4.5.1  給圖像添加文字說明  79
4.5.2  圖像映射  80
4.5.3  跟蹤圖像  82
4.6  小結(jié)  83
4.7  習題  83
第5章  Fireworks MX中的圖像技術(shù)  85
5.1  制作漂亮的文字  85
5.2  制作個性化的網(wǎng)站標志  91
5.3  制作網(wǎng)頁背景圖像  95
5.4  對圖像進行美化  96
5.5  制作HTML網(wǎng)頁  100
5.6  Dreamweaver MX與Fireworks MX的配合使用  109
5.7  小結(jié)  111
5.8  習題  111
第6章  表格  113
6.1  表格的組成  114
6.2  建立表格  114
6.3  表格屬性  115
6.4  在表格內(nèi)添加元素  116
6.5  選擇表格  116
6.5.1  選擇整個表格  116
6.5.2  選擇表格的行與列  117
6.5.3  選擇一個單元格  117
6.5.4  選擇不相鄰的單元格、行或列  118
6.6  編輯表格  118
6.6.1  拷貝或剪切  118
6.6.2  粘貼表格  118
6.6.3  刪除表格內(nèi)容  121
6.7  增加、刪除行和列及拆分、合并單元格  121
6.7.1  增加行、列  121
6.7.2  刪除行、列  121
6.7.3  合并單元格  121
6.7.4  拆分單元格  122
6.8  表格的縮放  122
6.8.1  用拖放方法縮放表格的大小  123
6.8.2  用表格的【屬性】面板改變表格尺寸  124
6.9  一個完整的頁面制作過程  124
6.9.1  頁眉的制作  124
6.9.2  左側(cè)導(dǎo)航區(qū)的制作  128
6.9.3  制作中間主要區(qū)域  131
6.9.4  制作右側(cè)新聞?wù)獏^(qū)  135
6.10  小結(jié)  137
6.11  習題  137
第7章  框架  138
7.1  建立框架  138
7.1.1  建立框架  139
7.1.2  插入框架  139
7.1.3  添加內(nèi)容  140
7.1.4  保存框架  144
7.2  選取框架  145
7.2.1  選擇一個框架  145
7.2.2  選擇框架組  145
7.3  框架和框架組的屬性  146
7.3.1  框架屬性  146
7.3.2  框架組屬性  147
7.4  編輯框架  147
7.4.1  設(shè)置框架和框架組的滾動條  147
7.4.2  改變框架的大小  148
7.4.3  框架的頁面屬性  150
7.5  框架中鏈接的目標顯示窗口  150
7.6  小結(jié)  151
7.7  習題  151
第8章  表單  153
8.1  創(chuàng)建一個反饋表單  154
8.2  測試表單頁  161
8.3  表單及表單域的各項屬性  163
8.3.1  文本域  163
8.3.2  單選按鈕  164
8.3.3  列表/菜單域  165
8.3.4  復(fù)選框  166
8.3.5  文件域  166
8.3.6  隱藏域  167
8.3.7  按鈕  167
8.3.8  圖片域  167
8.4  小結(jié)  168
8.5  習題  168
第9章  插入其他對象  170
9.1  插入水平線  170
9.2  插入文件頭標簽  171
9.2.1  插入Meta  171
9.2.2  插入關(guān)鍵字  172
9.2.3  插入說明  173
9.2.4  插入刷新  173
9.2.5  插入基礎(chǔ)  174
9.2.6  插入鏈接  175
9.3  插入字符  176
9.4  插入多媒體  177
9.4.1  插入Flash動畫  177
9.4.2  插入插件  179
9.4.3  插入ActiveX  180
9.4.4  播放“*.rm”格式影片  182
9.5  小結(jié)  183
9.6  習題  183
第10章  HTML樣式和CSS樣式  185
10.1  HTML樣式  185
10.1.1  新建樣式  185
10.1.2  應(yīng)用HTML樣式  187
10.1.3  清除HTML樣式  188
10.1.4  在面板中處理樣式  188
10.2  什么是CSS樣式  189
10.3  【CSS樣式】面板  190
10.4  CSS的屬性  191
10.4.1  類型  192
10.4.2  背景  193
10.4.3  區(qū)塊  195
10.4.4  盒子  196
10.4.5  邊框  198
10.4.6  列表  199
10.4.7  定位  199
10.5  使用Dreamweaver MX中的CSS樣式編輯器  200
10.5.1  創(chuàng)建自定義樣式  201
10.5.2  重定義HTML標簽  204
10.5.3  使用CSS選擇器  205
10.5.4  附加樣式表  206
10.6  小結(jié)  208
10.7  習題  208
第11章  Flash MX  211
11.1  基礎(chǔ)知識  211
11.1.1  電腦動畫  211
11.1.2  矢量圖形  212
11.1.3  位圖圖像  212
11.1.4  Flash動畫的特點  213
11.2  Flash MX  213
11.2.1  運行Flash MX的計算機配置要求  213
11.2.2  Flash MX的操作界面  214
11.2.3  Flash MX的功能簡介  218
11.3  創(chuàng)建圖形  219
11.3.1  鉛筆工具  219
11.3.2  線條工具  221
11.3.3  橢圓工具和矩形工具  221
11.3.4  畫筆工具  221
11.3.5  文本工具  223
11.4  編輯圖形  224
11.4.1  墨水瓶工具  224
11.4.2  顏料桶工具  224
11.4.3  填充變形工具  225
11.4.4  滴管工具  225
11.4.5  橡皮擦工具  226
11.4.6  箭頭工具  226
11.4.7  鋼筆工具  228
11.4.8  部分選取工具  228
11.5  素材和元件  228
11.5.1  視頻的導(dǎo)入  229
11.5.2  音頻的導(dǎo)入  230
11.5.3  元件  230
11.6  創(chuàng)建基本動畫  231
11.6.1  運動動畫和變色動畫  231
11.6.2  變形動畫  234
11.6.3  逐幀動畫  235
11.7  創(chuàng)建多層動畫  235
11.7.1  制作運動引導(dǎo)動畫  236
11.7.2  制作遮罩動畫  237
11.8  作品的測試和發(fā)布  239
11.8.1  作品的測試  239
11.8.2  作品的優(yōu)化  239
11.8.3  作品的導(dǎo)出和發(fā)布  239
11.9  小結(jié)  242
11.10  習題  242
第12章  模板和庫  244
12.1  【資源】面板  244
12.2  Dreamweaver MX中的模板  245
12.2.1  創(chuàng)建模板  245
12.2.2  創(chuàng)建可編輯區(qū)域  246
12.2.3  創(chuàng)建重復(fù)區(qū)域  251
12.2.4  創(chuàng)建重復(fù)表格  252
12.2.5  編輯模板  253
12.2.6  使用模板  253
12.3  Dreamweaver MX中的庫  255
12.3.1  什么是庫  255
12.3.2  怎樣使用庫  255
12.4  小結(jié)  257
12.5  習題  257
第13章  源代碼相關(guān)功能及行為  259
13.1  查看源代碼  259
13.2  管理標簽庫  261
13.3  Dreamweaver中的編碼  262
13.3.1  使用代碼提示加入背景音樂  262
13.3.2  使用代碼片斷快速創(chuàng)建網(wǎng)頁  264
13.3.3  使用標簽選擇器插入浮動框架  267
13.3.4  使用標簽編輯器編輯標簽  269
13.3.5  用標簽檢查器編輯標簽  269
13.3.6  使用快速標簽編輯器插入<marquee>標簽  269
13.4  插入HTML注釋  272
13.5  【行為】面板  273
13.6  事件  274
13.7  動作  276
13.7.1  播放聲音  276
13.7.2  打開瀏覽器窗口  276
13.7.3  彈出信息  278
13.7.4  調(diào)用JavaScript  279
13.7.5  改變屬性  279
13.7.6  交換圖像  281
13.7.7  檢查瀏覽器  282
13.7.8  檢查表單  283
13.7.9  控制Shockwave或Flash  285
13.7.10  轉(zhuǎn)到URL  285
13.7.11  設(shè)置導(dǎo)航條圖像  287
13.7.12  跳轉(zhuǎn)菜單  288
13.7.13  彈出式菜單  289
13.8  小結(jié)  291
13.9  習題  292
第14章  網(wǎng)頁發(fā)布  293
14.1  設(shè)置FTP上傳  293
14.2  發(fā)布網(wǎng)頁  295
14.3  報告  296
14.4  檢查站點范圍的鏈接  298
14.5  改變站點范圍的鏈接  298
14.6  查找和替換  299
14.7  清理文檔  300
14.8  同步  301
14.9  小結(jié)  302
14.10  習題  302