Web前端开发

项目1 HTML文档结构

1．1 项目描述

1．2 知识准备

1．2．1 HTML 5文件基本结构

1．2．2 HTML 5基本标签

1．2．3 Sublime编辑器的使用

1．2．4 HTML 5语法的变化

1．2．5 Chrome浏览器的开发者工具

1．3 项目实施

1．3．1 标准的HTML 5网页

1．3．2 简单的HTML 5网页

1．4 项目拓展

1．5 项目小结

1．6 技能训练

项目2 网页中的文本和排版

2．1 项目描述

2．2 知识准备

2．2．1 添加文本

2．2．2 文本排版

2．2．3 文字列表

2 2．4 添加图片

2．3 项目实施

2．3．1 图文混排的HTML 5网页

2．3．2 图文并茂的商品列表网页

2．4 项目拓展

2．5 项目小结

2．6 技能训练

项目3 网页中的表格

3．1 项目描述

3．2 知识准备

3．2．1 表格基本结构

3．2．2 编辑表格

3．2．3 完整的表格标签

3．3 项目实施

3．4 项目拓展

3．5 项目小结

3．6 技能训练

项目4 网页中的多媒体

4．1 项目描述

4．2 知识准备

4．2．1 建立超链接

4．2．2 添加音频文件

4．2．3 添加视频文件

4．3 项目实施

4．4 项目拓展

4．5 项目小结

4．6 技能训练

项目5 网页中的表单

5．1 项目描述

5．2 知识准备

5．2．1 表单概述

5．2．2 表单基本元素

5．2．3 其他表单元素

5．2．4 表单高级元素

5．3 项目实施

5．4 项目拓展

5．5 项目小结

5．6 技能训练

项目6 CSS 3的选择器

6．1 项目描述

6．2 知识准备

6．2．1 CSS 3基本语法

6．2．2 CSS 3引用方法

6．2．3 CSS 3常用选择器

6．2．4 CSS 3新增选择器

6．3 项目实施

6．4 项目拓展

6．5 项目小结

6．6 技能训练

项目7 CSS 3图文混排

7．1 项目描述

7．2 知识准备

7．2．1 CSS 3美化文本

7．2．2 CSS 3美化段落

7．2．3 CSS 3美化图片

7．2．4 CSS 3图文混排

7．3 项目实施

7．3．1 图文混排

7．3．2 图片特效制作

7．4 项目拓展

7．5 项目小结

7．6 技能训练

项目8 CSS 3创建网页菜单

8．1 项目描述

8．2 知识准备

8．2．1 CSS 3美化超链接

8．2．2 CSS 3美化项目列表

8．3 项目实施

8．3．1 制作垂直导航菜单

8．3．2 制作水平导航菜单

8．4 项目拓展

8．5 项目小结

8．5．1 美化超链接

8．5．2 美化项目列表

8．5．3 导航菜单制作技巧及方法

8．6 技能训练

项目9 CSS 3修饰表格表单

9．1 项目描述

9．2 知识准备

9．2．1 使用CSS美化背景

9．2．2 使用CSS设置线性边框

9．2．3 使用CSS设置圆角边框

9．2．4 使用CSS设置边框阴影

9．2．5 使用CSS设置图片边框

9．2．6 使用CSS修饰表格

9．3 项目实施

9．4 拓展训练

9．5 项目小结

9．6 技能训练

项目10 CSS 3创建网格布局

10．1 项目描述

10．2 知识准备

10．2．1 网格布局的重要术语

10．2．2 父元素网格容器属性

10．2．3 子元素网格项的属性

10．3 项目实施

10．3．1 创建网格布局

10．3．2 创建双飞翼布局

10．4 项目拓展

10．5 项目小结

10．6 技能训练