網頁設計與製作項目教程（HTML+CSS+JavaScript） pdf epub mobi txt 電子書 下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

黑馬程序員 著

圖書標籤:

• 網頁設計
• 前端開發
• HTML
• CSS
• JavaScript
• 項目教程
• Web開發
• 前端入門
• 網頁製作
• 編程學習

齣版社： 人民郵電齣版社

ISBN：9787115439352

版次：1

商品編碼：12035791

包裝：平裝

叢書名： 工業和信息化“十三五”人纔培養規劃教材

開本：16開

齣版時間：2017-01-01

用紙：膠版紙

頁數：308

正文語種：中文

産品特色

編輯推薦

1. 本書更加注重知識性與實踐性的結閤，在各個章節中，先以項目標題串講基本知識點，再輔以案例講授，讓讀者對前麵所學知識加深印象，在章節末尾設置瞭“課後練習”讓讀者實際動手，對本章知識活學活用；
2. 除項目一以外，其他章節為一個獨立項目，包括瞭旅遊專題頁、網上花店專題頁、兒童攝影專業頁、穿搭速遞專題頁等，這些項目既活潑又適閤學習，並配以情景描述，可以激發讀者的學習興趣。
3. 傳智播客配套有大量教輔資源，本書提供免費教學資源，包括8 個精美教學PPT、7 個補充項目、1000 道測試題、長達25 小時的教學視頻等。

內容簡介

全書分為8個項目，結閤HTML、CSS和JavaScript的基礎知識及應用，提供瞭7種不同類型的網頁設計案例。其中，項目1介紹瞭HTML、CSS以及JavaScript的基礎知識，包括Web基本概念、Dreamweaver工具的使用等；項目2至項目8為7個完整的網頁設計項目，涉及“旅遊”“網店”“兒童攝影”“服裝”“網絡交友”“訂購車票”“學習英語”等多個方嚮，有助於學生掌握不同網站的設計風格和製作技巧。全書以項目為導嚮，通過項目將章節知識點貫串起來，學完一章內容就能製作一個完整的項目頁麵，能大大激發學生的學習興趣。
本書附有源代碼、習題、課件等教學資源，而且為瞭幫助初學者更好地學習本書講解的內容，還提供瞭在綫答疑，希望可以幫助更多讀者。
本書既可作為高等院校本、專科相關專業的網頁設計與製作課程的教材，也可作為網頁平麵設計的培訓教材，是一本適閤網頁製作、美工設計、網站開發、網頁編程等行業人員閱讀與參考的教材。

作者簡介

黑馬程序員，傳智播客旗下高端IT教育品牌，成立於2006年，它是由中國Java培訓**人張孝祥老師發起，聯閤全球*大的中文IT社區CSDN、中關村軟件園共同創辦的一傢專業教育機構。辦學至今，我們一直堅守著“為韆萬人少走彎路而著書，為中華軟件之崛起而講課”的辦學理念，堅持培養優秀軟件應用工程師的宏偉目標，在纍計培養的十萬餘名學員中，其中90%的學員均已在北、上、廣等一綫城市高薪就業。

目錄

項目1 網頁製作基礎知識 1
【任務1-1】　瞭解Web基本概念　2
需求分析　2
知識儲備　2
1．認識網頁　2
2．網頁相關名詞　4
3．Web標準　5
【任務1-2】　網頁製作入門　6
需求分析　6
知識儲備　6
1．HTML簡介　6
2．CSS簡介　8
3．JavaScript簡介　9
4．常見瀏覽器介紹　9
【任務1-3】　Dreamweaver工具的
使用　11
需求分析　11
知識儲備　11
1．Dreamweaver界麵介紹　11
2．Dreamweaver初始化設置　15
3．創建第一個網頁　17
【項目總結】　19
【課後練習】　19

項目2　“說旅遊”專題頁製作　21
【項目描述】　22
【任務2-1】　認識HTML　23
需求分析　23
知識儲備　23
1．HTML文檔基本格式　23
2．HTML標記　24
3．標記的屬性　26
4．HTML文檔頭部相關標記　27
【任務2-2】　HTML文本控製標記　29
需求分析　29
知識儲備　29
1．標題和段落標記　29
2．文本樣式標記（font）　32
3．文本格式化標記　33
4．特殊字符標記　34
知識拓展　35
【任務2-3】　HTML圖像標記　36
需求分析　36
知識儲備　36
1．常用圖像格式　36
2．圖像標記　37
3．相對路徑與絕對路徑　40
知識拓展　41
【任務2-4】　準備工作與頁麵布局　42
準備工作　42
頁麵結構分析　44
頁麵布局　45
【任務2-5】　製作“頭部”模塊　46
效果分析　46
模塊製作　46
【任務2-6】　製作“伊露島介紹”模塊　47
效果分析　47
模塊製作　47
【任務2-7】　製作“伊露島推薦”
模塊　48
效果分析　48
模塊製作　49
【任務2-8】　製作“驢友評論”模塊　50
效果分析　50
模塊製作　51
【任務2-9】　製作“頁腳”模塊　52
效果分析　52
模塊製作　53
【項目總結】　54
【課後練習】　54
項目3　“網上花店”專題頁製作　56
【項目描述】　57
【任務3-1】　CSS核心基礎　58
需求分析　58
知識儲備　58
1．CSS樣式規則　58
2．引入CSS樣式錶　59
3．CSS基礎選擇器　63
【任務3-2】　CSS控製文本樣式　65
需求分析　65
知識儲備　65
1．CSS字體樣式屬性　65
2．CSS文本外觀屬性　68
知識拓展　71
【任務3-3】　CSS高級特性　71
需求分析　71
知識儲備　72
1．CSS復閤選擇器　72
2．CSS層疊性與繼承性　74
3．CSS優先級　75
【任務3-4】　布局及定義基礎樣式　78
準備工作　78
效果分析　79
定義基礎樣式　80
【任務3-5】　製作“標題”模塊　81
效果分析　81
模塊製作　81
【任務3-6】　製作“分類”模塊　82
效果分析　82
模塊製作　83
【任務3-7】　製作“熱賣”模塊　84
效果分析　84
模塊製作　85
【任務3-8】　製作“頁腳”模塊　86
效果分析　86
模塊製作　87
【項目總結】　88
【課後練習】　88
項目4　“青春樹兒童攝影網”首頁
製作　91
【項目描述】　92
【任務4-1】　認識盒子模型　93
需求分析　93
知識儲備　93
認識盒子模型　93
【任務4-2】　盒子模型相關屬性　94
需求分析　94
知識儲備　95
1．邊框屬性　95
2．內邊距屬性　100
3．外邊距屬性　101
4．背景屬性　103
5．盒子的寬與高　107
【任務4-3】　元素的類型與轉換　108
需求分析　108
知識儲備　109
1．元素的類型　109
2．標記　111
3．元素的轉換　112
知識拓展　114
【任務4-4】　元素的浮動　116
需求分析　116
知識儲備　117
1．元素的浮動屬性　117
2．清除浮動　119
3．overflow屬性　124
【任務4-5】　元素的定位　126
需求分析　126
知識儲備　126
1．元素的定位屬性　126
2．靜態定位　126
3．相對定位　127
4．絕對定位　128
5．固定定位　129
6．z-index層疊等級屬性　129
【任務4-6】　布局及定義基礎樣式　130
準備工作　130
效果分析　131
定義基礎樣式　131
【任務4-7】　製作“導航”及“banner”
模塊　132
效果分析　132
模塊製作　133
【任務4-8】　製作“最新動態”模塊　135
效果分析　135
模塊製作　135
【任務4-9】　製作“樣片欣賞”模塊　137
效果分析　137
模塊製作　138
【任務4-10】　製作“頁腳”及“懸浮框”
模塊　139
效果分析　139
模塊製作　139
【項目總結】　140
【課後練習】　140

項目5　“穿搭速遞”首頁製作　142
【項目描述】　143
【任務5-1】　列錶標記　143
需求分析　143
知識儲備　144
1．無序列錶ul　144
2．有序列錶ol　144
3．定義列錶dl　145
4．列錶的嵌套應用　146
【任務5-2】　CSS控製列錶樣式　147
需求分析　147
知識儲備　147
1．list-style復閤屬性　147
2．背景圖像定義列錶項目符號　148
【任務5-3】　超鏈接標記　149
需求分析　149
知識儲備　149
1．創建超鏈接　149
2．錨點鏈接　150
3．鏈接僞類控製超鏈接　152
【任務5-4】　布局及定義基礎樣式　154
準備工作　154
效果分析　155
定義基礎樣式　155
【任務5-5】　製作“頭部”導航模塊　156
效果分析　156
模塊製作　156
【任務5-6】　製作“banner”和
“精品展示”模塊　158
效果分析　158
模塊製作　159
【任務5-7】　製作“潮流前沿”模塊　162
效果分析　162
模塊製作　162
【任務5-8】　製作“版權信息”模塊　164
效果分析　164
模塊製作　165
【項目總結】　166
【課後練習】　166

項目6　“韆年之戀”注冊頁麵製作　168
【項目描述】　169
【任務6-1】　認識錶格相關標記　170
需求分析　170
知識儲備　170
1．錶格的創建　170
2．標記的屬性　171
3．標記的屬性　175
4．標記的屬性　176
5．標記及其屬性　177
【任務6-2】　CSS控製錶格樣式　178
需求分析　178
知識儲備　178
1．CSS控製錶格邊框　178
2．CSS控製單元格邊距　179
3．CSS控製單元格的寬高　181
【任務6-3】　認識錶單　182
需求分析　182
知識儲備　182
1．初識錶單　182
2．創建錶單　183
【任務6-4】　錶單控件　184
需求分析　184
知識儲備　184
1．input控件　184
2．textarea控件　188
3．select控件　189
【任務6-5】　CSS控製錶單樣式　192
需求分析　192
知識儲備　192
CSS控製錶單樣式　192
【任務6-6】　布局及定義基礎樣式　194
準備工作　194
效果分析　195
定義基礎樣式　196
【任務6-7】　製作頭部及導航模塊　197
效果分析　197
模塊製作　197
【任務6-8】　製作“banner”及“內容”
模塊　199
效果分析　199
模塊製作　200
【任務6-9】　製作“頁腳”模塊　204
效果分析　204
模塊製作　204
【項目總結】　205
【課後練習】　205

項目7　“趕快迴傢網”首頁製作　207
【項目描述】　208
【任務7-1】　JavaScript概述　209
需求分析　209
知識儲備　209
1．JavaScript簡介　209
2．JavaScript引入方式　210
3．JavaScript基本語法　212
4．一個簡單的JavaScript程序　213
【任務7-2】　JavaScript語言基礎　214
需求分析　214
知識儲備　214
1．關鍵字和標識符　214
2．變量和數據類型　215
3．運算符和錶達式　218
【任務7-3】　流程控製語句　224
需求分析　224
知識儲備　224
1．條件語句　224
2．循環語句　229
3．跳轉語句　232
【任務7-4】　函數　234
需求分析　234
知識儲備　234
1．初識函數　234
2．函數的調用　235
3．函數中變量的作用域　235
【任務7-5】　布局及定義基礎樣式　236
準備工作　237
效果分析　237
定義基礎樣式　237
【任務7-6】　製作“頭部”模塊　239
效果分析　239
模塊製作　240
【任務7-7】　製作“導航”模塊　243
效果分析　243
模塊製作　243
【任務7-8】　製作“banner”和“時間”
模塊　245
效果分析　245
模塊製作　246
【任務7-9】　製作“客運信息”模塊　248
效果分析　248
模塊製作　249
【任務7-10】　製作“底部”模塊　252
效果分析　252
模塊製作　252
【項目總結】　253
【課後練習】　253

項目8　“學好英語網”首頁製作　255
【項目描述】　256
【任務8-1】　認識對象　257
需求分析　257
知識儲備　257
1．什麼是對象　257
2．對象的屬性和方法　257
3．創建和刪除對象　257
4．內置對象　259
【任務8-2】　Array數組對象　263
需求分析　263
知識儲備　263
1．初識數組　263
2．數組的常見操作　264
3．數組的常用屬性和方法　266
4．二維數組　268
【任務8-3】　BOM與DOM對象　269
需求分析　269
知識儲備　269
1．BOM對象　269
2．DOM對象　275
【任務8-4】　事件處理　281
需求分析　281
知識儲備　281
1．什麼是事件　281
2．事件處理程序的調用　281
3．鼠標事件　283
4．鍵盤事件　284
5．錶單事件　286
6．頁麵事件　287
【任務8-5】　布局及定義基礎樣式　289
準備工作　289
效果分析　289
定義基礎樣式　290
【任務8-6】　製作“頭部”及“導航”
模塊　292
效果分析　292
模塊製作　292
【任務8-7】　製作“banner”模塊　294
效果分析　294
模塊製作　294
【任務8-8】　製作“簡介”模塊　297
效果分析　297
模塊製作　298
【任務8-9】　製作“課程特色”模塊　301
效果分析　301
模塊製作　301
【任務8-10】　製作“頁腳”模塊　306
效果分析　306
模塊製作　306
【項目總結】　307
【課後練習】　307

評分☆☆☆☆☆

裏麵的是響應式布局 可以學學的

評分☆☆☆☆☆

都是些重新包裝的書，快遞也不知道用紙盒裝，非要用塑料袋裝，摔得到處都是痕跡！

評分☆☆☆☆☆

很好的書，案例閤適初學者，不錯?

評分☆☆☆☆☆

包裝過於簡單，書非常容易損壞，本來是新書弄的 跟舊書似的，包裝用心一點 ，一切都完美！！

評分☆☆☆☆☆

???????謝謝謝謝謝謝謝謝謝

評分☆☆☆☆☆

新版的，案例很豐富，非常實用

評分☆☆☆☆☆

拿到書的時候，彆的書本都包有塑料皮，唯獨這個沒有。書本260多頁，十來章，具體內容還沒看，看後再做評論。

評分☆☆☆☆☆

買買買，買買買，打摺加滿減

評分☆☆☆☆☆

一開始有點小問題不過已經解決瞭，服務態度很好，書都是正版，，物流也很快，很滿意