HTML5网页前端设计第3版教学进度表_第1页
HTML5网页前端设计第3版教学进度表_第2页
HTML5网页前端设计第3版教学进度表_第3页
HTML5网页前端设计第3版教学进度表_第4页
HTML5网页前端设计第3版教学进度表_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

XXXX大学教学进度表202X-202X学年第X学期开课单位：计算机与信息学院课程名称：XXXX课程性质：必修课学分：X总学时：XX理论学时：XX实验学时：XX机动学时：XX授课专业：XXX授课年级：XX级学生人数：XX人信息化教学比例：100%课程大纲及版本：《XXX》202X版主讲教师：XXX职称：XX填表日期：202X年XX月XX日

校历周次起讫日期学时教学内容（章节目）教学形式课程目标评价方式13.1-3.72第一章绪论 1.1Web原理基础 1.1.1Internet与万维网 1.1.2Web架构 1.1.3Web应用 1.2Web前端技术基础 1.2.1HTML技术 1.2.2CSS技术 1.2.3JavaScript技术 1.3Web前端新技术 1.3.1HTML5技术1.3.2CSS3技术 1.4Web开发工具 1.4.1AdobeDreamweaver 1.4.2SublimeText 1.4.3NodePad++ 1.4.4EditPlus 1.5Web技术的前景与展望 1.5.1Flash的兴衰 1.5.2HTML5的前景 1.5.3未来展望 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解Internet与万维网的概念；了解Web服务器与Web浏览器；了解HTML、CSS与JavaScript的概念与特点；了解HTML5与CSS3的概念与特点；掌握任意一款Web开发工具。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）23.8-3.142第二章HTML5基础 2.1HTML5基本结构 2.1.1文档类型声明<!DOCTYPE>2.1.2根标签<html> 2.1.3首部标签<head> 2.1.4主体标签<body> 2.1.5HTML5文档注释 2.1.6HTML5文档规范 2.1.7HTML4.01转换为HTML5 2.2HTML5保留的常用标签 2.2.1基础标签 2.2.2文本格式标签 2.2.3列表标签 2.2.4图像标签 2.2.5超链接标签 2.2.6表格标签 2.2.7框架标签 2.2.8容器标签 2.3HTML5新增的常用标签 2.3.1HTML5新增文档结构标签 2.3.2HTML5新增格式标签 2.4HTML5新增API 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）理解HTML5文档的基本结构；理解HTML5中元素标签的作用；掌握HTML5文档注释的用法；掌握HTML5保留的常用标签的用法；掌握HTML5新增的文档结构标签的用法；掌握HTML5新增的格式标签的用法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）33.15-3.212第三章CSS基础 3.1CSS样式表 3.1.1内联样式表 3.1.2内部样式表 3.1.3外部样式表 3.1.4样式表层叠优先级 3.2CSS选择器 3.2.1元素选择器 3.2.2ID选择器 3.2.3类选择器 3.2.4属性选择器 3.3语法规则 3.3.1注释语句 3.3.2@charset 3.3.3!important 3.4CSS取值与单位 3.4.1数字 3.4.2长度 3.4.3角度 3.4.4时间 3.4.5文本 3.4.6颜色 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解CSS的基本语法规则；了解CSS的常见取值与单位；熟悉CSS样式表的层叠优先级；掌握CSS样式表的三种使用方式；掌握CSS常用选择器的使用；考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）43.22-3.2823.5CSS常用样式 3.5.1CSS背景 3.5.2CSS框模型 3.5.3CSS文本 3.5.4CSS字体 3.5.5CSS超链接 3.5.6CSS列表 3.5.7CSS表格 3.6CSS定位 3.6.1绝对定位 3.6.2相对定位 3.6.3层叠效果 3.6.4浮动 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）掌握CSS常用样式的使用；掌握CSS的四种定位方法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）53.29-4.42第四章JavaScript基础 4.1JavaScript的使用 4.1.1内部JavaScript 4.1.2外部JavaScript 4.2JavaScript语法 4.2.1JavaScript大小写 4.2.2JavaScript分号 4.2.3JavaScript注释 4.2.4JavaScript代码块 4.3JavaScript变量 4.3.1变量的声明 4.3.2变量的命名规范 4.3.3JavaScript关键字和保留字 4.4JavaScript基本数据类型 4.4.1Undefined类型 4.4.2Null类型 4.4.3String类型 4.4.4Number类型 4.4.5Boolean类型4.5JavaScript运算符 4.5.1赋值运算符 4.5.2算术运算符 4.5.3逻辑运算符 4.5.4关系运算符 4.5.5相等性运算符线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解JavaScript的使用方式；了解JavaScript的基本语法规则；熟悉JavaScript的变量声明与命名规范；掌握JavaScript的基本数据类型；掌握JavaScript运算符的使用；考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）64.5-4.1124.6JavaScript条件语句 4.6.1if语句 4.6.2switch语句 4.7JavaScript函数 4.7.1函数的基本结构 4.7.2函数的调用 4.7.3函数的返回值 4.8文档对象模型DOM 4.8.1查找HTML元素 4.8.2DOMHTML 4.8.3DOMCSS 4.8.4DOM事件 4.8.5DOM节点 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）掌握JavaScript条件语句与循环语句的用法；掌握JavaScript函数的使用；掌握JavaScriptDOM的用法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）74.12-4.182第五章HTML5拖放API 5.1HTML5新增拖放API 5.2浏览器支持情况 5.3HTML5拖放API的应用 5.3.1DragEvent事件 5.3.2DataTransfer对象 5.3.3拖放元素过程 5.3.4自定义拖放图标 5.3.5自定义拖放行为 5.3.6本地文件的拖放 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解拖放的概念。熟悉拖放事件DragEvent。熟悉DataTransfer对象。掌握拖放HTML元素的方法。掌握拖放本地文件的方法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）84.19-4.252第六章HTML5表单API 6.1HTML表单基础 6.1.1表单标签<form> 6.1.2输入标签<input> 6.1.3标记标签<label> 6.1.4多行文本标签<textarea> 6.1.5列表标签<select> 6.1.6按钮标签<button> 6.1.7域标签<fieldset>和域标题标签<legend> 6.2HTML5表单新特性 6.2.1HTML5表单新增输入类型 6.2.2HTML5表单新增元素标签 6.2.3HTML5表单新增属性 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解HTML5表单的作用；掌握HTML5表单API保留的常用标签用法；掌握HTML5新增输入类型的用法；掌握HTML5新增元素标签的用法；掌握HTML5新增元素属性的用法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）94.26-5.22第七章HTML5画布API 7.1画布（Canvas）概述 7.1.1HTML5画布 7.1.2画布坐标 7.1.3主流浏览器支持情况一览 7.2HTML5画布API的应用 7.2.1检查浏览器支持情况 7.2.2创建画布 7.2.3画布绘制方法 7.2.4绘制路径 7.2.5绘制矩形 7.2.6绘制图片 7.2.7绘制文本 7.2.8颜色与样式 7.2.9保存和恢复 7.2.10变形 7.2.11剪裁 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解画布的概念和画布坐标系；掌握画布的创建方法；掌握绘制路径与矩形的方法；掌握绘制图片与文本的方法；掌握设置画笔颜色与样式的方法；掌握绘画的保存与恢复功能的应用；掌握图像变形与剪裁的应用。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）105.3-5.92第八章HTML5媒体API 8.1HTML5媒体API概述 8.1.1HTML5音频和视频 8.1.2HTML5媒体支持的格式 8.2主流浏览器支持情况一览 8.2.1对HTML5音频的支持情况 8.2.2对HTML5视频的支持情况 8.3HTML5音频的应用 8.3.1HTML5音频的基本格式 8.3.2检查浏览器支持情况 8.3.3音频来源多样性 8.3.4自定义音频控制 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）理解音频与视频的概念；理解HTML5音频与视频的作用；熟悉HTML5音频和视频支持的媒体文件格式；掌握检测浏览器是否支持HTML5媒体的方法；掌握HTML5中<audio>标签的常见用法；掌握HTML5媒体API其他功能。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）115.10-5.1628.4HTML5视频的应用 8.4.1HTML5视频的基本格式 8.4.2检查浏览器支持情况 8.4.3视频来源多样性 8.4.4自定义视频控制 8.5HTML5媒体API其他通用功能 8.5.1标记媒体播放时间范围 8.5.2跳转媒体播放时间点 8.5.3获取媒体播放时间 8.5.4终止媒体文件的下载 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）掌握HTML5中<video>标签的常见用法；掌握HTML5媒体API其他功能。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）125.17-5.232第九章HTML5Web存储API 9.1Web存储技术概述 9.1.1HTTPCookie存储 9.1.2HTML5Web存储 9.2主流浏览器支持情况 9.3HTML5Web存储API的应用9.3.1检查浏览器支持情况 9.3.2Storage接口 9.3.3localStoragevssessionStorage9.3.4存储数据 9.3.5读取指定数据 9.3.6数据遍历 9.3.7删除指定数据 9.3.8清空所有数据 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解Web存储的概念；了解本地存储与会话存储方式的区别；熟悉Storage接口；掌握存储、读取、遍历和删除数据的方法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）135.24-5.302第十章HTML5字符集与符号 10.1HTML5字符集概述 10.1.1什么是字符集 10.1.2常见字符集介绍 10.2HTML5符号 10.2.1HTML5数学符号 10.2.2HTML5带圈符号 10.2.3HTML5货币符号 10.2.4HTML5卡牌符号 10.2.5HTML5杂项符号 10.3HTML5Emoji 10.3.1什么是Emoji 10.3.2HTML5Emoji笑脸表情系列 10.3.3HTML5Emoji交通系列 10.3.4HTML5Emoji动物系列 10.3.5HTML5Emoji办公系列 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解字符集的概念和常见字符集；了解HTML5符号和常用符号；了解Emoji的概念和常用Emoji系列；掌握HTML5字符集的声明方式；掌握HTML5符号的数据编码和实体名称显示方式；掌握HTML5Emoji的十进制和十六进制编码显示方式。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）145.31-6.62第十一章CSS3技术 11.1CSS3边框和背景效果 11.1.1CSS3边框 11.1.2CSS3背景效果 11.2CSS3文本和字体效果 11.2.1CSS3文本 11.2.2CSS3字体 11.3CSS3变形与动画效果 11.3.1CSS32D变形 11.3.2CSS3Transition动画 11.3.3CSS3Animation动画 11.4CSS3多列 11.4.1columns 11.4.2column-gap 11.4.3column-rule 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）掌握CSS3边框和背景效果的应用；掌握CSS3文本和字体效果的应用；掌握CSS3变形与动画效果的应用；掌握CSS3多列效果的应用。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）156.7-6.132第十二章前端综合应用·基于HTML5+CSS3的高校网站的设计与实现 12.1项目简介 12.2整体布局设计 12.3网站页眉实现 12.4菜单导航栏实现 12.4.1菜单栏目的实现 12.4.2搜索框的实现 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）综合应用HTML5、CSS3与JavaScript开发Web网站；能够在开发过程中熟练掌握HMLT5新增文档结构元素的使用；能够在开发过程中熟练掌握CSS各类选择器的使用和样式的表达；提高开发者实战项目分析能力以及强化综合应用能力。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）166.14-6.20212.5主体内容第一行实现 12.5.1左侧面板的实现 12.5.2右侧面板上方的实现 12.5.3右侧面板下方的实现 12.6主体内容第二行实现 12.7网站页脚实现 12.7.1页脚1的实现 12.7.2页脚2的实现 12.8完整代码展示线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）综合应用HTML5、CSS3

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论