HTML5+CSS3网页设计基础教程（21世纪技能创新型人才培养系列教材·计算机系列；“十四

本教材采用任务式的编 写形式，结构合理、完整， 内容由浅入深，在各个典型 任务中，全面细化知识点。 教材中所选用的案例丰富、 典型，具有普适性，易于学 生理解，旨在帮助学生从简 单的实践任务中抓住重点、 举一反三，达到自主学习的 目的。本教材配套资源中包 含了所有任务的素材、源文 件和效果文件。

单元1 网页设计基本知识 1.1 网站、网页简介 1.2 网页的常见元素 l.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 段落元素(p)和换行元素(br／)的使用 任务6 图片的插入 任务7 超级链接的使用 任务8 列表的使用 任务9 (div)元素和(span)元素的 使用 技能检测 单元3 HTML进阶 3.1 表格元素(table)(块级元素) 3.2 表单元素(fom)(块级元素) 单元实训 任务1 利用(table)标签制作积分查询表 任务2 制作个人简历表格 任务3 制作用户登录表单 任务4 制作用户注册表单 任务5 利用(fieldset)标签为表单分组 技能检测 单元4 HTML5的新增元素 4.1 HTML5的布局元素 4.2 HTML5的页面元素 4.3 HTML5表单 单元实训 任务1 HTML5布局标签体验 任务2 利用(ngure)标签在文档中插入图像 任务3 利用(hgroup)标签在文档中制作标题组 任务4 利用(mark)元素高亮显示关键内容 任务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 元素定位 单元实训 任务l 利用display属性制作超级链接水平导航条 任务2 利用noat属性制作水平排列的优惠券 任务3 利用noat属性进行简单页面布局 任务4 利用HTML5新增的布局标签进行任务3的页面的布局 任务5 利用noat属性进行页面布局 任务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 格式工厂的使用 技能检测