《HTML5+CSS3网站设计基础教程》 - 教学大纲 下载本文

内容发布更新时间 : 2024/5/4 7:42:34星期一 下面是文章的全部内容请认真阅读。

.

元素的浮动属性float 清除浮动 overflow属性 元素的定位属性 静态定位static 相对定位relative 绝对定位absolute 固定定位fixed z-index层叠等级属性 元素的类型 标记 元素的转换 √ √ √ √ √ √ √ √ √ √ √ √ √ √ √ 第七章 表单的应用

学习单元 表单的应用 1. 了解表单功能,能够快速创建表单。 学习目标 2. 掌握表单相关元素,能够准确定义不同的表单控件。 3. 掌握表单样式的控制,能够美化表单界面。 知识点 表单的构成 学习内容 创建表单 表单属性 √ √ 了解 √ 掌握 重点 难点 学时 8学时 .

.

Input元素的type属性 Input元素的其他属性 textarea元素 select元素 datalist元素 keygen元素 output元素 CSS控制表单样式 √ √ √ √ √ √ √ √ √ √ 第八章 多媒体技术

学习单元 多媒体技术 1. 熟悉HTML5多媒体特性。 2. 了解HTML5支持的音频和视频格式。 学习目标 3. 掌握HTML5中视频的相关属性,能够在HTML5页面中添加视频文件。 4. 掌握HTML5中音频的相关属性,能够在HTML5页面中添加音频文件。 5. 了解HTML5中视频、音频的一些常见操作,并能够应用到网页制作中。 知识点 HTML5多媒体的特性 视频和音频编解码器 学习内容 多媒体的格式 支持视频和音频的浏览器 在HTML5中嵌入视频 √ √ √ √ 了解 √ √ 掌握 重点 难点 学时 6学时 .

.

在HTML5中嵌入音频 音视频中的source元素 调用网页多媒体文件 CSS控制视频的宽高 视频和音频的方法和事件 HTML5音视频发展趋势 √ √ √ √ √ √ √ 第九章 CSS3高级应用

学习单元 CSS3高级应用 学时 8学时 1. 理解过渡属性,能够控制过渡时间、动画快慢等常见过渡效果。 学习目标 2. 掌握CSS3中的变形属性,能够制作2D转换、3D转换效果。 3. 掌握CSS3中的动画,能够熟练制作网页中常见的动画效果。 知识点 transition-property属性 transition-duration属性 transition-timing-function属性 学习内容 transition-delay属性 transition属性 认识transform 2D转换 3D转换 √ √ √ √ √ √ √ 了解 掌握 √ √ √ 重点 难点 .

.

@keyframes animation-name属性 animation-duration属性 animation-timing-function属性 animation-delay属性 animation-iteration-count属性 animation-direction属性 animation属性 √ √ √ √ √ √ √ √ 第十章 实战开发—制作电商网站首页面

学习单元 实战开发—制作电商网站首页面 学时 6学时 1. 掌握站点的建立,能够建立规范的站点。 学习目标 2. 完成首页面的制作,并能够实现简单的CSS3动画效果。 知识点 建立站点 站点初始化设置 学习内容 效果图分析 页面布局 定义公共样式 制作头部、导航及视频内了解 掌握 √ √ √ 重点 √ √ √ 难点 √ .