本書并非大而全地介紹HTML 5和CSS 3的相關(guān)知識，而是將其融合在Dreamweaver CS6軟件的講解之中，深入淺出地介紹Web前端開發(fā)需要掌握的必備知識和技能。全書共分為12章，章節(jié)安排難度遞進(jìn)，必備知識無縫銜接，每章有理論，堂堂有案例，課后有實訓(xùn)。為了推動教學(xué)模式的改革，編者特別制作了全程的微課視頻，方便教師采用“翻轉(zhuǎn)課堂”等教學(xué)形式進(jìn)行教育探索。
在理論知識方面，一方面講解Dreamweaver CS6軟件的使用方法，另一方面注重從DIV+CSS思維模式到HTML 5+CSS 3思維模式的知識遷移和知識對比，可以使教師授課方便連貫，學(xué)生學(xué)習(xí)理解透徹。
在實踐操作方面，注重提高讀者的手寫代碼能力，每章除了小型案例以外，還提供模仿案例和自主提高案例，使讀者可不斷強(qiáng)化所學(xué)知識。
在配套資源方面，本書提供全套源文件、微課視頻、PPT課件、課時授課計劃和學(xué)期授課計劃，為教師高效備課創(chuàng)造有利條件。
本書既可作為應(yīng)用型本科、高職高專以及各層次院校計算機(jī)相關(guān)專業(yè)的教材，也可供希望從事網(wǎng)頁設(shè)計的讀者自學(xué)使用，還可作為IT類培訓(xùn)機(jī)構(gòu)的網(wǎng)頁設(shè)計培訓(xùn)教程。
網(wǎng)頁設(shè)計與制作（Dreamweaver CS6+HTML 5+CSS 3版）就目前市場上“Web前端開發(fā)”“移動互聯(lián)網(wǎng)開發(fā)”“網(wǎng)頁游戲開發(fā)”和“網(wǎng)頁美工”等有關(guān)互聯(lián)網(wǎng)類的崗位而言，其職位要求或多或少地包含“熟練使用Dreamweaver”“精通DIV+CSS”“熟悉主流Web瀏覽器的開發(fā)模式和特性”“能夠手寫頁面代碼”“熟悉HTML 5和CSS 3者優(yōu)先錄用”等關(guān)鍵詞。在緊密結(jié)合市場需求的前提下，本書延續(xù)已經(jīng)成熟的DIV+CSS網(wǎng)頁制作模式，將HTML 5和CSS 3的基礎(chǔ)知識融入Dreamweaver CS6軟件的講解之中，注重HTML 5特性與思維模式的遷移。
全書共分為12章，根據(jù)知識的難易程度和學(xué)習(xí)者的學(xué)習(xí)習(xí)慣，在Dreamweaver CS6軟件的講解中對HTML 5和CSS 3知識進(jìn)行無縫銜接，使每章有理論，堂堂有案例，課后有實訓(xùn)。本書主要內(nèi)容包括: 網(wǎng)頁設(shè)計基礎(chǔ),HTML語言基礎(chǔ)，Dreamweaver CS6基礎(chǔ)與CSS入門，文本與圖像，浮動、定位和列表，表格與表單，框架、模板與CSS 3新增布局，行為與Spry構(gòu)件，CSS進(jìn)階提高，站點測試、上傳與維護(hù)，綜合案例解析——電子商務(wù)網(wǎng)站和實訓(xùn)指導(dǎo)。
本書具有以下特色。
微課視頻: 所有知識點均包含在許多短小的視頻中，不受時空限制，讀者可隨時隨地預(yù)習(xí)或復(fù)習(xí)。
貼近崗位: 本書所涉及的內(nèi)容均是互聯(lián)網(wǎng)類崗位中必不可少的知識，通過學(xué)習(xí)讀者能夠達(dá)到崗位需求的基本要求。
精選案例: 每章包含“過程指導(dǎo)”環(huán)節(jié)，通過精心挑選的實戰(zhàn)案例，以及詳略得當(dāng)?shù)倪^程指導(dǎo)，讀者在學(xué)習(xí)過程中能夠直觀、清晰地看到操作過程和效果。
自主任務(wù): 每章包含“自主任務(wù)”環(huán)節(jié)，留出時間讓讀者參照“過程指導(dǎo)”進(jìn)行實訓(xùn)練習(xí)。
配套資源: 本書提供全套源文件、微課視頻、PPT課件、課時授課計劃和學(xué)期授課計劃，讀者可以從清華大學(xué)出版社網(wǎng)站（http://www.tup.tsinghua.edu.cn）下載。
本書既可作為應(yīng)用型本科、高職高專以及各層次院校計算機(jī)相關(guān)專業(yè)的教材，也可供希望從事網(wǎng)頁設(shè)計的讀者自學(xué)使用，還可作為IT類培訓(xùn)機(jī)構(gòu)的網(wǎng)頁設(shè)計培訓(xùn)教程。
本書的參考學(xué)時為60學(xué)時，為了方便教師教學(xué)，這里提供各章節(jié)任務(wù)的學(xué)時分配，詳見下表。第1章網(wǎng)頁設(shè)計基礎(chǔ)112第2章HTML語言基礎(chǔ)246第3章Dreamweaver CS6基礎(chǔ)與CSS入門246第4章文本與圖像246第5章浮動、定位和列表246第6章表格與表單224第7章框架、模板與CSS 3新增布局448第8章行為與Spry構(gòu)件112第9章CSS進(jìn)階提高246第10章站點測試、上傳與維護(hù)112第11章綜合案例解析——電子商務(wù)網(wǎng)站134第12章實訓(xùn)指導(dǎo)0.57.58合計60網(wǎng)頁設(shè)計與制作（Dreamweaver CS6+HTML 5+CSS 3版）前言本書由吳豐編寫，在編寫過程中，許多同人給予了很大的幫助和支持，提出了許多中肯的建議，在此表示感謝。同時，還要感謝清華大學(xué)出版社的所有編審人員為本書的出版所付出的辛勤勞動。最后，還要感謝家人的理解和支持。本書的成功出版是大家共同努力的結(jié)果，謝謝你們！
另外，由于時間倉促，水平有限，書中有不足之處，敬請廣大讀者批評、指正，以便修訂時使之更加完善，誠心希望與讀者共同交流、共同成長。
編者聯(lián)系方式: wufeng1121@126.com。
編者
2015年11月
網(wǎng)頁設(shè)計與制作（Dreamweaver CS6+HTML 5+CSS 3版）第1章網(wǎng)頁設(shè)計基礎(chǔ)1
1.1Web時代的重要理念1
1.1.1Web標(biāo)準(zhǔn)簡介1
1.1.2表現(xiàn)與結(jié)構(gòu)相分離3
1.1.3HTML 5時代5
1.2網(wǎng)站的入門知識6
1.2.1網(wǎng)頁、網(wǎng)站及其構(gòu)成元素6
1.2.2網(wǎng)頁設(shè)計的原則、風(fēng)格和潮流8
1.2.3網(wǎng)站建設(shè)的基本流程11
1.2.4開發(fā)與調(diào)試工具14
1.3習(xí)題15
第2章HTML語言基礎(chǔ)16
2.1HTML的歷史沿革16
2.1.1HTML 4.01到XHTML16
2.1.2從XHTML到HTML 516
2.1.3HTML 5要解決的問題17
2.2文檔結(jié)構(gòu)18
2.2.1標(biāo)簽、元素、屬性和值18
2.2.2DOCTYPE聲明20
2.2.3html元素、head元素與body元素20
2.3HTML 5中常見的元素21
2.3.1塊級元素22
2.3.2內(nèi)聯(lián)元素23
2.3.3列表類元素26
2.3.4表格類元素28
2.3.5表單類元素29
2.3.6多媒體類元素34
2.3.7HTML 5新增的結(jié)構(gòu)類元素36
2.4過程指導(dǎo)——HTML 5元素的簡單運用38
2.5自主任務(wù)——使用記事本創(chuàng)建簡單頁面41
2.6習(xí)題41
網(wǎng)頁設(shè)計與制作（Dreamweaver CS6+HTML 5+CSS 3版）目錄第3章Dreamweaver CS6基礎(chǔ)與CSS入門43
3.1工作環(huán)境43
3.1.1文檔和編碼工具欄43
3.1.2屬性面板45
3.1.3常用面板介紹46
3.1.4常規(guī)設(shè)置47
3.2站點48
3.2.1站點的基本概念及其創(chuàng)建方法48
3.2.2“文件”面板的常用操作50
3.2.3管理站點52
3.3重要的div元素53
3.3.1div元素是什么54
3.3.2在Dreamweaver中創(chuàng)建DIV容器的方法54
3.4CSS入門56
3.4.1什么是CSS57
3.4.2CSS語法與鏈接方法57
3.4.3盒子模型59
3.5常見的CSS選擇器62
3.5.1通配符選擇器與類型選擇器63
3.5.2ID選擇器與類選擇器63
3.5.3包含選擇器與群組選擇器65
3.5.4屬性選擇器65
3.6過程指導(dǎo)——淘寶店鋪周年慶專題頁面67
3.6.1過程分析67
3.6.2步驟詳解67
3.7自主任務(wù)——“中秋茶相伴”淘寶店鋪專題銷售頁面73
3.8習(xí)題73
第4章文本與圖像75
4.1文本75
4.1.1插入文本75
4.1.2創(chuàng)建超鏈接76
4.1.3與文本相關(guān)的基礎(chǔ)屬性79
4.1.4行高與首行縮進(jìn)82
4.1.5文本陰影84
4.1.6溢出文本與文本換行84
4.1.7CSS偽類在超鏈接方面的應(yīng)用87
4.2圖像88
4.2.1插入圖像89
4.2.2與圖像相關(guān)的CSS屬性93
4.2.3圖文混排95
4.3過程指導(dǎo)——使用HTML 5新增元素創(chuàng)建“燈塔漫畫背景博客”97
4.3.1過程分析97
4.3.2步驟詳解98
4.4自主任務(wù)——圖像與文本的簡單應(yīng)用104
4.5習(xí)題105
第5章 浮動、定位和列表107
5.1浮動107
5.1.1浮動的基本知識107
5.1.2清除浮動110
5.2定位111
5.2.1靜態(tài)定位與固定定位111
5.2.2相對定位與絕對定位113
5.3列表116
5.3.1與列表相關(guān)的CSS屬性116
5.3.2列表的圖像修飾符117
5.3.3縱向?qū)Ш?19
5.3.4橫向?qū)Ш?20
5.3.5圖文信息列表122
5.4過程指導(dǎo)——“五月美食節(jié)專場”網(wǎng)頁的設(shè)計與制作125
5.4.1過程分析125
5.4.2步驟詳解125
5.5自主任務(wù)——“手機(jī)專賣網(wǎng)”的制作130
5.6習(xí)題131
第6章表格與表單132
6.1表格的創(chuàng)建與編輯132
6.1.1創(chuàng)建表格132
6.1.2單元格屬性設(shè)置133
6.1.3單元格基本操作134
6.2CSS在表格中的應(yīng)用136
6.2.1使用bordercollapse屬性制作細(xì)線表格136
6.2.2使用偽類選擇器制作隔行變色表格138
6.3表單的創(chuàng)建與編輯139
6.3.1表單域139
6.3.2常見表單對象141
6.4CSS在表單中的應(yīng)用148
6.4.1文本域的美化148
6.4.2CSS 3按鈕148
6.4.3搜索框的美化150
6.5過程指導(dǎo)——“Yuze App注冊”頁面的制作151
6.5.1過程分析151
6.5.2步驟詳解151
6.6自主任務(wù)——“網(wǎng)站后臺登錄”頁面的制作155
6.7習(xí)題156
第7章框架、模板與CSS 3新增布局157
7.1框架157
7.1.1基本概念157
7.1.2使用iframe元素創(chuàng)建框架頁面158
7.2模板159
7.2.1模板是什么159
7.2.2使用模板快速創(chuàng)建頁面159
7.2.3模板的修改163
7.3CSS 3多列布局164
7.3.1使用columns屬性創(chuàng)建多列布局164
7.3.2多列布局的相關(guān)屬性165
7.4CSS 3彈性盒布局167
7.4.1使用盒布局167
7.4.2彈性盒布局相關(guān)屬性詳解167
7.5適合移動設(shè)備的響應(yīng)式布局173
7.5.1響應(yīng)式布局173
7.5.2使用CSS 3的Media Queries實現(xiàn)響應(yīng)式布局173
7.6過程指導(dǎo)——制作適合多種設(shè)備終端顯示的響應(yīng)式頁面177
7.6.1過程分析177
7.6.2步驟詳解180
7.7自主任務(wù)——制作簡單響應(yīng)式頁面186
7.8習(xí)題187
第8章行為與Spry構(gòu)件188
8.1行為188
8.1.1事件與動作相關(guān)概念188
8.1.2行為面板189
8.1.3“彈出信息”行為190
8.1.4“打開瀏覽器窗口”行為191
8.1.5“改變屬性”行為191
8.2Spry構(gòu)件194
8.2.1Spry菜單欄194
8.2.2Spry選項卡式面板194
8.2.3Spry折疊式構(gòu)件195
8.3過程指導(dǎo)——“精品課程”網(wǎng)站的設(shè)計與制作196
8.3.1過程分析197
8.3.2步驟詳解197
8.4自主任務(wù)——“精品課程”網(wǎng)站主頁的制作212
8.5習(xí)題213
第9章CSS進(jìn)階提高214
9.1CSS Sprite技術(shù)214
9.1.1CSS Sprite技術(shù)簡述214
9.1.2CSS Sprite技術(shù)詳解215
9.2CSS 3偽類選擇器218
9.2.1:root、:not、:target和∷selection選擇器218
9.2.2:firstchild、:lastchild和:onlychild選擇器220
9.3CSS 3漸變221
9.4CSS 3過渡223
9.4.1transition屬性223
9.4.2CSS 3過渡動畫的實現(xiàn)224
9.5習(xí)題227
第10章站點測試、上傳與維護(hù)228
10.1站點測試228
10.1.1瀏覽器兼容性測試228
10.1.2鏈接的測試229
10.2站點上傳231
10.2.1注冊域名231
10.2.2申請網(wǎng)站空間233
10.2.3站點上傳234
10.3維護(hù)與推廣239
10.3.1站點維護(hù)239
10.3.2網(wǎng)站推廣240
10.4習(xí)題241
第11章綜合案例解析——電子商務(wù)網(wǎng)站242
11.1電子商務(wù)網(wǎng)站的簡易需求分析242
11.2電子商務(wù)網(wǎng)站的布局分析243
11.3實現(xiàn)過程246
11.3.1主頁的實現(xiàn)246
11.3.2檢索頁的實現(xiàn)254
11.3.3產(chǎn)品信息頁的實現(xiàn)257
11.4習(xí)題259
第12章實訓(xùn)指導(dǎo)261
12.1實訓(xùn)的意義和目的261
12.2實訓(xùn)要求與步驟262
12.3考核標(biāo)準(zhǔn)262
參考文獻(xiàn)264第1章計算機(jī)基礎(chǔ)知識1
1.1上機(jī)實驗1
實驗1Windows XP桌面的設(shè)置1
實驗2Windows 7桌面的設(shè)置7
實驗3Windows XP控制面板的使用13
實驗4Windows 7控制面板的使用19
實驗5Windows XP資源管理器的使用24
實驗6Windows 7資源管理器的使用31
實驗7搜索引擎的使用35
1.2習(xí)題精選41
第2章文字處理軟件Word 201045
2.1上機(jī)實驗45
實驗1文字錄入與編輯45
實驗2文檔的格式設(shè)置與編排48
實驗3文檔表格的創(chuàng)建和設(shè)置52
實驗4文檔的版面設(shè)置和編排55
實驗5畢業(yè)論文的格式設(shè)置和排版61
2.2習(xí)題精選70
第3章電子表格軟件Excel 201074
3.1上機(jī)實驗74
實驗1工作表的格式設(shè)置與編排74
實驗2公式、函數(shù)與圖表的使用80
實驗3數(shù)據(jù)排序篩選和合并計算89
實驗4數(shù)據(jù)分類匯總和數(shù)據(jù)透視表/圖91
3.2習(xí)題精選97計算機(jī)應(yīng)用基礎(chǔ)實驗手冊——Windows XP/7+Office 2010目錄第4章演示文稿制作軟件PowerPoint 2010100
4.1上機(jī)實驗100
實驗1演示文稿模板和超鏈接的應(yīng)用100
實驗2格式化演示文稿106
實驗3演示文稿的動畫設(shè)置和切換效果112
實驗4演示文稿自定義路徑的繪制119
實驗5演示文稿動作按鈕的設(shè)置123
4.2習(xí)題精選127
參考文獻(xiàn)130
新書資訊