中圖網(wǎng)小程序
一鍵登錄
更方便
Web前端技術(shù)項(xiàng)目教程(HTML5+CSS3) 版權(quán)信息
- ISBN：9787030676245
- 條形碼：9787030676245 ; 978-7-03-067624-5
- 裝幀：一般膠版紙
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>
Web前端技術(shù)項(xiàng)目教程(HTML5+CSS3) 內(nèi)容簡介
本書在“有趣、有效、只學(xué)有用的”原則基礎(chǔ)上, 結(jié)合學(xué)生的認(rèn)知規(guī)律和現(xiàn)狀, 使得學(xué)習(xí)者能夠在有限的課時(shí)內(nèi)“專業(yè)”和“深入”地學(xué)習(xí)與Web前端技術(shù)相關(guān)知識。本書共有10個(gè)項(xiàng)目, 按照知識點(diǎn)由淺入深分為3個(gè)模塊, 即Web知識儲備、Web案例提高、Web實(shí)戰(zhàn)演練, 分別完成知識點(diǎn)講解、案例講解、項(xiàng)目實(shí)戰(zhàn)三大步驟, 幫助學(xué)習(xí)者把握前端的三大核心技術(shù)HTML5、CS3S和JavaScript。明確的學(xué)習(xí)目標(biāo)以及循序漸進(jìn)的知識體系, 能使理論知識和實(shí)踐技能同步提高。通過本書的學(xué)習(xí), 能夠使學(xué)習(xí)者熟悉web頁面制作流程、掌握常見的頁面布局效果、學(xué)會(huì)設(shè)計(jì)制作各種具有動(dòng)態(tài)特效的網(wǎng)站。
Web前端技術(shù)項(xiàng)目教程(HTML5+CSS3) 目錄
Web知識儲備篇
項(xiàng)目1 HTML5基礎(chǔ) 3
任務(wù)1.1 掌握網(wǎng)頁的文檔結(jié)構(gòu) 4
1.1.1 HTML5中的常用標(biāo)簽 4
1.1.2 HTML5的編寫方法及代碼的書寫格式 4
動(dòng)手實(shí)踐——實(shí)現(xiàn)一個(gè)簡單的HTML頁面 5
任務(wù)1.2 設(shè)計(jì)網(wǎng)頁文檔 6
1.2.1 網(wǎng)頁圖像的設(shè)置 6
1.2.2 網(wǎng)頁表格的設(shè)置 7
1.2.3 網(wǎng)頁表單的設(shè)置 7
1.2.4 網(wǎng)頁列表的設(shè)置 8
1.2.5 網(wǎng)頁多媒體的設(shè)置 11
1.2.6 網(wǎng)頁超鏈接的設(shè)置 11
動(dòng)手實(shí)踐——?jiǎng)?chuàng)建一個(gè)產(chǎn)品展示頁面 11
小結(jié) 14
測試題 14
項(xiàng)目2 CSS3基礎(chǔ) 16
任務(wù)2.1 CSS3語法概述 17
2.1.1 CSS3的語法結(jié)構(gòu) 17
2.1.2 CSS3的使用方法 17
2.1.3 CSS3的基礎(chǔ)選擇器 20
任務(wù)2.2 網(wǎng)頁中字體、段落的美化 27
2.2.1 網(wǎng)頁中的字體樣式 27
2.2.2 網(wǎng)頁中的段落樣式 28
動(dòng)手實(shí)踐——新聞頁面的實(shí)現(xiàn) 31
任務(wù)2.3 網(wǎng)頁中背景與邊框的美化 34
2.3.1 網(wǎng)頁中背景的美化 34
2.3.2 網(wǎng)頁中邊框的美化 50
動(dòng)手實(shí)踐——簡單信息展示網(wǎng)頁的實(shí)現(xiàn) 53
小結(jié) 60
測試題 60
項(xiàng)目3 CSS3+DIV頁面結(jié)構(gòu)布局 62
任務(wù)3.1 CSS3+DIV 63
3.1.1 塊元素與行內(nèi)元素的應(yīng)用 63
3.1.2 盒子模型及運(yùn)用 66
3.1.3 浮動(dòng)與定位 68
動(dòng)手實(shí)踐——導(dǎo)購菜單的制作 79
任務(wù)3.2 導(dǎo)航菜單的制作 84
3.2.1 垂直導(dǎo)航菜單的制作 84
3.2.2 水平導(dǎo)航菜單的制作 85
動(dòng)手實(shí)踐——模擬導(dǎo)航欄的制作 86
小結(jié) 88
測試題 88
項(xiàng)目4 CSS3新增動(dòng)畫特效 91
任務(wù)4.1 變形效果 92
4.1.1 平移 92
4.1.2 縮放 94
4.1.3 傾斜 96
4.1.4 旋轉(zhuǎn) 98
動(dòng)手實(shí)踐——網(wǎng)頁中立體效果的實(shí)現(xiàn) 100
任務(wù)4.2 過渡效果 105
4.2.1 transitionproperty屬性 105
4.2.2 transitionduration屬性 106
4.2.3 transitiontimingfunction屬性 107
4.2.4 transitiondelay屬性 110
4.2.5 transition屬性 111
動(dòng)手實(shí)踐——懸浮相冊的實(shí)現(xiàn) 111
任務(wù)4.3 animation動(dòng)畫效果 116
4.3.1 關(guān)鍵幀 116
4.3.2 animation動(dòng)畫屬性 119
動(dòng)手實(shí)踐——圖片墻3D翻轉(zhuǎn)效果的實(shí)現(xiàn) 122
小結(jié) 126
測試題 127
Web案例提高篇
項(xiàng)目5 氣泡懸浮效果的實(shí)現(xiàn) 131
任務(wù)5.1 界面設(shè)計(jì)分析 132
任務(wù)5.2 基本框架的實(shí)現(xiàn) 132
項(xiàng)目6 橫幅廣告效果的實(shí)現(xiàn) 137
任務(wù)6.1 設(shè)計(jì)分析 137
任務(wù)6.2 頁面的實(shí)現(xiàn) 138
Web項(xiàng)目實(shí)戰(zhàn)篇
項(xiàng)目7 綜合信息類網(wǎng)站首頁的實(shí)現(xiàn) 143
任務(wù)7.1 網(wǎng)站首頁整體布局的實(shí)現(xiàn) 143
任務(wù)7.2 頁面頭部、banner及導(dǎo)航的具體實(shí)現(xiàn) 147
任務(wù)7.3 圖片瀏覽樣式與*新動(dòng)態(tài)欄的實(shí)現(xiàn) 150
任務(wù)7.4 走進(jìn)浙江、浙江歷史等信息欄的實(shí)現(xiàn) 154
任務(wù)7.5 快速通道及頁腳信息的實(shí)現(xiàn) 167
參考文獻(xiàn) 172
展開全部
書友推薦
- >
上帝之肋:男人的真實(shí)旅程
- >
名家?guī)阕x魯迅:朝花夕拾
- >
我與地壇
- >
伯納黛特,你要去哪(2021新版)
- >
隨園食單
- >
中國人在烏蘇里邊疆區(qū):歷史與人類學(xué)概述
- >
李白與唐代文化
- >
史學(xué)評論
本類暢銷
