Web前端開發技術——HTML 5+CSS 3項目化教程（微課版）
王黎、齊洋、段曉亮、呂殿基、袁禮、劉穎、張有寬
相關主題
商品描述
目錄大綱
目 錄
項目1 初識前端開發 1
任務1.1 安裝配置前端開發環境 2
1.1.1 Web基礎 3
1.1.2 Web標準 4
1.1.3 主流瀏覽器 5
1.1.4 前端開發工具 8
【實戰記錄活頁手冊】 9
【學生活動手冊】 15
任務1.2 利用VSCode快速建立“我的第一個網頁” 16
1.2.1 認識網頁 17
1.2.2 規劃網站目錄 17
【實戰記錄活頁手冊】 18
【學生活動手冊】 22
思政引領 23
項目2 網頁框架HTML 25
任務2.1 使用HTML搭建導航欄及banner結構 27
2.1.1 HTML簡介 27
2.1.2 HTML發展歷史 28
2.1.3 HTML文檔結構 28
2.1.4 HTML語法 30
2.1.5 標題標簽 32
2.1.6 段落標簽 32
2.1.7 圖像標簽 33
2.1.8 超鏈接標簽 35
2.1.9 <div>和<span>標簽 36
【實戰記錄活頁手冊】 36
【學生活動手冊】 39
【學生活動手冊】 40
任務2.2 網頁進階標簽的使用 41
2.2.1 文本格式化標簽 42
2.2.2 列表標簽 44
2.2.3 音頻標簽 45
2.2.4 視頻標簽 46
【實戰記錄活頁手冊】 47
【學生活動手冊】 53
任務2.3 瞭解HTML表格 54
2.3.1 表格的作用 55
2.3.2 表格標簽 55
【實戰記錄活頁手冊】 57
【學生活動手冊】 58
思政引領 59
項目3 網頁樣式CSS 61
任務3.1 認識CSS 63
3.1.1 CSS簡介 63
3.1.2 CSS發展歷史 64
3.1.3 CSS的使用方式 64
3.1.4 CSS基本語法 65
【實戰記錄活頁手冊】 68
【學生活動手冊】 69
任務3.2 修改網頁文字樣式 70
3.2.1 文字大小 70
3.2.2 文字加粗 71
3.2.3 文字樣式 72
3.2.4 行高 73
【實戰記錄活頁手冊】 73
【學生活動手冊】 76
任務3.3 改變網頁文本樣式 78
3.3.1 文本顏色 78
3.3.2 文本對齊 79
3.3.3 文本修飾 80
3.3.4 文本縮進 80
3.3.5 CSS 3新增文本屬性 81
【實戰記錄活頁手冊】 85
【學生活動手冊】 89
思政引領 90
項目4 網頁樣式CSS進階 93
任務4.1 CSS盒模型應用 95
4.1.1 認識盒模型 95
4.1.2 寬度屬性和高度屬性 97
4.1.3 邊框屬性 98
4.1.4 圓角屬性 100
4.1.5 內邊距 100
4.1.6 外邊距 101
4.1.7 背景 102
【實戰記錄活頁手冊】 107
【學生活動手冊】 115
任務4.2 清除瀏覽器默認樣式 116
4.2.1 瀏覽器常見默認樣式 116
4.2.2 清除瀏覽器默認樣式的方法 117
4.2.3 reset.css和normalize.css的區別 118
【實戰記錄活頁手冊】 118
【學生活動手冊】 119
任務4.3 定位技巧 120
4.3.1 元素的定位屬性 120
4.3.2 相對定位 122
4.3.3 絕對定位 123
4.3.4 固定定位 124
4.3.5 粘性定位 125
【實戰記錄活頁手冊】 127
【學生活動手冊】 128
任務4.4 登錄頁面佈局 130
4.4.1 表單的作用 130
4.4.2 創建表單 131
4.4.3 <input>標簽 131
4.4.4 <input>標簽的不同類型 133
4.4.5 下拉框 135
4.4.6 文本域 136
4.4.7 按鈕 137
4.4.8 偽類 137
【實戰記錄活頁手冊】 140
【學生活動手冊】 144
思政引領 145
項目5 CSS 3高級應用 147
任務5.1 網頁佈局 149
5.1.1 常見的網頁佈局 150
5.1.2 彈性盒子佈局 151
5.1.3 網格佈局 158
【實戰記錄活頁手冊】 162
【學生活動手冊】 170
任務5.2 網頁過渡和動畫效果 172
5.2.1 過渡屬性 173
5.2.2 轉換屬性 174
5.2.3 動畫屬性 177
【實戰記錄活頁手冊】 180
【學生活動手冊】 180
思政引領 182
項目6 移動端網頁開發 185
任務6.1 移動端佈局 186
6.1.1 移動端適配 187
6.1.2 視口 187
6.1.3 viewport方案 188
【實戰記錄活頁手冊】 188
【學生活動手冊】 189
任務6.2 移動端網站開發 190
6.2.1 設備模擬模式 190
6.2.2 進入設備模擬模式 191
【實戰記錄活頁手冊】 192
【學生活動手冊】 206
思政引領 208
擴展 前端開發知識延伸 211
知識點1 Web網頁優化的基本原則 212
知識點2 樣式合並與壓縮 213
知識點3 兼容性解決方案 214
知識點4 高效的開發設計協作平臺 215
