Web前端技術(shù)項目實(shí)戰(zhàn)教程
定 價:39.8 元
叢書名:普通高等教育計算機(jī)類系列教材
當(dāng)前圖書已被 15 所學(xué)校薦購過!
查看明細(xì)
- 作者:臧輝 伍紅華 張志剛
- 出版時間:2020/9/1
- ISBN:9787111662617
- 出 版 社:機(jī)械工業(yè)出版社
- 中圖法分類:TP393.092.2
- 頁碼:240
- 紙張:
- 版次:
- 開本:16開
本書站在初學(xué)者的角度,以常用、實(shí)用、易懂為原則講述Web知識,通過情境置入、案例分析,詳細(xì)介紹了HTML、CSS及響應(yīng)式布局等方面的知識和技巧。全書以項目為導(dǎo)向,通過8個項目將知識點(diǎn)串聯(lián)起來,每個項目均會安排制作一個完整的網(wǎng)頁頁面,這樣學(xué)生能快速上手,增強(qiáng)學(xué)習(xí)效果。8個項目分別為走進(jìn)Web的世界、“個人簡介”專題頁制作、“旅游網(wǎng)”專題頁制作、“寵物相冊”專題頁制作、“潮流前線”專題頁制作、“商貿(mào)網(wǎng)信息注冊”專題頁制作、“大學(xué)生服務(wù)中心”專題頁制作、“菜鳥充電站”響應(yīng)式頁面設(shè)計。
本書配有以下資源:書中所有案例的素材、效果文件、源代碼、習(xí)題、課件等,以利于教師授課,學(xué)生練習(xí)。
本書既可作為普通高等院校相關(guān)專業(yè)的網(wǎng)頁設(shè)計與制作課程的教材,也可作為網(wǎng)頁平面設(shè)計的培訓(xùn)教材,還可作為網(wǎng)頁制作、美工設(shè)計、網(wǎng)站開發(fā)、網(wǎng)頁編程等行業(yè)人員的參考用書。
本書配有免費(fèi)電子課件,歡迎選用本書作教材的教師登錄www.cmpedu.com注冊下載,或發(fā)郵件至jinacmp@163.com索取。
前言
項目1走進(jìn)Web的世界1
【項目背景】1
【任務(wù)1.1】了解Web基本概念1
【任務(wù)1.2】掌握前端開發(fā)工具:代碼
編輯器(HBuilder)4
【任務(wù)1.3】圖像處理工具
(Photoshop)6
【項目總結(jié)】7
【課后練習(xí)】7
項目2“個人簡介”專題頁制作8
【項目背景】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è)計“個人簡介”頁面
布局24
【任務(wù)2.5】個人簡介頭部模塊制作26
【任務(wù)2.6】個人簡介模塊制作27
【任務(wù)2.7】個人簡介頁腳模塊制作 29
【項目總結(jié)】29
【課后練習(xí)】30
項目3“旅游網(wǎng)”專題頁制作31
【項目背景】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è)計“旅游網(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
【項目總結(jié)】64
【課后練習(xí)】 65
項目4“寵物相冊”專題頁制作66
【項目背景】 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
【項目總結(jié)】109
【課后練習(xí)】110
項目5“潮流前線”專題頁制作112
【項目背景】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è)計128
【項目總結(jié)】139
【課后練習(xí)】 139
項目6“商貿(mào)網(wǎng)信息注冊”專題頁
制作140
【項目背景】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
【項目總結(jié)】 182
【課后練習(xí)】 182
項目7“大學(xué)生服務(wù)中心”專題頁
制作185
【項目背景】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
【項目總結(jié)】208
【課后練習(xí)】208
項目8“菜鳥充電站”響應(yīng)式頁面
設(shè)計209
【項目背景】209
【任務(wù)8.1】了解響應(yīng)式頁面設(shè)計209
【任務(wù)8.2】了解常用的RWD技術(shù)210
【任務(wù)8.3】使用媒體查詢和彈性布局
實(shí)現(xiàn)“菜鳥充電站”
設(shè)計226
【項目總結(jié)】 232
【課后練習(xí)】 232
參考文獻(xiàn)234