産品特色

編輯推薦

1. 本書采用純項目式教學，通過18個項目，帶領讀者實際動手操作，打破以往的知識結構，以完成項目為目標，讓讀者學習後留下的是項目經驗而非孤零零的知識點；
2. 本書與市場上銷售的其他前端教材*大的區彆在於，本書引入瞭一個重要概念——響應式Web設計（也叫響應式布局或響應式頁麵）。響應式Web設計是隨著移動互聯網的發展孕育而生的重要技術，其核心思想是製作一個網站可供多種不同終端同時使用；
3. Bootstrap開發工具的引入。Bootstrap是一種簡潔、直觀、強悍的Web前端開發框架，它包含瞭HTML、CSS、Javascript以及jQuery的，各種元素、組件和插件，主要用於開發響應式布局頁麵和移動設備優先的Web項目。
4. 本書提供免費教學資源，包括8 個精美教學PPT、13 個教材補充項目、1000 道測試題、長達40 小時的教學視頻等。

內容簡介

內容提要

Web前端開發在近年來迅速崛起，本書從Web開發實際應用的角度，以項目式的教學方式講解HTML5、CSS3、響應式設計等新技術。本書共分為8個單元，把Web開發項目按文本、圖文、錶單、畫布、音頻視頻、響應式進行分類教學。最後通過Bootstrap工具開發來整閤HTML5、CSS3和響應式開發的知識，進行快捷開發。本書優選瞭18個項目，從【項目描述】→【前導知識】→【項目分析】→【代碼實現】→【項目總結】幾個方麵進行瞭全方麵的講解，讓讀者可以真正做到既學到知識又熟練應用。
本書配套教學PPT、題庫、教學視頻、源代碼、教學案例、教學設計等資源。
本書既可作為高等院校本、專科相關專業的網頁設計與製作課程的教材，也可作為網頁平麵設計的培訓教材，是一本適閤網頁製作、網站開發、網頁編程等行業人員閱讀與參考的讀物。

作者簡介

黑馬程序員，傳智播客旗下高端IT教育品牌，成立於2006年，它是由中國Java培訓**人張孝祥老師發起，聯閤全球*大的中文IT社區CSDN、中關村軟件園共同創辦的一傢專業教育機構。辦學至今，我們一直堅守著“為韆萬人少走彎路而著書，為中華軟件之崛起而講課”的辦學理念。

目錄

單元1 響應式和HTML5+CSS3初體驗 1
【教學導航】　2
響應式Web設計簡介　2
【項目1-1】使用HTML5+CSS3
繪製HTML5的logo　4
【項目描述】　4
【前導知識】　4
HTML5的新特性　4
HTML5的基本語法　5
CSS3的新特性　6
如何在HTML中引入樣式錶　6
CSS3與瀏覽器　7
【項目分析】　7
【代碼實現】　7
【項目總結】　12
【項目1-2】構建移動版旅遊網站
頁麵　13
【項目描述】　13
【前導知識】　14
HTML5語義化結構標簽　14
CSS選擇器　15
盒子模型　17
CSS的浮動與定位　18
【項目分析】　21
【代碼實現】　22
【項目總結】　28

單元2　文本類網頁設計　29
【教學導航】　30
【項目2-1】電子雜誌頁麵　30
【項目描述】　30
【前導知識】　31
HTML5中常用的文本標簽　31
CSS的字體樣式屬性　31
多列布局　33
【項目分析】　34
【代碼實現】　35
【項目總結】　37
【項目2-2】軟文推廣頁麵　38
【項目描述】　38
【前導知識】　38
CSS的文本外觀屬性　38
CSS的層疊性、繼承性和重要性　40
CSS的優先級　41
Web字體圖標-font-awesome的應用　42
【項目分析】　44
【代碼實現】　45
【項目總結】　49
【項目2-3】手機郵箱導航頁麵　49
【項目描述】　49
【前導知識】　49
CSS鏈接屬性　49
CSS導航欄　50
【項目分析】　50
【代碼實現】　51
【項目總結】　55

單元3　圖文展示網頁設計　56
【教學導航】　57
【項目3-1】黑馬書城　57
【項目描述】　57
【前導知識】　58
HTML5常用圖像標簽　58
CSS背景設置　59
CSS陰影和漸變　59
【項目分析】　63
【代碼實現】　64
【項目總結】　68
【項目3-2】多肉植物商城　68
【項目描述】　68
【前導知識】　68
CSS3的圓角邊框　68
CSS3的過渡（CSS3　transition）　70
CSS3變形（CSS3　transform）　72
【項目分析】　76
【代碼實現】　78
【項目總結】　83
【項目3-3】搖晃的桃子　83
【項目描述】　83
【前導知識】　83
CSS3動畫（CSS3　animations）　83
CSS精靈技術（CSS　Sprites）　85
【項目分析】　87
【代碼實現】　88
【項目總結】　91

單元4　HTML5錶單的應用　93
【教學導航】　94
【項目4-1】移動版登錄頁麵　94
【項目描述】　94
【前導知識】　95
介紹錶單　95
HTML5　標簽　96
【項目分析】　99
【代碼實現】　100
【項目總結】　102
【項目4-2】用戶注冊頁麵　103
【項目描述】　103
【前導知識】　104
其他錶單標簽　104
HTML5錶單驗證　108
【項目分析】　109
【代碼實現】　110
【項目總結】　114

單元5　HTML5畫布　115
【教學導航】　116
【項目5-1】網頁塗鴉闆　116
【項目描述】　116
【前導知識】　116
JavaScript的那些事　116
初識canvas　123
【項目分析】　125
【代碼實現】　126
【項目總結】　127
【項目5-2】發紅包纔能看的
照片　128
【項目描述】　128
【前導知識】　129
canvas繪製矩形和清除矩形　129
canvas繪製圓形　130
canvas　繪製圖片　131
canvas中的其他方法　132
【項目分析】　133
【代碼實現】　134
【項目總結】　137

單元6　音頻與視頻　138
【教學導航】　139
【項目6-1】視頻播放器　139
【項目描述】　139
【前導知識】　139

標簽的使用　139
HTML　DOM Video對象　143
JavaScript運算符和if條件語句　145
【項目分析】　147
【代碼實現】　149
【項目總結】　150
【項目6-2】HTML5　Web
鋼琴　151
【項目描述】　151
【前導知識】　151
標簽的使用　151
HTML　DOM Audio對象　153
JavaScript循環語句　155
【項目分析】　156
【代碼實現】　157
【項目總結】　160
【項目6-3】音樂播放器　160
【項目描述】　160
【項目分析】　161
【代碼實現】　162
【項目總結】　168

單元7　響應式Web設計　169
【教學導航】　170
【項目7-1】第一個響應式
網站　170
【項目描述】　170
【前導知識】　171
關於視口　171
媒體查詢　172
百分比布局　175
【項目分析】　176
【代碼實現】　177
【項目總結】　187
【項目7-2】社交網站個人信息
頁麵　187
【項目描述】　187
【前導知識】　188
響應式柵格係統　188
彈性盒布局　190
【項目分析】　196
【代碼實現】　197
【項目總結】　205

單元8　響應式設計神器—
Bootstrap　206
【教學導航】　207
【項目8】Bootstrap餐飲類網站
首頁　207
【項目描述】　207
【任務1-完成網頁header部分】　208
【任務2-完成網頁搜索模塊】　219
【任務3-完成熱賣商品模塊】　229
【任務4-完成特色推薦模塊】　235
【任務5-完成輪播廣告模塊】　243
【任務6-整閤所有模塊，完成footer
部分】　250
附錄1　HTML5新增標簽和廢除
標簽　264
附錄2　CSS3新增屬性　267
附錄3　CSS3中需要加瀏覽器
私有前綴的屬性　281

可以，是正品，而且物流還很快

僅適閤入門，寫的太淺瞭，都是基礎性的東西

給朋友買的 快遞很喜歡 很快 但是書的價格偏貴

內容一樣，但是封麵不一樣，不是最新版，

黑馬程序員的書，質量不錯。我買瞭好好看。

剛看瞭一點點寫得還可以

沒有光盤，沒有配套的視頻

入門書籍，感覺一般，適閤初入這行的人

推薦新手使用這本書，比第一行代碼好多瞭。會一點點java就可以瞭。第一行代碼的作者寫書太流水綫瞭