∈HTML5+CSS3网页设计基础教程

单元1　网页设计基本知识
1．1　网站、网页简介
1．2　网页的常见元素
1．3　网页的常见布局
1．4　网站制作的基本流程
1．5　常用浏览器介绍
1．6　制作网站的常用工具
单元实训
任务　浏览网页
技能检测
单元2　HtML 基础
2．1　 HTML 简介
2．2　 HTML5 的特点
2．3　基本HTML 标记
单元实训
任务1　制作**张网页
任务2　 使用Sublime Text 工具制作网页页面
任务3　 使用Dreamweaver CS5 软件制作网页页面
任务4　认识标题标签
任务5　 段落元素

和换行元素
的使用
任务6　图片的插入
任务7　超级链接的使用
任务8　列表的使用
任务9　

元素和 元素的使用
技能检测
单元3　HtML 进阶
3．1　表格元素

（块级元素）
3．2　表单元素（块级元素）
单元实训
任务1　 利用

标签制作积分查询表
任务2　制作个人简历表格
任务3　制作用户登录表单
任务4　制作用户注册表单
任务5　 利用

标签为表单分组
技能检测
单元4　HtML5 的新增元素
4．1　HTML5 的布局元素
4．2　HTML5 的页面元素
4．3　HTML5 表单
单元实训
任务1　HTML5 布局标签体验
任务2　 利用标签在文档中插入图像
任务3　 利用标签在文档中制作标题组
任务4　 利用元素高亮显示关键内容
任务5　 利用HTML5 表单功能制作注册表单
技能检测
单元5　Css3 基础
5．1　CSS3 简介
5．2　CSS 样式的3 种使用方式
5．3　CSS3 初级选择器
5．4　CSS3 高级选择器
5．5　CSS 伪类选择器和伪元素选择器
5．6　CSS 优先级
5．7　CSS3 常用属性
单元实训
任务1　CSS 样式实例体验
任务2　内联样式的使用
任务3　内嵌样式表的使用
任务4　外部样式表的使用
任务5　类选择器的使用
任务6　ID 选择器的使用
任务7　后代选择器的使用
任务8　群组选择器的使用
任务9　通配符选择器的使用
任务10　子元素选择器的使用
任务11　相邻兄弟选择器的使用
任务12　兄弟选择器的使用
任务13　属性选择器的使用
任务14　伪类选择器的使用
任务15　伪元素选择器的使用
任务16　文字属性与背景属性的运用
任务17　 利用列表制作超级链接导航栏
任务18　 利用border-radius 制作圆角画框
任务19　用图像制作边框
任务20　为卡片制作阴影效果
任务21　利用阴影制作书页彩页效果
技能检测
单元6　盒模型
6．1　盒模型的概念
6．2　盒模型的宽和高
6．3　盒模型的边框
6．4　盒模型的内边距
6．5　盒模型的外边距
6．6　两种重要的盒模型
单元实训
任务1　计算盒模型的大小和所占空间
任务2　制作并比较盒模型
任务3　 文字属性、背景属性及盒模型的综合运用
技能检测
单元7　Css 布局
7．1　显示
7．2　浮动
7．3　元素定位
单元实训
任务1　 利用display 属性制作超级链接水平导航条
任务2　 利用float 属性制作水平排列的优惠券
任务3　 利用float 属性进行简单页面布局
任务4　 利用HTML5 新增的布局标签进行任务3 的页面的布局
任务5　利用float 属性进行页面布局
任务6　标准流布局
任务7　相对定位布局
任务8　绝对定位布局1
任务9　绝对定位布局2
任务10　固定定位布局
技能检测
单元8　Css3 变形与动画
8．1　 transform 变形动画
8．2　 transition 过渡动画
8．3　 animation 关键帧动画
单元实训
任务1　平移动画的运用
任务2　缩放动画的运用
任务3　旋转动画的运用
任务4　倾斜动画的运用
任务5　动画基准点的设置
任务6　同时设置多种动画
任务7　3D 移动动画的设置
任务8　3D 旋转动画的设置
任务9　3D 缩放动画的设置
任务10　transform2D 旋转动画的运用
任务11　过渡动画的设置
任务12　过渡动画的应用
任务13　制作简单关键帧动画1
任务14　制作简单关键帧动画2
任务15　制作简单关键帧动画3
任务16　 关键帧动画与变形动画结合
任务17　过渡动画制作
技能检测
单元9　 HtML5 多媒体
9．1　 video 元素
9．2　 audio 元素
单元实训
任务1　video 元素的使用
任务2　video 元素其他属性的设置
任务3　source 元素的使用
任务4　音频文件的使用
任务5　格式工厂的使用
技能检测