移动Web开发技术项目教程

项目1 移动互联网Web技术发展

任务1.1 了解移动Web开发

1.1.1 Web前端的定义

1.1.2 前端应用的分类

1.1.3 移动Web开发与PC端Web开发的区别

任务1.2 了解HTML5在移动开发中的应用

1.2.1 HTML5技术的发展

1.2.2 HTML5技术的优势

任务1.3 了解HTML5开发工具和框架

1.3.1 HTML5开发工具

1.3.2 HTML5主流开发框架

思考练习

项目2 使用HTML+CSS制作网页

任务2.1 使用基本标签制作网页

2.1.1 HTML的标签构成

2.1.2 HTML网页文档的基本格式

2.1.3 常用的HTML元素

2.1.4 文本格式化标记

2.1.5 特殊字符标记

2.1.6 HTML图像标记

2.1.7 相对路径和 路径

2.1.8 HTML的列表

2.1.9 超链接标记

任务2.2 使用div+CSS制作网页

2.2.1 使用div+CSS布局网站的优点

2.2.2 使用div+CSS布局网站的作用

2.2.3 认识盒子模型

2.2.4 一行多列布局居中

2.2.5 CSS语法结构

2.2.6 样式表在网页中嵌入的方式

2.2.7 float浮动属性

2.2.8 列表标记在导航栏中的应用

2.2.9 使用链接伪类控制超链接

2.2.10 overflow属性

2.2.11 元素的定位

2.2.12 表格标记

2.2.13 表单标记

思考练习

项目3 使用HTML5+CSS3制作网页

任务3.1 使用HTML5+CSS3基本标签制作网页

3.1.1 HTML5的结构标签

3.1.2 分组结构标签

3.1.3 页面交互元素

3.1.4 CSS3的选择器

任务3.2 使用HTML5表单标签制作网页

3.2.1 表单概述

3.2.2 表单元素及属性

3.2.3 表单验证

任务3.3 制作开发响应式页面

3.3.1 视口