任務l 實現(xiàn)猜拳游戲首頁界面
1.1 web前端簡述
1.1.1 前端工程師
1.1.2 頁面結(jié)構(gòu)、樣式和行為
1.1.3 HTML5的優(yōu)勢
1.1.4 CSS3的優(yōu)勢
1.1.5 JavaScript及相關(guān)框架
1.1.6 web前端學習路線
1.2 開發(fā)工具
1.2.1 選擇開發(fā)工具
1.2.2 新建項目和文件
1.2.3 開發(fā)工具的調(diào)試技巧
任務訓練
任務2 實現(xiàn)問卷調(diào)查頁面靜態(tài)布局
2.1 HTML的基本概念
2.1.1 HTML簡介
2.1.2 HTML基本格式
2.1.3 HTML注釋語句
2.2 HTML5文檔常用標簽
2.2.1 文字段落相關(guān)標簽
2.2.2 HTML圖像(img)元素
2.2.3 列表
2.2.4 表格
2.2.5 超鏈接
2.2.6 DIV標簽介紹
2.2.7 多媒體元素
2.2.8 HTML5語義化標簽
2.2.9 HBuilder編輯器常用的快捷方式
2.3 HTML5表單相關(guān)元素和屬性
2.3.1 表單的定義
2.3.2 表單控件
2.3.3 HTML5表單常用新屬性
任務訓練
任務3 CSS3實現(xiàn)簡潔立體菜單效果
3.1 CSS3介紹
3.1.1 樣式表簡介
3.1.2 樣式表的規(guī)則
3.1.3 樣式表注釋方法
3.2 樣式表的使用
3.2.1 常用添加CSS的方法
3.2.2 選擇器的分類
3.2.3 選擇器的優(yōu)先級
3.3 字體、顏色、背景與文字屬性
3.3.1 設置樣式表的字體屬性
3.3.2 顏色及背景屬性
3.3.3 文本屬性
3.4 邊距、填充與邊框?qū)傩?br> 3.4.1 邊距與填充屬性
3.4.2 邊框?qū)傩?br> 3.5 列表屬性
3.6 CSS布局基礎(chǔ)
3.6.1 CSS布局元素類型
3.6.2 盒模型
3.6.3 定位及尺寸屬性
3.7 常用布局結(jié)構(gòu)
3.7.1 單行單列結(jié)構(gòu)
3.7.2 二列布局結(jié)構(gòu)
3.8 CSS3常用特效
3.8.1 CSS3盒陰影
3.8.2 CSS3文字陰影
3.8.3 CSS3漸變背景
3.9 彈性布局
3.10 兼容性處理
任務訓練
……
任務4 實現(xiàn)猜拳游戲功能
任務5 實現(xiàn)注冊｜登錄驗證效果
任務6 實現(xiàn)響應式詳情頁面
任務7 實現(xiàn)響應式商品優(yōu)惠列表
任務8 實現(xiàn)響應式購物列表展示和管理
任務9 實現(xiàn)商品優(yōu)惠列表評價信息滑入效果
參考文獻