Web前端開發（簡體書）

本書通過初識Web前端開發、使用HTML語言、使用表格、使用表單、使用CSS樣式表、使用HTML5+CSS3、JavaScript腳本基礎、使用Jquery以及小米商城前端開發九個情境，層層遞進，系統闡述了HTML、CSS、JavaScript和JQuery等技術，讓學生在實際情境任務中，學習和掌握Web前端的基礎知識、基本技能和工作流程，全面提高分析問題、解決問題以及動手編碼的能力，使其具備Web前端開發所涉及的崗位的基本素養，為畢業後能儘快進入Web前端開發崗位角色，順利投入崗位工作奠定基礎。

目錄




情境一 初識Web 前端開發 / 1

子情境1 認識Internet 與萬維網 / 2

子情境2 Web 前端開發工程師學什麼 / 2

子情境3 Web 架構是什麼 / 3

子情境4 Web 開發工具 / 3

子情境5 編寫HTML 文檔 / 6




情境二 使用HTML 語言 / 7

子情境1 認識標題元素 / 8

子情境2 認識文本結構元素 / 19

子情境3 認識文本元素 / 21

子情境4 認識列表元素 / 24

子情境5 認識圖像標簽 / 42

子情境6 認識超鏈接標簽 / 50

子情境7 認識HTML 區塊 / 67

子情境8 實訓任務 / 69




情境三 使用表格 / 71

子情境1 創建表格 / 72

子情境2 認識表格屬性 / 74

子情境3 使用表格 / 88

子情境4 使用框架 / 89




情境四 使用表單 / 92

子情境1 認識表單標簽 / 93

子情境2 插入表單對象 / 94

子情境3 使用下拉菜單 / 106

子情境4 創建表單實例 / 109




情境五 使用CSS 樣式表 / 111

子情境1 認識CSS 樣式表 / 112

子情境2 使用CSS 樣式屬性 / 114

子情境3 使用CSS 盒模型 / 119

子情境4 使用CSS 定位 / 120

子情境5 使用CSS 設計網站導航欄 / 124




情境六 使用HTML5+CSS3 / 128

子情境1 使用HTML5 表單 / 129

子情境2 使用HTML5 畫布 / 139

子情境3 使用HTML5 音頻與視頻 / 140

子情境4 使用CSS3 邊框 / 142

子情境5 使用CSS3 背景與漸變 / 144

子情境6 使用CSS3 變形與動畫 / 146

子情境7 建立個人信息註冊表單 / 151

子情境8 製作CSS3 動畫 / 157




情境七 JavaScript 腳本基礎 / 161

子情境1 認識JavaScript / 162

子情境2 使用JavaScript 的數據類型、常量和變量 / 163

子情境3 使用JavaScript 表達式和操作符 / 165

子情境4 使用JavaScript 基本語句 / 166

子情境5 使用JavaScript 函數 / 168

子情境6 設計自動切換圖像 / 169

子情境7 製作跟隨鼠標指針移動的圖像 / 170




情境八 使用jQuery / 172

子情境1 認識jQuery / 173

子情境2 調試JavaScript 和jQuery / 184

子情境3 使用jQuery 腳本結構和框架結構 / 188

子情境4 操作DOM 元素 / 191

子情境5 應用jQuery / 210




情境九 項目實踐 / 213