Web前端開發(fā)

目錄

情境一 初識(shí)Web 前端開發(fā) / 1
子情境1 認(rèn)識(shí)Internet 與萬維網(wǎng) / 2
子情境2 Web 前端開發(fā)工程師學(xué)什么 / 2
子情境3 Web 架構(gòu)是什么 / 3
子情境4 Web 開發(fā)工具 / 3
子情境5 編寫HTML 文檔 / 6

情境二 使用HTML 語言 / 7
子情境1 認(rèn)識(shí)標(biāo)題元素 / 8
子情境2 認(rèn)識(shí)文本結(jié)構(gòu)元素 / 19
子情境3 認(rèn)識(shí)文本元素 / 21
子情境4 認(rèn)識(shí)列表元素 / 24
子情境5 認(rèn)識(shí)圖像標(biāo)簽 / 42
子情境6 認(rèn)識(shí)超鏈接標(biāo)簽 / 50
子情境7 認(rèn)識(shí)HTML 區(qū)塊 / 67
子情境8 實(shí)訓(xùn)任務(wù) / 69

情境三 使用表格 / 71
子情境1 創(chuàng)建表格 / 72
子情境2 認(rèn)識(shí)表格屬性 / 74
子情境3 使用表格 / 88
子情境4 使用框架 / 89

情境四 使用表單 / 92
子情境1 認(rèn)識(shí)表單標(biāo)簽 / 93
子情境2 插入表單對(duì)象 / 94
子情境3 使用下拉菜單 / 106
子情境4 創(chuàng)建表單實(shí)例 / 109

情境五 使用CSS 樣式表 / 111
子情境1 認(rèn)識(shí)CSS 樣式表 / 112
子情境2 使用CSS 樣式屬性 / 114
子情境3 使用CSS 盒模型 / 119
子情境4 使用CSS 定位 / 120
子情境5 使用CSS 設(shè)計(jì)網(wǎng)站導(dǎo)航欄 / 124

情境六 使用HTML5+CSS3 / 128
子情境1 使用HTML5 表單 / 129
子情境2 使用HTML5 畫布 / 139
子情境3 使用HTML5 音頻與視頻 / 140
子情境4 使用CSS3 邊框 / 142
子情境5 使用CSS3 背景與漸變 / 144
子情境6 使用CSS3 變形與動(dòng)畫 / 146
子情境7 建立個(gè)人信息注冊(cè)表單 / 151
子情境8 制作CSS3 動(dòng)畫 / 157

情境七 JavaScript 腳本基礎(chǔ) / 161
子情境1 認(rèn)識(shí)JavaScript / 162
子情境2 使用JavaScript 的數(shù)據(jù)類型、常量和變量 / 163
子情境3 使用JavaScript 表達(dá)式和操作符 / 165
子情境4 使用JavaScript 基本語句 / 166
子情境5 使用JavaScript 函數(shù) / 168
子情境6 設(shè)計(jì)自動(dòng)切換圖像 / 169
子情境7 制作跟隨鼠標(biāo)指針移動(dòng)的圖像 / 170

情境八 使用jQuery / 172
子情境1 認(rèn)識(shí)jQuery / 173
子情境2 調(diào)試JavaScript 和jQuery / 184
子情境3 使用jQuery 腳本結(jié)構(gòu)和框架結(jié)構(gòu) / 188
子情境4 操作DOM 元素 / 191
子情境5 應(yīng)用jQuery / 210

情境九 項(xiàng)目實(shí)踐 / 213