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