本書特色
零基礎(chǔ)、入門級的講解
　　無論您是否從事計算機相關(guān)行業(yè)，無論您是否接觸過網(wǎng)頁制作和設(shè)計，都能從本書中找到*佳起點。
超多、實用、專業(yè)的范例和項目
　　本書在編排上緊密結(jié)合深入學(xué)習(xí)網(wǎng)頁制作技術(shù)的先后過程，從HTML 5的基本概念開始，逐步帶領(lǐng)大家深入地學(xué)習(xí)各種應(yīng)用技巧，側(cè)重實戰(zhàn)技能，使用簡單易懂的實際案例進行分析和操作指導(dǎo)，讓讀者讀起來簡明輕松，操作起來有章可循。
隨時檢測自己的學(xué)習(xí)成果
　　大部分章后都設(shè)置了“跟我學(xué)上機”板塊，均根據(jù)本章內(nèi)容精選而成，讀者可以隨時檢測自己的學(xué)習(xí)成果和實戰(zhàn)能力，做到融會貫通。
細致入微、貼心提示
　　本書在講解過程中，使用了“注意”“提示”“技巧”等小貼士，使讀者在學(xué)習(xí)過程中更清楚地了解相關(guān)操作、理解相關(guān)概念，并輕松掌握各種操作技巧。
專業(yè)創(chuàng)作團隊和技術(shù)支持
　　您在學(xué)習(xí)過程中遇到任何問題，均可加入QQ群(案例課堂VIP)451102631進行提問，專家人員會在線答疑。
超值資源大放送
全程同步教學(xué)錄像
　　涵蓋本書所有知識點，詳細講解每個實例及項目的過程和技術(shù)關(guān)鍵點?？梢允棺x者比看書更輕松地掌握書中所有的網(wǎng)頁制作和設(shè)計知識，而且擴展的講解部分能使讀者獲得比書中講解更多的收獲。
超多容量資源
　　贈送大量資源，包括實例源代碼、教學(xué)幻燈片、本書精品教學(xué)視頻、88個實用類網(wǎng)頁模板、12部網(wǎng)頁開發(fā)必備參考手冊、HTML 5標記速查手冊、精選的JavaScript實例、CSS 3屬性速查表、JavaScript函數(shù)速查手冊、CSS+DIV布局賞析案例、精彩網(wǎng)站配色方案賞析、網(wǎng)頁樣式與布局案例賞析、Web前端工程師常見面試題等。讀者可以通過QQ群(案例課堂VIP)451102631獲取贈送資源，也可以掃描二維碼，下載本書資源。

劉春茂，本科畢業(yè)于上海復(fù)旦大學(xué)，碩士畢業(yè)于清華大學(xué)。曾在美國IBM公司移動產(chǎn)品開發(fā)組從事Android平臺應(yīng)用的開發(fā)。
擅長的核心技術(shù)
媒體和教育領(lǐng)域個性化信息推薦，網(wǎng)站用戶行為數(shù)據(jù)挖掘，健康領(lǐng)域非結(jié)構(gòu)化數(shù)據(jù)處理。
擅長的其他技術(shù)
熟悉各種網(wǎng)站和手機（Andorid和iOS）app的開發(fā)等，精通Java, C/C++, PHP, Python等流行語言并對Hadoop， MapReduce等大數(shù)據(jù)框架有深入研究。

目    錄
第I篇  HTML 5網(wǎng)頁設(shè)計

第1章  新一代Web前端技術(shù)    3
1.1  HTML的基本概念    4
1.1.1  HTML的發(fā)展歷程    4
1.1.2  什么是HTML    4
1.1.3  HTML 5文件的基本結(jié)構(gòu)    5
1.2  HTML 5的優(yōu)勢    5
1.2.1  解決了跨瀏覽器的問題    5
1.2.2  增加了多個新特性    5
1.2.3  用戶優(yōu)先的原則    6
1.2.4  化繁為簡的優(yōu)勢    7
1.3  HTML 5網(wǎng)頁的開發(fā)環(huán)境    7
1.3.1  使用記事本手工編寫HTML 5    7
1.3.2  使用Dreamweaver CC編寫
HTML文件    8
1.4  使用瀏覽器查看HTML 5文件    12
1.4.1  查看頁面效果    12
1.4.2  查看源文件    13
1.5  疑難解惑    14
第2章  HTML 5網(wǎng)頁的文檔結(jié)構(gòu)    15
2.1  HTML 5文件的基本結(jié)構(gòu)    16
2.1.1  HTML 5頁面的整體結(jié)構(gòu)    16
2.1.2  HTML 5新增的結(jié)構(gòu)標記    16
2.2  HTML 5基本標記詳解    17
2.2.1  文檔類型說明    17
2.2.2  HTML標記    17
2.2.3  頭標記    18
2.2.4  網(wǎng)頁的主體標記    20
2.2.5  頁面注釋標記    21
2.3  HTML 5語法的變化    22
2.3.1  標簽不再區(qū)分大小寫    22
2.3.2  允許屬性值不使用引號    22
2.3.3  允許部分屬性的屬性值省略    23
2.4  綜合案例——符合W3C標準的
 HTML 5網(wǎng)頁    23
2.5  跟我學(xué)上機——簡單的HTML 5網(wǎng)頁    25
2.6  疑難解惑    26
第3章  HTML 5網(wǎng)頁中的文本、超鏈接
和圖像    27
3.1  在網(wǎng)頁中添加文本    28
3.1.1  普通文本的添加    28
3.1.2  特殊字符文本的添加    28
3.1.3  使用HTML 5標記添加特殊
文本    30
3.2  文本排版    32
3.2.1  換行標記    32
3.2.2  段落標記    32
3.2.3  標題標記    33
3.3  文字列表    34
3.3.1  建立無序列表    34
3.3.2  建立有序列表    36
3.3.3  建立不同類型的無序列表    36
3.3.4  建立不同類型的有序列表    37
3.3.5  建立嵌套列表    38
3.3.6  自定義列表    39
3.4  超鏈接標記    40
3.4.1  設(shè)置文本和圖片的超鏈接    40
3.4.2  創(chuàng)建指向不同目標類型的
超鏈接    40
3.4.3  設(shè)置以新窗口顯示超鏈接頁面    42
3.4.4  鏈接到同一頁面的不同位置    43
3.5  創(chuàng)建熱點區(qū)域    44
3.6  網(wǎng)頁中的圖片    45
3.6.1  在網(wǎng)頁中插入圖像    45
3.6.2  設(shè)置圖像的寬度和高度    47
3.6.3  設(shè)置圖像的提示文字    48
3.6.4  將圖片設(shè)置為網(wǎng)頁背景    49
3.6.5  排列圖像    50
3.7  綜合案例——圖文并茂的房屋裝飾
裝修網(wǎng)頁    50
3.8  跟我學(xué)上機——在線購物網(wǎng)站的產(chǎn)品
展示效果    52
3.9  疑難解惑    53
第4章  使用HTML 5創(chuàng)建表格    55
4.1  表格的基本結(jié)構(gòu)    56
4.2  創(chuàng)建表格    57
4.2.1  創(chuàng)建普通表格    57
4.2.2  創(chuàng)建一個帶有標題的表格    58
4.3  編輯表格    59
4.3.1  定義表格的邊框類型    59
4.3.2  定義表格的表頭    59
4.3.3  設(shè)置表格背景    60
4.3.4  設(shè)置單元格的背景    61
4.3.5  合并單元格    62
4.3.6  排列單元格中的內(nèi)容    65
4.3.7  設(shè)置單元格的行高與列寬    66
4.4  完整的表格標記    67
4.5  綜合案例——制作計算機報價表    68
4.6  跟我學(xué)上機——制作學(xué)生成績表    70
4.7  疑難解惑    74
第5章  使用HTML 5創(chuàng)建表單    75
5.1  表單概述    76
5.2  表單基本元素的使用    76
5.2.1  單行文本輸入框    77
5.2.2  多行文本輸入框    77
5.2.3  密碼輸入框    78
5.2.4  單選按鈕    78
5.2.5  復(fù)選框    79
5.2.6  列表框    80
5.2.7  普通按鈕    81
5.2.8  提交按鈕    81
5.2.9  重置按鈕    82
5.3  表單高級元素的使用    83
5.3.1  url屬性的使用    83
5.3.2  email屬性的使用    83
5.3.3  date屬性和time屬性的使用    84
5.3.4  number屬性的使用    85
5.3.5  range屬性的使用    86
5.3.6  required屬性的使用    86
5.4  綜合案例——創(chuàng)建用戶反饋表單    87
5.5  跟我學(xué)上機——制作用戶注冊表單    88
5.6  疑難解惑    90
第6章  HTML 5中的音頻和視頻    91
6.1  audio標簽    92
6.1.1  audio標簽概述    92
6.1.2  audio標簽的屬性    93
6.1.3  瀏覽器對audio標簽的支持
情況    93
6.2  在網(wǎng)頁中添加音頻文件    94
6.2.1  添加自動播放的音頻文件    94
6.2.2  添加帶有控件的音頻文件    94
6.2.3  添加循環(huán)播放的音頻文件    95
6.2.4  添加預(yù)播放的音頻文件    95
6.3  video標簽    96
6.3.1  video標簽概述    96
6.3.2  video標簽的屬性    97
6.3.3  瀏覽器對video標簽的支持
情況    98
6.4  在網(wǎng)頁中添加視頻文件    98
6.4.1  添加自動播放的視頻文件    98
6.4.2  添加帶有控件的視頻文件    99
6.4.3  添加循環(huán)播放的視頻文件    99
6.5  綜合案例——設(shè)置視頻文件的高度
與寬度    100
6.6  跟我學(xué)上機——添加預(yù)播放的視頻
文件    101
6.7  疑難解惑    101
第7章  使用HTML 5繪制圖形    103
7.1  添加canvas的步驟    104
7.2  繪制基本形狀    104
7.2.1  繪制矩形    105
7.2.2  繪制圓形    105
7.2.3  使用moveTo與lineTo繪制
直線    107
7.2.4  使用bezierCurveTo繪制
貝塞爾曲線    108
7.3  繪制漸變圖形    109
7.3.1  繪制線性漸變    109
7.3.2  繪制徑向漸變    111
7.4  繪制變形圖形    112
7.4.1  繪制平移效果的圖形    112
7.4.2  繪制縮放效果的圖形    113
7.4.3  繪制旋轉(zhuǎn)效果的圖形    114
7.4.4  繪制組合效果的圖形    115
7.4.5  繪制帶陰影的圖形    117
7.5  使用圖像    118
7.5.1  繪制圖像    118
7.5.2  平鋪圖像    119
7.5.3  裁剪圖像    121
7.5.4  圖像的像素化處理    122
7.6  繪制文字    124
7.7  圖形的保存與恢復(fù)    126
7.7.1  保存與恢復(fù)狀態(tài)    126
7.7.2  保存文件    127
7.8  綜合案例——繪制火柴棒人物    128
7.9  跟我學(xué)上機——繪制商標    132
7.10  疑難解惑    134

　　
第II篇  CSS 3美化網(wǎng)頁

第8章  CSS 3概述與基本語法    137
8.1  CSS 3概述    138
8.1.1  CSS 3的功能    138
8.1.2  瀏覽器與CSS 3    138
8.1.3  CSS 3的基礎(chǔ)語法    139
8.1.4  CSS 3的常用單位    139
8.2  編輯和瀏覽CSS 3    144
8.2.1  手工編寫CSS 3    144
8.2.2  用Dreamweaver編寫CSS    145
8.3  在HTML 5中使用CSS 3的方法    147
8.3.1  行內(nèi)樣式    147
8.3.2  內(nèi)嵌樣式    148
8.3.3  鏈接樣式    149
8.3.4  導(dǎo)入樣式    150
8.3.5  優(yōu)先級問題    151
8.4  CSS 3的常用選擇器    154
8.4.1  標簽選擇器    154
8.4.2  類選擇器    155
8.4.3  ID選擇器    155
8.4.4  全局選擇器    156
8.4.5  組合選擇器    157
8.4.6  繼承選擇器    158
8.4.7  偽類選擇器    159
8.5  選擇器聲明    160
8.5.1  集體聲明    160
8.5.2  多重嵌套聲明    161
8.6  綜合案例——制作炫彩網(wǎng)站Logo    161
8.7  跟我學(xué)上機——制作學(xué)生信息
統(tǒng)計表    164
8.8  疑難解惑    166
第9章  使用CSS 3美化網(wǎng)頁字體
與段落    167
9.1  美化網(wǎng)頁文字    168
9.1.1  設(shè)置文字的字體    168
9.1.2  設(shè)置文字的字號    169
9.1.3  設(shè)置字體風(fēng)格    170
9.1.4  設(shè)置加粗字體    171
9.1.5  將小寫字母轉(zhuǎn)為大寫字母    171
9.1.6  設(shè)置字體的復(fù)合屬性    172
9.1.7  設(shè)置字體顏色    173
9.2  設(shè)置文本的高級樣式    174
9.2.1  設(shè)置文本陰影效果    174
9.2.2  設(shè)置文本的溢出效果    176
9.2.3  設(shè)置文本的控制換行    177
9.2.4  保持字體尺寸不變    177
9.3  美化網(wǎng)頁中的段落    178
9.3.1  設(shè)置單詞之間的間隔    179
9.3.2  設(shè)置字符之間的間隔    179
9.3.3  設(shè)置文字的修飾效果    180
9.3.4  設(shè)置垂直對齊方式    181
9.3.5  轉(zhuǎn)換文本的大小寫    183
9.3.6  設(shè)置文本的水平對齊方式    183
9.3.7  設(shè)置文本的縮進效果    185
9.3.8  設(shè)置文本的行高    186
9.3.9  文本的空白處理    187
9.3.10  文本的反排    188
9.4  綜合案例——設(shè)置網(wǎng)頁標題    189
9.5  跟我學(xué)上機——制作新聞頁面    191
9.6  疑難解惑    192