《HTML5+CSS3网站设计基础教程》_教学大纲

.

2. 掌握表单相关元素,能够准确定义不同的表单控件。 3. 掌握表单样式的控制,能够美化表单界面。 知识点 表单的构成 创建表单 表单属性 Input元素的type属性 学习内容 Input元素的其他属性 textarea元素 select元素 datalist元素 keygen元素 output元素 CSS控制表单样式 了解 √ √ √ √ 掌握 √ √ 重点 √ √ √ √ √ 难点 √ √ 第八章 多媒体技术

学习单元 多媒体技术 1. 2. 3. 4. 5. 学时 6学时 熟悉HTML5多媒体特性。 了解HTML5支持的音频和视频格式。 掌握HTML5中视频的相关属性,能够在HTML5页面中添加视频文件。 掌握HTML5中音频的相关属性,能够在HTML5页面中添加音频文件。 了解HTML5中视频、音频的一些常见操作,并能够应用到网页制作中。 了解 √ √ √ √ √ √ 掌握 √ √ √ 重点 √ √ 难点 √ √ 学习目标 知识点 HTML5多媒体的特性 视频和音频编解码器 多媒体的格式 支持视频和音频的浏览器 学习内容 在HTML5中嵌入视频 在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动画效果。 知识点 建立站点 站点初始化设置 效果图分析 页面布局 定义公共样式 学习内容 制作头部、导航及视频内容 制作内容部分(新品) 制作内容部分(试装) 制作内容部分(评测) 制作脚部(信息注册)及版权信息部分

…………………………………………………………………

了解 掌握 √ √ √ 重点 √ √ √ √ √ √ √ 难点 √ √ √ √ 五、学时分配

;.

.

章目 第一章 初识HTML5 第二章 HTML5 页面元素及属性 第三章 CSS3入门 第四章 CSS3选择器 第五章 CSS盒子模型 第六章 浮动与定位 第七章 表单的应用 第八章 多媒体技术 第九章 CSS3高级应用 第十章 实战开发—制作电商网站首页面 合计 讲课 6学时 4学时 5学时 5学时 5学时 5学时 5学时 4学时 5学时 3学时 上机 4学时 2学时 3学时 3学时 3学时 3学时 3学时 2学时 3学时 3学时 合计 10学时 6学时 8学时 8学时 8学时 8学时 8学时 6学时 8学时 6学时 47学时 29学时 76学时 六、考核模式与成绩评定办法

本课程为考试课程,期末考试采用百分制的闭卷考试模式。学生的考试成绩由平时成绩(30%)和期末考试(70%)组成,其中,平时成绩包括出勤(5%)、作业(5%)、上机成绩(20%)。

七、选用教材和主要参考书

本大纲是根据教材《HTML5+CSS3网站设计基础教程》所设计的。 参考书籍:

传智播客.《网页设计与制作(HTML+CSS)》中国铁道出版社.201408

传智播客.《HTML+CSS+JavaScript网页制作案例教程》人民邮电出版社.201508

八、大纲说明

本课程的授课模式为:课堂授课+上机,其中,课堂主要采用多媒体的方式进行授课,并且会通过测试题阶段测试学生的掌握程度;上机主要是编写程序,要求学生动手完成指定的程序设计或验证。

撰写人: 审定人:

;.

.

批准人: 执行时间:

;.

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4