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

目錄
第1章網(wǎng)頁(yè)制作與HTML5
基礎(chǔ)知識(shí)1
1．1網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)1
1．1．1網(wǎng)頁(yè)的定義和分類1
1．1．2網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)概念2
1．1．3網(wǎng)頁(yè)的基本組成元素4
1．1．4網(wǎng)頁(yè)制作開(kāi)發(fā)工具6
1．1．5如何學(xué)好網(wǎng)頁(yè)制作7
1．2DreamweaverCS6概述8
1．2．1啟動(dòng)與退出DreamweaverCS68
1．2．2DreamweaverCS6的主界面8
1．3網(wǎng)頁(yè)標(biāo)準(zhǔn)技術(shù)與HTML510
1．3．1網(wǎng)頁(yè)結(jié)構(gòu)語(yǔ)言11
1．3．2在DreamweaverCS6中創(chuàng)建
HTML5文檔13
1．3．3HTML5常用標(biāo)簽15
1．3．4HTML5新增標(biāo)簽21
1．4綜合案例22
1．4．1用記事本編寫一個(gè)網(wǎng)頁(yè)文檔22
1．4．2用DreamweaverCS6制作
網(wǎng)頁(yè)文檔23
1．4．3編寫代碼實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)23
習(xí)題24
第2章網(wǎng)頁(yè)整體規(guī)劃設(shè)計(jì)26
2．1網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)26
2．1．1網(wǎng)頁(yè)布局類型26
2．1．2網(wǎng)頁(yè)整體造型31
2．1．3網(wǎng)頁(yè)設(shè)計(jì)要素31
2．2確定網(wǎng)站主題32
2．2．1網(wǎng)站的設(shè)計(jì)流程32
2．2．2網(wǎng)站主題的確定33
2．3前期規(guī)劃與內(nèi)容組織34
2．3．1網(wǎng)站的需求分析34
2．3．2網(wǎng)站的內(nèi)容組織34
2．4色彩基礎(chǔ)知識(shí)35
2．4．1色彩理論35
2．4．2216網(wǎng)頁(yè)安全顏色37
2．5網(wǎng)站中的色彩應(yīng)用38
2．5．1網(wǎng)頁(yè)色彩規(guī)則38
2．5．2網(wǎng)頁(yè)元素之間色彩搭配39
2．6綜合案例：飾品銷售網(wǎng)站主頁(yè)整體
?設(shè)計(jì)40
習(xí)題41
第3章建立本地站點(diǎn)42
3．1創(chuàng)建本地站點(diǎn)42
3．1．1什么是站點(diǎn)42
3．1．2創(chuàng)建本地站點(diǎn)的步驟43
3．2管理本地站點(diǎn)44
3．2．1切換站點(diǎn)44
3．2．2站點(diǎn)的其他操作44
3．3綜合案例：創(chuàng)建“我的第一個(gè)網(wǎng)站”47
習(xí)題48
第4章制作文本50
4．1創(chuàng)建文檔50
4．1．1新建文檔50
4．1．2保存文檔51
4．1．3打開(kāi)文檔52
4．2文本編輯52
4．2．1輸入文本52
4．2．2設(shè)置文本格式54
4．2．3設(shè)置文本樣式54
4．2．4段落編輯58
4．2．5在頁(yè)面中添加其他元素59
4．3在文本中添加項(xiàng)目符號(hào)和編號(hào)61
4．3．1添加項(xiàng)目符號(hào)和編號(hào)61
4．3．2修改項(xiàng)目符號(hào)和編號(hào)63
4．4水平線、網(wǎng)格與標(biāo)尺63
4．4．1水平線63
4．4．2網(wǎng)格66
4．4．3標(biāo)尺67
4．5綜合案例：制作文本67
習(xí)題68
第5章圖像與多媒體70
5．1網(wǎng)頁(yè)中常用的圖像格式70
5．1．1GIF格式圖像70
5．1．2JPEG格式圖像70
5．1．3PNG格式圖像71
5．2插入與設(shè)置圖像71
5．2．1在網(wǎng)頁(yè)中插入圖像71
5．2．2設(shè)置圖像屬性72
5．3插入其他圖像元素73
5．3．1插入圖像占位符73
5．3．2插入鼠標(biāo)光標(biāo)經(jīng)過(guò)圖像74
5．4多媒體在網(wǎng)頁(yè)中的應(yīng)用76
5．4．1添加Flash動(dòng)畫對(duì)象76
5．4．2插入FLV視頻78
5．4．3網(wǎng)絡(luò)中的音頻文件類型80
5．4．4網(wǎng)絡(luò)中的視頻文件類型80
5．4．5在網(wǎng)頁(yè)中插入Shockwave影片81
5．4．6在網(wǎng)頁(yè)中插入ActiveX控件82
5．4．7在網(wǎng)頁(yè)中插入插件83
5．4．8在網(wǎng)頁(yè)中插入背景音樂(lè)84
5．5綜合案例：多媒體制作85
5．5．1插入圖片86
5．5．2在網(wǎng)頁(yè)中添加音、視頻媒體87
習(xí)題89
第6章網(wǎng)頁(yè)中的超鏈接90
6．1超鏈接概述90
6．1．1超鏈接的定義90
6．1．2超鏈接的類型90
6．2關(guān)于鏈接路徑91
6．2．1絕對(duì)路徑92
6．2．2相對(duì)路徑92
6．2．3根路徑93
6．3創(chuàng)建超鏈接的方法94
6．3．1使用“屬性”面板創(chuàng)建超鏈接94
6．3．2使用指向文件圖標(biāo)創(chuàng)建超鏈接94
6．3．3使用菜單創(chuàng)建超鏈接94
6．4各種類型超鏈接的創(chuàng)建95
6．4．1文本超鏈接95
6．4．2下載文件鏈接99
6．4．3創(chuàng)建電子郵件超鏈接100
6．4．4圖像超鏈接101
6．4．5創(chuàng)建錨記超鏈接103
6．4．6創(chuàng)建空鏈接104
6．4．7創(chuàng)建腳本超鏈接105
6．5管理超鏈接105
6．5．1自動(dòng)更新鏈接106
6．5．2在站點(diǎn)范圍內(nèi)更改鏈接106
6．5．3檢查站點(diǎn)中的鏈接錯(cuò)誤107
6．6綜合案例：創(chuàng)建“我愛(ài)攝影網(wǎng)”108
習(xí)題110
第7章表格使用與簡(jiǎn)單頁(yè)面
布局111
7．1創(chuàng)建表格111
7．1．1插入表格111
7．1．2在表格中輸入網(wǎng)頁(yè)元素113
7．2設(shè)置表格及單元格的屬性116
7．2．1設(shè)置表格屬性116
7．2．2設(shè)置單元格屬性117
7．3表格與單元格具體操作121
7．3．1表格的操作121
7．3．2網(wǎng)頁(yè)中表格行與列的操作122
7．3．3單元格的操作124
7．4表格的進(jìn)一步操作131
7．4．1表格分隔線與邊框操作131
7．4．2表格特效設(shè)置133
7．5表格擴(kuò)展模式134
7．5．1表格擴(kuò)展模式的進(jìn)入和退出134
7．5．2表格擴(kuò)展模式的應(yīng)用135
7．6綜合案例：用表格布局模式設(shè)計(jì)
?網(wǎng)頁(yè)138
習(xí)題140
第8章設(shè)計(jì)框架網(wǎng)頁(yè)141
8．1框架網(wǎng)頁(yè)141
8．1．1框架網(wǎng)頁(yè)概述141
8．1．2創(chuàng)建各種框架141
8．1．3編輯框架集143
8．1．4向框架中添加內(nèi)容145
8．1．5保存框架集146
8．2框架屬性148
8．2．1布局框架基本屬性148
8．2．2框架鏈接151
8．2．3框架標(biāo)簽152
8．3內(nèi)嵌框架Iframe154
8．3．1關(guān)于Iframe154
8．3．2Iframe屬性155
8．4綜合案例：布置框架157
習(xí)題158
第9章CSS樣式表與Div布局159
9．1CSS的基本概念159
9．1．1CSS簡(jiǎn)介160
9．1．2CSS基本語(yǔ)法160
9．1．3CSS樣式的分類161
9．1．4CSS選擇器162
9．1．5在DreamweaverCS6中
使用CSS樣式表166
9．2設(shè)置文本CSS樣式170
9．2．1設(shè)置文字樣式170
9．2．2設(shè)置文本對(duì)象樣式172
9．3修飾背景和邊框173
9．3．1背景顏色和背景圖像173
9．3．2設(shè)置邊框樣式175
9．4盒模型176
9．4．1盒模型簡(jiǎn)介176
9．4．2設(shè)置標(biāo)簽的顯示方式178
9．5CSS+Div布局178
9．5．1Div標(biāo)簽179
9．5．2span標(biāo)簽180
9．5．3三種布局方式181
9．6綜合案例184
9．6．1使用CSS實(shí)現(xiàn)網(wǎng)頁(yè)圖文混排
效果184
9．6．2使用CSS+Div布局網(wǎng)頁(yè)185
習(xí)題187
第10章使用行為189
10．1認(rèn)識(shí)行為189
10．1．1行為189
10．1．2事件189
10．1．3動(dòng)作190
10．2行為的基本操作191
10．2．1“行為”面板191
10．2．2添加行為192
10．2．3編輯行為192
10．3文本類行為193
10．3．1彈出消息193
10．3．2設(shè)置狀態(tài)欄文本194
10．4圖像類行為194
10．5代碼屬性類行為196
10．6跳轉(zhuǎn)類行為197
10．7效果類行為198
10．8綜合案例：制作一個(gè)攝影
?網(wǎng)站198
習(xí)題200
第11章網(wǎng)頁(yè)交互和特效201
11．1網(wǎng)頁(yè)的交互行為201
11．1．1拖動(dòng)AP元素201
11．1．2顯示隱藏元素203
11．2Spry框架204
11．2．1Spry效果205
11．2．2Spry菜單欄205
11．2．3Spry選項(xiàng)卡式面板207
11．2．4Spry折疊式207
11．2．5Spry可折疊面板208
11．3綜合案例：制作導(dǎo)航條208
習(xí)題211
第12章網(wǎng)頁(yè)表單的應(yīng)用212
12．1網(wǎng)頁(yè)中的表單知識(shí)212
12．1．1網(wǎng)頁(yè)中表單概述213
12．1．2創(chuàng)建表單域213
12．2插入文本域215
12．2．1文本字段215
12．2．2創(chuàng)建文本區(qū)域217
12．3插入單選按鈕和單選按鈕組218
12．3．1插入單個(gè)單選按鈕218
12．3．2插入單選按鈕組219
12．4插入復(fù)選框和復(fù)選框組220
12．4．1插入單個(gè)復(fù)選框220
12．4．2插入復(fù)選框組221
12．5插入列表和菜單221
12．5．1菜單表單221
12．5．2列表表單223
12．5．3跳轉(zhuǎn)菜單224
12．6插入按鈕和文件域226
12．6．1按鈕表單227
12．6．2插入文件域228
12．7驗(yàn)證表單內(nèi)容229
12．7．1Spry表單驗(yàn)證技術(shù)229
12．7．2Spry驗(yàn)證文本域229
12．7．3Spry驗(yàn)證密碼域230
12．7．4Spry驗(yàn)證文本區(qū)域231
12．7．5Spry驗(yàn)證列表231
12．7．6Spry驗(yàn)證單選按鈕232
12．7．7Spry驗(yàn)證復(fù)選框232
12．8綜合案例233
習(xí)題235
第13章網(wǎng)站綜合設(shè)計(jì)與制作
實(shí)例237
13．1班級(jí)網(wǎng)站的規(guī)劃與設(shè)計(jì)237
13．1．1網(wǎng)站定位237
13．1．2網(wǎng)站需求分析237
13．1．3欄目設(shè)計(jì)238
13．1．4站點(diǎn)定義與目錄管理238
13．1．5班級(jí)網(wǎng)站的風(fēng)格設(shè)計(jì)238
13．2網(wǎng)頁(yè)設(shè)計(jì)與制作239
13．2．1頁(yè)面布局239
13．2．2制作網(wǎng)站首頁(yè)241
13．2．3二級(jí)頁(yè)面的制作250
13．2．4內(nèi)容頁(yè)面的制作252
習(xí)題252