《Web前端技術項目教程HTML5+CSS3》是2021年科學出版社出版的圖書。
基本介紹
- 中文名：Web前端技術項目教程HTML5+CSS3
- 作者：盧秋錦
- 類別：高職高專教材
- 出版社：科學出版社
- 出版時間：2021年
- 開本：16 開
- 裝幀：平裝
- ISBN：9787030676245
內容簡介,圖書目錄,
內容簡介
本書在“有趣、有效、只學有用的”原則基礎上，結合學生的認知規律和現狀，力求使其能夠在有限的課時內“專業”和“深入”地學習Web前端技術相關知識。本書共7個項目，按照知識點由淺入深分為Web知識儲備篇、Web案例提高篇和Web項目實戰篇，分別完成知識點講解、案例講解和項目實戰三大步驟，幫助學生把握Web前端的核心技術HTML5與CSS3。明確的學習目標以及循序漸進的知識體系，能使學生的理論知識和實踐技能同步提高。通過本書的學習，學生能夠熟悉Web頁面製作流程、掌握常見的頁面布局效果、學會設計製作各種常見的入口網站。
本書可以作為高職高專院校計算機相關專業的教材，也可作為Web前端設計者的自學用書，還可作為IT類培訓機構的Web前端開發培訓類教材。
圖書目錄
Web知識儲備篇
項目1 HTML5基礎 3
任務1.1 掌握網頁的文檔結構 4
1.1.1 HTML5中的常用標籤 4
1.1.2 HTML5的編寫方法及代碼的書寫格式 4
動手實踐——實現一個簡單的HTML頁面 5
任務1.2 設計網頁文檔 6
1.2.1 網頁圖像的設定 6
1.2.2 網頁表格的設定 7
1.2.3 網頁表單的設定 7
1.2.4 網頁列表的設定 8
1.2.5 網頁多媒體的設定 11
1.2.6 網頁超連結的設定 11
動手實踐——創建一個產品展示頁面 11
小結 14
測試題 14
項目2 CSS3基礎 16
任務2.1 CSS3語法概述 17
2.1.1 CSS3的語法結構 17
2.1.2 CSS3的使用方法 17
2.1.3 CSS3的基礎選擇器 20
任務2.2 網頁中字型、段落的美化 27
2.2.1 網頁中的字型樣式 27
2.2.2 網頁中的段落樣式 28
動手實踐——新聞頁面的實現 31
任務2.3 網頁中背景與框線的美化 34
2.3.1 網頁中背景的美化 34
2.3.2 網頁中框線的美化 50
動手實踐——簡單信息展示網頁的實現 53
小結 60
測試題 60
項目3 CSS3+DIV頁面結構布局 62
任務3.1 CSS3+DIV 63
3.1.1 塊元素與行內元素的套用 63
3.1.2 盒子模型及運用 66
3.1.3 浮動與定位 68
動手實踐——導購選單的製作 79
任務3.2 導航選單的製作 84
3.2.1 垂直導航選單的製作 84
3.2.2 水平導航選單的製作 85
動手實踐——模擬導航欄的製作 86
小結 88
測試題 88
項目4 CSS3新增動畫特效 91
任務4.1 變形效果 92
4.1.1 平移 92
4.1.2 縮放 94
4.1.3 傾斜 96
4.1.4 旋轉 98
動手實踐——網頁中立體效果的實現 100
任務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
動手實踐——懸浮相冊的實現 111
任務4.3 animation動畫效果 116
4.3.1 關鍵幀 116
4.3.2 animation動畫屬性 119
動手實踐——圖片牆3D翻轉效果的實現 122
小結 126
測試題 127
Web案例提高篇
項目5 氣泡懸浮效果的實現 131
任務5.1 界面設計分析 132
任務5.2 基本框架的實現 132
項目6 橫幅廣告效果的實現 137
任務6.1 設計分析 137
任務6.2 頁面的實現 138
Web項目實戰篇
項目7 綜合信息類網站首頁的實現 143
任務7.1 網站首頁整體布局的實現 143
任務7.2 頁面頭部、banner及導航的具體實現 147
任務7.3 圖片瀏覽樣式與最新動態欄的實現 150
任務7.4 走進浙江、浙江歷史等信息欄的實現 154
任務7.5 快速通道及頁腳信息的實現 167
參考文獻 172
