精通html5網頁設計

1、HTML+CSS網頁設計與布局從入門到精通的目錄

第1部分　HTML基礎篇
第1章　網頁設計基礎知識　3
1.1　基礎概念　3
1.2　網頁與HTML語言　4
1.3　Web標准：結構、表現與行為　5
1.3.1　標準的重要性　5
1.3.2　「Web標准」概述　6
1.4　初步理解網頁設計與開發的過程　7
1.4.1　基本任務與角色　7
1.4.2　明確網站定位　8
1.4.3　收集信息和素材　8
1.4.4　策劃欄目內容　8
1.4.5　設計頁面方案　9
1.4.6　製作頁面　9
1.4.7　實現後台功能　9
1.4.8　整合與測試網站　10
1.5　與設計相關的技術因素　10
1.6　本章小結　12
第2章　HTML網頁文檔結構　13
2.1　HTML簡介　13
2.1.1　創建第一個HTML文件　13
2.1.2　HTML文件結構　15
2.2　簡單的HTML案例　16
2.3　網頁源文件的獲取　18
2.3.1　直接查看源文件　19
2.3.2　保存網頁　19
2.4　輔助：利用Dreamweaver快速建立基本文檔　20
2.5　本章小結　24
第3章　用HTML設置文本和圖像　25
3.1　文本排版　25
3.1.1　實現段落與段內換行(p和br)　25
3.1.2　設置標題(h1～h6)　27
3.1.3　使文字水平居中(center)　27
3.1.4　設置文欄位落的縮進(blockquote)　29
3.2　設置文字列表　29
3.2.1　建立無序列表(ul)　29
3.2.2　建立有序列表(ol)　30
3.3　HTML標記與HTML屬性　31
3.3.1　用align屬性控制段落的水平位置　31
3.3.2　用bgcolor屬性設置背景顏色　32
3.3.3　設置文字的特殊樣式　34
3.3.4　設置文字的大小和顏色(font)　35
3.4　忘記過時的HTML標記和屬性　35
3.5　特殊文字元號　36
3.6　在網頁中使用圖像(img)　38
3.6.1　網頁中的圖片格式　38
3.6.2　一個簡單的圖片網頁　38
3.6.3　使用路徑　39
3.7　用width和height屬性設置圖片的尺寸　41
3.8　用alt屬性為圖像設置替換文本　43
3.9　輔助：利用Dreamweaver設置文本和圖像　43
3.10　輔助：利用Dreamweaver代碼視圖提高效率　47
3.10.1　代碼提示　47
3.10.2　代碼折疊　49
3.10.3　使用拆分視圖對代碼快速定位　49
3.11　本章小結　50
第4章　用HTML建立超鏈接(a)　51
4.1　設置基本文字超鏈接　51
4.1.1　URL的格式　51
4.1.2　URL的類型　52
4.2　設置頁面內部的特定目標的鏈接　53
4.3　設置圖片的超鏈接　54
4.4　設置電子郵件鏈接　54
4.5　設置以新窗口顯示鏈接頁面　55
4.6　創建熱點區域　55
4.6.1　用HTML建立熱點區域(map和area)　56
4.6.2　輔助：利用Dreamweaver精確定位熱點區域　57
4.7　框架之間的鏈接　59
4.7.1　建立框架與框架集(frame和frameset)　59
4.7.2　用cols屬性將窗口分為左右兩部分　60
4.7.3　用rows屬性將窗口分為上中下三部分　60
4.7.4　框架的嵌套　61
4.7.5　用src屬性在框架中插入網頁　61
4.7.6　用src屬性在框架之間鏈接　62
4.7.7　創建嵌入式框架(iframe)　64
4.8　鏈接增多後網站的組織結構與維護　65
4.9　本章小結　66
第5章　用HTML創建表格　67
5.1　表格基本結構(table)　67
5.2　合並單元格　68
5.2.1　用colspan屬性左右合並單元格　68
5.2.2　用rowspan屬性上下合並單元格　69
5.3　用align屬性設置對齊方式　70
5.4　用bgcolor屬性設置表格背景色和邊框顏色　71
5.5　用cellpadding屬性和cellspacing屬性設定距離　72
5.6　完整的表格標記(thead、tbody和tfoot)　73
5.7　需要拋棄的方法：用表格進行頁面布局　75
5.8　本章小結　78
第2部分　CSS基礎篇
第6章　(X)HTML與CSS概述　81
6.1　HTML與XHTML　81
6.1.1　追根溯源　81
6.1.2　DOCTYPE(文檔類型)的含義與選擇　82
6.1.3　XHTML與HTML的重要區別　83
6.2　(X)HTML與CSS　84
6.2.1　CSS標准　85
6.2.2　傳統HTML的缺點　85
6.2.3　CSS的引入　86
6.2.4　如何編輯CSS　88
6.2.5　瀏覽器與CSS　89
6.3　本章小結　90
第7章　CSS核心基礎　91
7.1　構造CSS規則　91
7.2　基本CSS選擇器　92
7.2.1　標記選擇器　92
7.2.2　類別選擇器　93
7.2.3　ID選擇器　95
7.3　在HTML中使用CSS的方法　96
7.3.1　行內樣式　96
7.3.2　內嵌式　97
7.3.3　鏈接式　98
7.3.4　導入樣式　99
7.3.5　各種方式的優先順序問題　100
7.4　本章小結　102
第8章　手工編寫與藉助工具　103
8.1　從零開始　103
8.2　設置標題　104
8.3　控制圖片　105
8.4　設置正文　106
8.5　設置整體頁面　106
8.6　對段落進行分別設置　107
8.7　完整代碼　108
8.8　CSS的注釋　109
8.9　輔助：使用Dreamweaver創建頁面　109
8.10　輔助：在Dreamweaver中新建CSS規則　110
8.11　輔助：在Dreamweaver中編輯CSS規則　112
8.12　為圖像創建CSS規則　114
8.13　本章小結　116
第9章　CSS的高級特性　117
9.1　復合選擇器　117
9.1.1　「交集」選擇器　117
9.1.2　「並集」選擇器　118
9.1.3　後代選擇器　120
9.2　CSS的繼承特性　122
9.2.1　繼承關系　122
9.2.2　CSS繼承的運用　123
9.3　CSS的層疊特性　125
9.4　本章小結　126
第10章　用CSS設置文本樣式　127
10.1　長度單位　127
10.2　顏色定義　128
10.3　准備頁面　129
10.4　設置文字的字體　129
10.5　設置文字的傾斜效果　130
10.6　設置文字的加粗效果　131
10.7　英文字母大小寫轉換　132
10.8　控制文字的大小　133
10.9　文字的裝飾效果　133
10.10　設置段落首行縮進　134
10.11　設置字詞間距　135
10.12　設置段落內部的文字行高　136
10.13　設置段落之間的距離　136
10.14　控制文本的水平位置　137
10.15　設置文字與背景的顏色　138
10.16　設置段落的垂直對齊方式　138
10.16.1　使用line-height屬性進行設置　138
10.16.2　更通用的解決方案　139
10.17　本章小結　140
第11章　用CSS設置圖像效果　141
11.1　設置圖片邊框　141
11.1.1　基本屬性　141
11.1.2　為不同的邊框分別設置樣式　142
11.2　圖片縮放　144
11.3　圖文混排　145
11.3.1　文字環繞　145
11.3.2　設置圖片與文字的間距　146
11.4　案例——八大行星科普網頁　147
11.5　設置圖片與文字的對齊方式　150
11.5.1　橫向對齊方式　150
11.5.2　縱向對齊方式　151
11.6　本章小結　154
第12章　用CSS設置背景顏色與圖像　155
12.1　設置背景顏色　155
12.2　設置背景圖像　156
12.3　設置背景圖像平鋪　157
12.4　設置背景圖像位置　159
12.5　設置背景圖片位置固定　162
12.6　設置標題的圖像替換　163
12.7　使用滑動門技術的標題　166
12.8　本章小結　168
第3部分　CSS高級篇
第13章　CSS盒子模型　171
13.1　「盒子」與「模型」的概念探究　171
13.2　邊框(border)　172
13.2.1　設置邊框樣式(border-style)　173
13.2.2　屬性值的簡寫形式　174
13.2.3　邊框與背景　176
13.3　設置內邊距(padding)　177
13.4　設置外邊距(margin)　178
13.5　盒子之間的關系　179
13.5.1　HTML與DOM　180
13.5.2　標准文檔流　183
13.5.3　div標記與span標記　184
13.6　盒子在標准流中的定位原則　187
13.6.1　行內元素之間的水平margin　187
13.6.2　塊級元素之間的豎直margin　188
13.6.3　嵌套盒子之間的margin　189
13.6.4　margin屬性可以設置為負值　191
13.7　思考題　192
13.8　本章小結　196
第14章　盒子的浮動與定位　197
14.1　盒子的浮動　197
14.1.1　准備代碼　197
14.1.2　案例1——設置第1個浮動的div　199
14.1.3　案例2——設置第2個浮動的div　199
14.1.4　案例3——設置第3個浮動的div　199
14.1.5　案例4——改變浮動的方向　200
14.1.6　案例5——再次改變浮動的方向　200
14.1.7　案例6——全部向左浮動　201
14.1.8　案例7——使用clear屬性清除浮動的影響　202
14.1.9　案例8——擴展盒子的高度　203
14.2　盒子的定位　204
14.2.1　靜態定位(static)　204
14.2.2　相對定位(relative)　205
14.2.3　絕對定位(absolute)　209
14.2.4　固定定位(fixed)　214
14.3　z-index空間位置　214
14.4　盒子的display屬性　215
14.5　本章小結　216
第15章　用CSS設置表格樣式　217
15.1　控製表格　217
15.1.1　表格中的標記　217
15.1.2　設置表格的邊框　219
15.1.3　確定表格的寬度　222
15.1.4　其他與表格相關的標記　223
15.2　美化表格　224
15.2.1　搭建HTML結構　224
15.2.2　整體設置　225
15.2.3　設置單元格樣式　226
15.2.4　斑馬紋效果　227
15.2.5　設置列樣式　227
15.3　設置滑鼠指針經過時整行變色提示的表格　232
15.3.1　在Firefox和IE 7中實現滑鼠指針經過時整行變色　232
15.3.2　在IE 6中實現滑鼠指針經過時整行變色　233
15.3.3　最終合並代碼　234
15.4　輔助：使用jQuery實現更多效果　236
15.4.1　用jQuery實現斑馬紋效果　237
15.4.2　用jQuery實現「前3行」特殊樣式　239
15.4.3　用jQuery實現漸變背景色表格效果　240
15.4.4　用jQuery實現滑鼠指針經過變色效果　241
15.5　案例——日歷　241
15.5.1　搭建HTML結構　241
15.5.2　設置整體樣式和表頭樣式　244
15.5.3　設置日歷單元格樣式　245
15.6　本章小結　248
第16章　用CSS設置鏈接與導航菜單　249
16.1　豐富的超鏈接特效　250
16.2　創建按鈕式超鏈接　252
16.3　製作熒光燈效果的菜單　253
16.3.1　HTML框架　254
16.3.2　設置容器的CSS樣式　254
16.3.3　設置菜單項的CSS樣式　255
16.4　控制滑鼠指針　257
16.5　設置項目列表樣式　257
16.5.1　列表的符號　258
16.5.2　圖片符號　260
16.6　創建簡單的導航菜單　261
16.6.1　簡單的豎直排列菜單　261
16.6.2　橫豎自由轉換菜單　264
16.7　設置圖片翻轉效果　265
16.8　應用滑動門技術的玻璃效果菜單　266
16.8.1　基本思路　266
16.8.2　設置菜單整體效果　267
16.8.3　使用「滑動門」技術設置玻璃材質背景　268
16.8.4　進一步解決的問題　269
16.9　滑鼠指針經過時給圖片增加邊框　270
16.10　本章小結　272
第17章　用CSS建立表單　273
17.1　表單的用途和原理　273
17.2　表單輸入類型　274
17.2.1　文本輸入框　274
17.2.2　單選按鈕　274
17.2.3　復選按鈕　275
17.2.4　密碼輸入框　275
17.2.5　按鈕　276
17.2.6　多行文本框　277
17.2.7　列表框　277
17.3　CSS與表單　278
17.3.1　表單中的元素　278
17.3.2　像文字一樣的按鈕　281
17.3.3　多彩的下拉菜單　283
17.4　案例——「數獨」游戲網頁　284
17.4.1　搭建基本表格　285
17.4.2　設置表格樣式　286
17.4.3　加入文本輸入框　287
17.4.4　設置文本輸入框的樣式　287
17.5　對齊文本框和旁邊的圖像按鈕　289
17.6　本章小結　290
第18章　網頁樣式綜合案例——靈活的電子相冊　291
18.1　搭建框架　291
18.2　陣列模式　293
18.3　單列模式　298
18.4　改進陣列模式　301
18.5　IE 6兼容　304
18.6　雙向聯動模式　306
18.6.1　在Firefox中實現　306
18.6.2　IE 6兼容　311
18.6.3　改變方向　312
18.7　本章小結　314
第4部分　CSS布局篇
第19章　固定寬度布局剖析與製作　317
19.1　向報紙學習排版思想　317
19.2　CSS排版觀念　319
19.2.1　兩列布局　320
19.2.2　三列布局　320
19.2.3　多列布局　321
19.2.4　布局結構的表達式與結構圖　321
19.3　圓角框　325
19.3.1　准備圖像　325
19.3.2　搭建HTML結構　326
19.3.3　放置背景圖像　328
19.3.4　設置樣式並修復缺口　329
19.4　單列布局　330
19.4.1　放置第一個圓角框　331
19.4.2　設置圓角框的CSS樣式　331
19.4.3　放置其他圓角框　334
19.5　「1-2-1」固定寬度布局　335
19.5.1　准備工作　336
19.5.2　絕對定位法　337
19.5.3　浮動法　339
19.6　「1-3-1」固定寬度布局　341
19.7　「1-((1-2)+1)-1」固定寬度布局　343
19.8　本章小結　344
第20章　變寬度網頁布局剖析與製作　345
20.1　「1-2-1」變寬度網頁布局　345
20.1.1　「1-2-1」等比例變寬布局　345
20.1.2　「1-2-1」單列變寬布局　348
20.2　「1-3-1」寬度適應布局　352
20.2.1　「1-3-1」三列寬度等比例布局　352
20.2.2　「1-3-1」單側列寬度固定的變寬布局　352
20.2.3　「1-3-1」中間列寬度固定的變寬布局　353
20.2.4　進一步的思考　355
20.2.5　「1-3-1」雙側列寬度固定的變寬布局　356
20.2.6　「1-3-1」中列和側列寬度固定的變寬布局　358
20.3　變寬布局方法總結　359
20.4　分列布局背景色問題　360
20.4.1　設置固定寬度布局的列背景色　360
20.4.2　設置特殊寬度變化布局的列背景色　364
20.4.3　設置單列寬度變化布局的列背景色　364
20.5　CSS排版與傳統的表格方式排版的分析　365
20.6　瀏覽器的兼容性問題　368
20.7　CSS布局頁面的調試技巧　368
20.7.1　技巧1：設置背景色或者邊框，確定錯誤范圍　369
20.7.2　技巧2：刪除無關代碼，暴露核心矛盾　369
20.7.3　技巧3：先用Firefox調試，然後使它兼容IE　369
20.7.4　技巧4：善於利用工具，提高調試效率　370
20.7.5　技巧5：善於提問，尋求幫助　370
20.8　本章小結　370
第21章　網頁布局綜合案例——兒童用品網上商店　371
21.1　案例概述　371
21.2　內容分析　372
21.3　HTML結構設計　374
21.4　原型設計　377
21.5　頁面方案設計　380
21.6　布局設計　383
21.6.1　整體樣式設計　383
21.6.2　頁頭部分　384
21.6.3　內容部分　386
21.6.4　頁腳部分　389
21.7　細節設計　389
21.7.1　頁頭部分　389
21.7.2　內容部分　395
21.7.3　左側的主要內容列　395
21.7.4　右邊欄　398
21.8　CSS布局的優點　402
21.9　交互效果設計　403
21.9.1　次導航欄　403
21.9.2　主導航欄　404
21.9.3　賬號區　404
21.9.4　圖像邊框　405
21.9.5　產品分類　407
21.10　遵從Web標準的設計流程　407
21.11　從「網頁」到「網站」　408
21.11.1　歷史回顧　408
21.11.2　不完善的辦法　408
21.11.3　伺服器出場　409
21.11.4　CMS出現　409
21.11.5　具體操作　409
21.12　 本章小結　410
附錄A　網站發布與管理　411
A.1　在Internet上建立自己的Web站點　411
A.1.1　製作網站內容　411
A.1.2　申請域名　411
A.1.3　信息發布　411
A.2　租用虛擬主機空間　412
A.2.1　了解基本的技術名詞　412
A.2.2　選擇和租用虛擬主機　413
A.3　向伺服器上傳網站內容　414
A.3.1　使用Dreamweaver上傳文件　414
A.3.2　使用IE瀏覽器上傳文件　415
A.3.3　使用專業FTP工具上傳文件　416
A.4　網站管理　418
A.4.1　修改密碼　418
A.4.2　集團郵箱管理　419
A.4.3　注意事項　420
附錄B　CSS英文小字典　421

2、網頁設計需要學習什麼？

1、html語言。首先必須要學這個，html語言又稱為「超文本標記語言」，任何網頁的顯示都要靠html語言來表達，也是構成網頁文檔的主要語言。

2、伺服器架設。要製作網頁就需要架設伺服器來調試你做出來的網頁，有iis等很多種，可以在網上搜索得到。

3、css語言。css又作層疊樣式表，css大部分是自動生成的，很難理解，需要學習基本的css知識，是步入高手的必經之路。

css控制著網頁圖片、表格、文字等等內容在我們面前的顯示樣式，比如顏色，邊框，大小等。css能夠根據不同使用者的理解能力，簡化或者優化寫法，針對各類人群，有較強的易讀性。

4、div+css布局。這個東西是走向專業製作的必經之路，網頁元素靠它來搭建基本框架，像百度空間，QQ空間的皮膚等就是利用這個來做的。

5、資料庫。走向動態網頁的基礎，比如百度知道的提問回答這些，都涉及資料庫的讀、寫、改、刪。常見的資料庫有mysql、mssql、access等。

資料庫是所有軟體的基礎，80%以上的應用程序都涉及資料庫，而作為網頁製作來說沒有必要學得很深，夠用就行。

6、動態語言，asp，php，jsp，.net(c#等）。要操作資料庫，交互就需要動態語言，現在好多動態語言像php都有「框架」，用框架建站好比用活動板房的零件建房子，全部自己寫好比一塊一塊磚砌房子。

7、javascript腳本。JavaScript是一種屬於網路的腳本語言，通常是通過嵌入到HTML網頁中給網頁帶來各式各樣的動態效果。

網頁裡面的驗證碼，彈窗，特效等就靠它了，一個沒有javascript的頁面基本沒有，這個也有好多的框架可用，這個語言是最難的，也是最強大的，網頁木馬，病毒大多用這個語言。

8、平面涉及軟體。flash，photoshop等，頁面美化還要靠圖片等東西。

9、學習一種動態網頁技術

ASP是微軟公司開發的代替CGI腳本程序的一種應用，也是微軟公司的第一個伺服器側的腳本引擎，能夠動態產生Web頁面。ASP可以與Web資料庫以及其它程序進行交互，是一種簡單、方便的編程工具。

(2)精通html5網頁設計擴展資料：

設計事項

一、注意超鏈接顏色與單純敘述文字的顏色呈現

WWW的語言—HTML允許Webpage設計者特別標明單純敘述文字與超鏈接的顏色，以便豐富Webpage的色彩呈現。

如果您的網站充滿知識性的信息，欲傳達給訪問者，建議您將網頁內的文字與超鏈接顏色，設計成較干凈素雅的色調，會較有利於閱讀。

純粹的敘述文字採用較暗、較深的顏色來呈現，超鏈接文字則以較鮮明搶眼的色彩來強調，至於探訪過的超鏈接則採用較低於原超鏈接亮度的顏色做呈現。

二、測試所有的超鏈接與導覽按鈕的真實可行性

Webpage上線之後，第一件該做的事，是逐一測試每一頁的每一個超鏈接與每一個導覽按鈕的真實可行性。徹底檢驗有沒有失敗的link無法鏈接到該鏈接的Webpage，卻反而冒出「FileNotFound」的錯誤訊號出來。

三、讓超鏈接的字串長短適中且走文自然

抓住能傳達主要訊息的字眼當做超鏈接的錨點(anchor)，可有效地控制住超鏈接的字串長度，避免字串過長(如∶整行、整句都是錨點字串)或過短(如∶僅一個字當做錨點)，而不利於讀者的閱讀或點取。

四、當導覽按鈕鏈接到當前頁時

各Webpage若重復使用同一組的導覽按鈕，無可避免地會產生某一導覽按鈕鏈接到當前頁的情形。

為達成界面設計的一致性，並沒有絕對的必要性拿掉此導覽按鈕，但Webpage設計者可讓此按鈕不再具有超鏈接的功能;或將此按鈕的彩度、亮度降低，使讀者可清楚地意識到∶這個暗設下來的導覽按鈕不再具有超鏈接的功能。

3、針對網頁的開發需要學習html5嗎

網站開發、網頁設計一般有這三種主要的工種：美工ui、前端、後端。
你說的針對網頁的開發應該說的前端吧。
前端必須要會的技能：HTML（HTML5）、css、js、等；其他比如框架、美工方面的切圖等等會一點更好，後端也會一點更佳。

美工的話主要工作是設計網站、美化頁面、切圖、UI等，需要會ps等相關軟體。懂一點前端和後端更佳。
後端需要會網站開發語言比如PHP、ASP、Java等等，這些語言必須有一樣精通，同時資料庫也必須精通。
所以，如果你要在前端里發展的話，HTML5是必須要學的。如果你是打算做美工或後端，不學也可以，但是厲害的都是要懂一點的。

4、精通HTML5+CSS3+JavaScript網頁設計怎麼樣

HTML5、CSS3和JavaScript技術是網頁設計的精髓，《精通HTML5+CSS3+JavaScript網頁設計》以應用實例和綜合實戰案例的形回式逐一詳解了答HTML5網頁設計的文檔結構、文本、圖像、用HTIdL5創建超鏈接、表格、使用表單；用CSS3設置表格和表單的樣式、美化圖片、背景和邊框；講述JavaScript內置對象、對象編程、JavaScript操縱CSS3、HTML5+CSS3和JavaScript的搭配應用等網頁設計的方法和技巧。
通過對《精通HTML5+CSS3+JavaScript網頁設計》實例和綜合案例的學習與演練，讀者可以盡快掌握所學的知識，提高網頁設計的實戰能力；同時《精通HTML5+CSS3+JavaScript網頁設計》在網上提供了實例源代碼，可供讀者直接查看和調用，以便快速上手或進行二次開發。

5、精通HTML5 + CSS3+JavaScript網頁設計的內容簡介

<

6、精通html5 + css3+javascript網頁設計初學者能不能看

HTML5、CSS3和JavaScript技術是網頁設計的精髓，《精通HTML5+CSS3+JavaScript網頁設計》以應用實例和綜合實戰案例的形式逐一詳解了HTML5網頁設計的文檔結構、文本、圖像、用HTIdL5創建超鏈接、表格、使用表單；用CSS3設置表格和表單的樣式、美化圖片、背景和邊框；講述JavaScript內置對象、對象編程、JavaScript操縱CSS3、HTML5+CSS3和JavaScript的搭配應用等網頁設計的方法和技巧。
通過對《精通HTML5+CSS3+JavaScript網頁設計》實例和綜合案例的學習與演練，讀者可以盡快掌握所學的知識，提高網頁設計的實戰能力；同時《精通HTML5+CSS3+JavaScript網頁設計》在網上提供了實例源代碼，可供讀者直接查看和調用，以便快速上手或進行二次開發。

7、HTML5開發從入門到精通要掌握哪些

HTML與CSS - PC端網頁布局

HTML5與CSS3 - 移動端網頁布局

JavaScript原生腳本語言

jQuery - 快速開發JavaScript

AJAX - 前後台數據交互

HTML5的學習，建議按照如上順序進行學習，可以藉助《HTML5布局之路》《Head First JavaScript程序設計》等比較不錯的書籍學習

8、學網頁設計需要學習哪些代碼？

學習目錄：html >> css >> js >> html5 >> css3

學js的時候建議視頻和書配套，視頻主入門，書主細節、深入；

至於html和css可以看看視頻學習，初期學習不一定要求那麼高，要精通，有大概的映像就行，在後面學慣用的機會很多，在使用中自然就熟悉了，當然代碼是一定要多寫的;

大成期：就是看你的個人發展了，如果是走後端，Java、php這些都是可以選擇的。

9、HTML5+CSS3從入門到精通的本書特色

系統的基礎知識 本書系統地講解了HTML5+CSS3技術在網頁設計中各種應用的知識，從為什麼要用HTML5開始講解，循序漸進，配合大量實例幫助讀者奠定堅實的理論基礎，做到知其所以然。 大量的案例實戰 本書設置大量應用實例，重點強調具體技術的靈活應用，並且全書結合了作者長期的網頁設計製作和教學經驗，使讀者真正做到學以致用。 深入解剖HTML5+CSS3應用開發和布局 本書用相當多的篇幅重點介紹了用HTML5+CSS3進行應用開發和布局的方法和技巧，配合經典的布局案例，幫助讀者掌握HTML5+CSS3最核心的應用技術。 精選綜合實例 本書每章都會精選多個常見Web開發和設計的綜合實例，幫助讀者總結前面所學知識，綜合應用各種技術、方法和技巧，提高讀者綜合應用的能力。

10、熟悉html及css樣式表 熟練作用div+css實現網路布局 是什麼意思

簡單來說，HTML就是網頁上的內容（文字、圖片都算），css則是給這些內容排版修飾。
div+css實現頁面布局就是 用div+css實現把設計圖轉換靜態網頁。這個是做前端的最基本要求...

建議先從HTML的標簽開始學起，初學者推薦使用HBuilder

推薦書：《HTML5與css3權威指南》

《精通HTML5+CSS3+JavaScript網頁設計》