本書采取理論與實踐一體化教學模式即，既知“其一”還要知“其二”，也就說既要考慮軟件工具命令屬性講解，也要融合實例運用操作，達到兩者有機融合。但現在有些網頁設計制作方面的教材，定位過泛，在廣度和深度上把握不是太好，有的書全部以“實例”方式進行編寫，對有一定網頁設計基礎的人來說，易學或許會有提高，但對於一個初學者來說，如果隻學習這個例子的操作，換一個例子恐怕就不會幫相關的命令操作了。
本書定位為針對文科類以及非計算機類理工科專業的使用教材，因此考慮這些專業學生的計算機技能水平。本書的定位非常明確，就是適應與這些專業學生，即初學者，同時也適應於高職類學生。
本教材以網站設計與制作為主線，采用由淺入深、循序漸進的方式，從基本概念、網站規劃與設計入手，逐步展示網頁制作與網站開發的全過程，邏輯性強，層次分明，加強對各章節中重點難點的講解；圖文並茂，展現網頁制作的獨特魅力，激發學習者的學習興趣，在講解中引用適合本章節的典型例子使內容針對性更強；以菜單操作式的Dreamweaver CS6為開發工具，從實際應用的角度出發，繫統地介紹網頁制作的相關技術。
注重實踐操作，除了講解命令功能時用到的“小例子”，每章還有專門的實例，除此之外，每章還有上機任務實踐操作，以便學習者能進一步理解和鞏固所學知識。
本教材最後一章為某一完整網頁的設計案例，以引導和強化學習者的綜合運用能力。
提供完整課件以及書中所用的素材資源。

本書采取理論與實踐一體化教學模式即，既知“其一”還要知“其二”，也就說既要考慮軟件工具命令屬性講解，也要融合實例運用操作，達到兩者有機融合。但現在有些網頁設計制作方面的教材，定位過泛，在廣度和深度上把握不是太好，有的書全部以“實例”方式進行編寫，對有一定網頁設計基礎的人來說，易學或許會有提高，但對於一個初學者來說，如果隻學習這個例子的操作，換一個例子恐怕就不會幫相關的命令操作了。
本書定位為針對文科類以及非計算機類理工科專業的使用教材，因此考慮這些專業學生的計算機技能水平。本書的定位非常明確，就是適應與這些專業學生，即初學者，同時也適應於高職類學生。
本教材以網站設計與制作為主線，采用由淺入深、循序漸進的方式，從基本概念、網站規劃與設計入手，逐步展示網頁制作與網站開發的全過程，邏輯性強，層次分明，加強對各章節中重點難點的講解；圖文並茂，展現網頁

雷偉軍，陝西西安人，畢業於西安電子科技大學，軟件工程碩士，高級工程師、副教授（雙職稱，學校雙師型教師），西安市教育信息化專家委員會專家，美國“英特爾·未來教育”主講教師。

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