基本信息

書名：網頁設計與製作項目教程(HTML+CSS+)

定價：45.00元

作者：黑馬程序員

齣版社：人民郵電齣版社

齣版日期：2017-01-01

ISBN：9787115439352

字數：

頁碼：

版次：1

裝幀：平裝-膠訂

開本：16開

商品重量：0.4kg

編輯推薦

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

內容提要

全書分為8個項目，結閤HTML、CSS和的基礎知識及應用，提供瞭7種不同類型的網頁設計案例。其中，項目1介紹瞭HTML、CSS以及的基礎知識，包括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．簡介　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．
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．

作者介紹

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

文摘

序言