發表於2024-11-26
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
響應式Web開發項目教程(HTML5+CSS3+Bootstrap) 下載 mobi pdf epub txt 電子書 格式 2024
響應式Web開發項目教程(HTML5+CSS3+Bootstrap) 下載 mobi epub pdf 電子書內容很好
評分誰買誰被騙
評分非常喜歡,一直都在支持,實在是太贊瞭,大傢也來圍觀一下
評分還不錯哈~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
評分挺好的書,內容很通俗易懂,比那些教條的好多瞭
評分誰買誰被騙
評分特彆好用,一些例子太貼閤瞭。
評分還沒看,應該挺不錯黑馬的書。
評分哈哈哈'這本書不錯適閤新手,嗯
響應式Web開發項目教程(HTML5+CSS3+Bootstrap) mobi epub pdf txt 電子書 格式下載 2024