《網頁設計與製作項目教程（HTML+CSS+JavaScript）》是2017年1月人民郵電出版社出版的圖書，作者是黑馬程式設計師。
基本介紹
- 書名：網頁設計與製作項目教程（HTML+CSS+JavaScript）
- 作者：黑馬程式設計師
- 出版社：人民郵電出版社
- 出版時間：2017年1月
- 頁數：308 頁
- 定價：45 元
- 開本：16 開
- 裝幀：平裝
- ISBN：9787115439352
內容簡介,圖書目錄,作者簡介,所獲榮譽,
內容簡介
全書分為8個項目，結合HTML、CSS和JavaScript的基遷精拘礎知識及套用，提供了7種不同類型的網頁設計案例。其中，項目1介紹了HTML、CSS以及JavaScript的基礎知識，包括Web基本概念、Dreamweaver工具的使用等；項目2至項目8為7個完整的網頁設計項目，涉及“旅遊”“網店”“兒童攝影”“服裝”“網路交友”“訂購車票”“學習英語”等多個方向，有助於學生掌握不同網站的設計風格和製作應腳戀技巧。全書以項目為導向，通過項目將章節知識點貫串起來，學完一章內容就能製作一個完整的項目頁面，能大大激發學生的學習興趣。
本書附有原始碼、習題、課件等教學資源，而且為了幫助初學者更好地學習本書講解的內容，還提供了奔定墓線上答疑，希望可以幫助更多讀者。
本書既可作為高等院校本、專科相關專業的網頁設計與製作課程的教材，也可作為網頁平面設計的培訓教材，是一本適合網頁製作、美工設計、網站開發、網頁編程等行業人員閱讀與參考的教材。
圖書目錄
項目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】 製作“頭部”導航模
作者簡介
黑馬程式，園共同創辦的一家專業教育機構。辦學至今，我們一直堅守著“為千萬人少走彎路而著書，為中華軟體之崛起而講課”的辦學理念，堅持培養優秀軟體套用工程師的宏偉目標，在累計培養的十萬餘名學員中，其中90%的學員均已在北、上、廣等一線城市高薪就業。
所獲榮譽
2020年12月，入選“十三五”職業教育國家規劃教材書目名單。
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】 製作“頭部”導航模
作者簡介
黑馬程式，園共同創辦的一家專業教育機構。辦學至今，我們一直堅守著“為千萬人少走彎路而著書，為中華軟體之崛起而講課”的辦學理念，堅持培養優秀軟體套用工程師的宏偉目標，在累計培養的十萬餘名學員中，其中90%的學員均已在北、上、廣等一線城市高薪就業。
所獲榮譽
2020年12月，入選“十三五”職業教育國家規劃教材書目名單。
