任務(wù)l 實(shí)現(xiàn)猜拳游戲首頁界面
1.1 web前端簡(jiǎn)述
1.1.1 前端工程師
1.1.2 頁面結(jié)構(gòu)、樣式和行為
1.1.3 HTML5的優(yōu)勢(shì)
1.1.4 CSS3的優(yōu)勢(shì)
1.1.5 JavaScript及相關(guān)框架
1.1.6 web前端學(xué)習(xí)路線
1.2 開發(fā)工具
1.2.1 選擇開發(fā)工具
1.2.2 新建項(xiàng)目和文件
1.2.3 開發(fā)工具的調(diào)試技巧
任務(wù)訓(xùn)練
任務(wù)2 實(shí)現(xiàn)問卷調(diào)查頁面靜態(tài)布局
2.1 HTML的基本概念
2.1.1 HTML簡(jiǎn)介
2.1.2 HTML基本格式
2.1.3 HTML注釋語句
2.2 HTML5文檔常用標(biāo)簽
2.2.1 文字段落相關(guān)標(biāo)簽
2.2.2 HTML圖像(img)元素
2.2.3 列表
2.2.4 表格
2.2.5 超鏈接
2.2.6 DIV標(biāo)簽介紹
2.2.7 多媒體元素
2.2.8 HTML5語義化標(biāo)簽
2.2.9 HBuilder編輯器常用的快捷方式
2.3 HTML5表單相關(guān)元素和屬性
2.3.1 表單的定義
2.3.2 表單控件
2.3.3 HTML5表單常用新屬性
任務(wù)訓(xùn)練
任務(wù)3 CSS3實(shí)現(xiàn)簡(jiǎn)潔立體菜單效果
3.1 CSS3介紹
3.1.1 樣式表簡(jiǎn)介
3.1.2 樣式表的規(guī)則
3.1.3 樣式表注釋方法
3.2 樣式表的使用
3.2.1 常用添加CSS的方法
3.2.2 選擇器的分類
3.2.3 選擇器的優(yōu)先級(jí)
3.3 字體、顏色、背景與文字屬性
3.3.1 設(shè)置樣式表的字體屬性
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 兼容性處理
任務(wù)訓(xùn)練
……
任務(wù)4 實(shí)現(xiàn)猜拳游戲功能
任務(wù)5 實(shí)現(xiàn)注冊(cè)｜登錄驗(yàn)證效果
任務(wù)6 實(shí)現(xiàn)響應(yīng)式詳情頁面
任務(wù)7 實(shí)現(xiàn)響應(yīng)式商品優(yōu)惠列表
任務(wù)8 實(shí)現(xiàn)響應(yīng)式購(gòu)物列表展示和管理
任務(wù)9 實(shí)現(xiàn)商品優(yōu)惠列表評(píng)價(jià)信息滑入效果
參考文獻(xiàn)