Web前端技術(shù)項(xiàng)目實(shí)戰(zhàn)教程
定 價:39.8 元
叢書名:普通高等教育計(jì)算機(jī)類系列教材
- 作者:臧輝 伍紅華 張志剛
- 出版時間:2020/9/1
- ISBN:9787111662617
- 出 版 社:機(jī)械工業(yè)出版社
- 中圖法分類:TP393.092.2
- 頁碼:240
- 紙張:
- 版次:
- 開本:16開
本書站在初學(xué)者的角度,以常用、實(shí)用、易懂為原則講述Web知識,通過情境置入、案例分析,詳細(xì)介紹了HTML、CSS及響應(yīng)式布局等方面的知識和技巧。全書以項(xiàng)目為導(dǎo)向,通過8個項(xiàng)目將知識點(diǎn)串聯(lián)起來,每個項(xiàng)目均會安排制作一個完整的網(wǎng)頁頁面,這樣學(xué)生能快速上手,增強(qiáng)學(xué)習(xí)效果。8個項(xiàng)目分別為走進(jìn)Web的世界、“個人簡介”專題頁制作、“旅游網(wǎng)”專題頁制作、“寵物相冊”專題頁制作、“潮流前線”專題頁制作、“商貿(mào)網(wǎng)信息注冊”專題頁制作、“大學(xué)生服務(wù)中心”專題頁制作、“菜鳥充電站”響應(yīng)式頁面設(shè)計(jì)。
本書配有以下資源:書中所有案例的素材、效果文件、源代碼、習(xí)題、課件等,以利于教師授課,學(xué)生練習(xí)。
本書既可作為普通高等院校相關(guān)專業(yè)的網(wǎng)頁設(shè)計(jì)與制作課程的教材,也可作為網(wǎng)頁平面設(shè)計(jì)的培訓(xùn)教材,還可作為網(wǎng)頁制作、美工設(shè)計(jì)、網(wǎng)站開發(fā)、網(wǎng)頁編程等行業(yè)人員的參考用書。
本書配有免費(fèi)電子課件,歡迎選用本書作教材的教師登錄www.cmpedu.com注冊下載,或發(fā)郵件至jinacmp@163.com索取。
前言
項(xiàng)目1走進(jìn)Web的世界1
【項(xiàng)目背景】1
【任務(wù)1.1】了解Web基本概念1
【任務(wù)1.2】掌握前端開發(fā)工具:代碼
編輯器(HBuilder)4
【任務(wù)1.3】圖像處理工具
(Photoshop)6
【項(xiàng)目總結(jié)】7
【課后練習(xí)】7
項(xiàng)目2“個人簡介”專題頁制作8
【項(xiàng)目背景】8
【任務(wù)2.1】學(xué)習(xí)HTML基本概念9
【任務(wù)2.2】學(xué)習(xí)HTML文本控制
標(biāo)簽12
【任務(wù)2.3】學(xué)習(xí)HTML圖像標(biāo)簽22
【任務(wù)2.4】設(shè)計(jì)“個人簡介”頁面
布局24
【任務(wù)2.5】個人簡介頭部模塊制作26
【任務(wù)2.6】個人簡介模塊制作27
【任務(wù)2.7】個人簡介頁腳模塊制作 29
【項(xiàng)目總結(jié)】29
【課后練習(xí)】30
項(xiàng)目3“旅游網(wǎng)”專題頁制作31
【項(xiàng)目背景】31
【任務(wù)3.1】學(xué)習(xí)CSS基本用法32
【任務(wù)3.2】學(xué)習(xí)CSS控制文本樣式36
【任務(wù)3.3】學(xué)習(xí)CSS高級特性 42
【任務(wù)3.4】設(shè)計(jì)“旅游網(wǎng)”布局54
【任務(wù)3.5】導(dǎo)航模塊制作57
【任務(wù)3.6】導(dǎo)語模塊制作58
【任務(wù)3.7】內(nèi)容模塊制作59
【任務(wù)3.8】頁腳模塊制作63
【項(xiàng)目總結(jié)】64
【課后練習(xí)】 65
項(xiàng)目4“寵物相冊”專題頁制作66
【項(xiàng)目背景】 66
【任務(wù)4.1】盒子模型的結(jié)構(gòu)67
【任務(wù)4.2】盒子模型的相關(guān)屬性69
【任務(wù)4.3】塊級元素與行內(nèi)元素之間的
轉(zhuǎn)換93
【任務(wù)4.4】“寵物相冊”頁面布局98
【任務(wù)4.5】導(dǎo)航模塊制作100
【任務(wù)4.6】相冊模塊制作104
【任務(wù)4.7】頁腳模塊制作108
【項(xiàng)目總結(jié)】109
【課后練習(xí)】110
項(xiàng)目5“潮流前線”專題頁制作112
【項(xiàng)目背景】112
【任務(wù)5.1】掌握列表標(biāo)簽112
【任務(wù)5.2】掌握浮動定位115
【任務(wù)5.3】掌握相對定位120
【任務(wù)5.4】掌握絕對定位122
【任務(wù)5.5】掌握固定定位127
【任務(wù)5.6】“潮流前線”頁面設(shè)計(jì)128
【項(xiàng)目總結(jié)】139
【課后練習(xí)】 139
項(xiàng)目6“商貿(mào)網(wǎng)信息注冊”專題頁
制作140
【項(xiàng)目背景】140
【任務(wù)6.1】表格標(biāo)簽141
【任務(wù)6.2】表單標(biāo)簽156
【任務(wù)6.3】表單控件158
【任務(wù)6.4】“商貿(mào)網(wǎng)信息注冊”頁面
布局及基礎(chǔ)樣式定義167
【任務(wù)6.5】標(biāo)題搜索模塊制作170
【任務(wù)6.6】菜單模塊制作173
【任務(wù)6.7】banner模塊制作175
【任務(wù)6.8】注冊信息模塊制作176
【任務(wù)6.9】頁腳模塊制作181
【項(xiàng)目總結(jié)】 182
【課后練習(xí)】 182
項(xiàng)目7“大學(xué)生服務(wù)中心”專題頁
制作185
【項(xiàng)目背景】185
【任務(wù)7.1】 網(wǎng)頁布局的基本概念186
【任務(wù)7.2】分列布局186
【任務(wù)7.3】DIV+CSS布局實(shí)現(xiàn)
方式195
【任務(wù)7.4】“大學(xué)生服務(wù)中心”專題頁
各部分的制作197
【項(xiàng)目總結(jié)】208
【課后練習(xí)】208
項(xiàng)目8“菜鳥充電站”響應(yīng)式頁面
設(shè)計(jì)209
【項(xiàng)目背景】209
【任務(wù)8.1】了解響應(yīng)式頁面設(shè)計(jì)209
【任務(wù)8.2】了解常用的RWD技術(shù)210
【任務(wù)8.3】使用媒體查詢和彈性布局
實(shí)現(xiàn)“菜鳥充電站”
設(shè)計(jì)226
【項(xiàng)目總結(jié)】 232
【課后練習(xí)】 232
參考文獻(xiàn)234