移動(dòng)Web開(kāi)發(fā)技術(shù)項(xiàng)目教程

項(xiàng)目1 移動(dòng)互聯(lián)網(wǎng)Web技術(shù)發(fā)展
任務(wù)1.1 了解移動(dòng)Web開(kāi)發(fā)
1.1.1 Web前端的定義
1.1.2 前端應(yīng)用的分類
1.1.3 移動(dòng)Web開(kāi)發(fā)與PC端Web開(kāi)發(fā)的區(qū)別
任務(wù)1.2 了解HTML5在移動(dòng)開(kāi)發(fā)中的應(yīng)用
1.2.1 HTML5技術(shù)的發(fā)展
1.2.2 HTML5技術(shù)的優(yōu)勢(shì)
任務(wù)1.3 了解HTML5開(kāi)發(fā)工具和框架
1.3.1 HTML5開(kāi)發(fā)工具
1.3.2 HTML5主流開(kāi)發(fā)框架
思考練習(xí)
項(xiàng)目2 使用HTML+CSS制作網(wǎng)頁(yè)
任務(wù)2.1 使用基本標(biāo)簽制作網(wǎng)頁(yè)
2.1.1 HTML的標(biāo)簽構(gòu)成
2.1.2 HTML網(wǎng)頁(yè)文檔的基本格式
2.1.3 常用的HTML元素
2.1.4 文本格式化標(biāo)記
2.1.5 特殊字符標(biāo)記
2.1.6 HTML圖像標(biāo)記
2.1.7 相對(duì)路徑和 路徑
2.1.8 HTML的列表
2.1.9 超鏈接標(biāo)記
任務(wù)2.2 使用div+CSS制作網(wǎng)頁(yè)
2.2.1 使用div+CSS布局網(wǎng)站的優(yōu)點(diǎn)
2.2.2 使用div+CSS布局網(wǎng)站的作用
2.2.3 認(rèn)識(shí)盒子模型
2.2.4 一行多列布局居中
2.2.5 CSS語(yǔ)法結(jié)構(gòu)
2.2.6 樣式表在網(wǎng)頁(yè)中嵌入的方式
2.2.7 float浮動(dòng)屬性
2.2.8 列表標(biāo)記在導(dǎo)航欄中的應(yīng)用
2.2.9 使用鏈接偽類控制超鏈接
2.2.10 overflow屬性
2.2.11 元素的定位
2.2.12 表格標(biāo)記
2.2.13 表單標(biāo)記
思考練習(xí)
項(xiàng)目3 使用HTML5+CSS3制作網(wǎng)頁(yè)
任務(wù)3.1 使用HTML5+CSS3基本標(biāo)簽制作網(wǎng)頁(yè)
3.1.1 HTML5的結(jié)構(gòu)標(biāo)簽
3.1.2 分組結(jié)構(gòu)標(biāo)簽
3.1.3 頁(yè)面交互元素
3.1.4 CSS3的選擇器
任務(wù)3.2 使用HTML5表單標(biāo)簽制作網(wǎng)頁(yè)
3.2.1 表單概述
3.2.2 表單元素及屬性
3.2.3 表單驗(yàn)證
任務(wù)3.3 制作開(kāi)發(fā)響應(yīng)式頁(yè)面
3.3.1 視口