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

下载本文档

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

文档简介

某某大学教学进度表2020-2021学年第1学期开课单位：计算机与信息学院课程名称：网页前端开发技术课程性质：必修课学分：3总学时：60理论学时：36实验学时：24机动学时：授课专业：XX专业授课年级：17级学生人数：XX人信息化教学比例：100%课程大纲及版本：《网页前端开发技术》2021版主讲教师：某某某职称：讲师填表日期：2021年XX月XX日

校历周次起讫日期学时教学内容（章节目）教学形式课程目标评价方式1xx.xx-xx.xx2第一章绪论 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.3.3jQuery技术 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未来展望 1.6本章小结 习题1线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解Internet与万维网的概念；了解Web服务器与Web浏览器；了解HTML、CSS与JavaScript的概念与特点；了解HTML5与CSS3的概念与特点；掌握任意一款Web开发工具。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）2xx.xx-xx.xx4第二章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转换为HTML52.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 本章小结 习题2 上机实验(2课时)：1.开发第一个Web页面2.使用HTML5新增标签丰富页面内容线上（√）线下（√）讲授（√）实践（）实验（√）研讨（）双语（）其它（）理解HTML5文档的基本结构；理解HTML5中元素标签的作用；掌握HTML5文档注释的用法；掌握HTML5保留的常用标签的用法；掌握HTML5新增的文档结构标签的用法；掌握HTML5新增的格式标签的用法。上机实验巩固本章节所学知识。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）3xx.xx-xx.xx4第三章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颜色 3.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浮动 3.7本章小结 习题3 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解CSS的基本语法规则；了解CSS的常见取值与单位；熟悉CSS样式表的层叠优先级；掌握CSS样式表的三种使用方式；掌握CSS常用选择器的使用；掌握CSS常用样式的使用；掌握CSS的四种定位方法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）4xx.xx-xx.xx4第四章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相等性运算符 4.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节点 4.9本章小结 习题4线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解JavaScript的使用方式；了解JavaScript的基本语法规则；熟悉JavaScript的变量声明与命名规范；掌握JavaScript的基本数据类型；掌握JavaScript运算符的使用；掌握JavaScript条件语句的用法；掌握JavaScript函数的使用；掌握JavaScriptDOM的用法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）5xx.xx-xx.xx4上机实验(2课时)（任选其一）：《HTML5网页前端设计实战》第1章：1.导航栏菜单的设计与实现2.商务风格表格的设计与实现上机实验(2课时)（任选其一）：《HTML5网页前端设计实战》第2章：1.电子时钟的设计与实现2.电子日历的设计与实现线上（√）线下（√）讲授（√）实践（）实验（√）研讨（）双语（）其它（）上机实验巩固第3、4章节所学知识。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）6xx.xx-xx.xx4第五章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本地文件的拖放 5.4本章小结 习题5 上机实验(2课时)（任选其一）：《HTML5网页前端设计实战》第3章：1.仿回收站效果的设计与实现2.图片相框展示的设计与实现线上（√）线下（√）讲授（√）实践（）实验（√）研讨（）双语（）其它（）了解拖放的概念。熟悉拖放事件DragEvent。熟悉DataTransfer对象。掌握拖放HTML元素的方法。掌握拖放本地文件的方法。上机实验巩固第5章所学知识。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）7xx.xx-xx.xx4第六章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表单新增属性（12个）6.3本章小结 习题6 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）了解HTML5表单的作用；掌握HTML5表单API保留的常用标签用法；掌握HTML5新增输入类型的用法；掌握HTML5新增元素标签的用法；掌握HTML5新增元素属性的用法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）8xx.xx-xx.xx4第七章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剪裁 7.3本章小结 习题7 线上（√）线下（√）讲授（√）实践（）实验（√）研讨（）双语（）其它（）了解画布的概念和画布坐标系；掌握画布的创建方法；掌握绘制路径与矩形的方法；掌握绘制图片与文本的方法；掌握设置画笔颜色与样式的方法；掌握绘画的保存与恢复功能的应用；掌握图像变形与剪裁的应用。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）9xx.xx-xx.xx4上机实验(2课时)（任选其一）：《HTML5网页前端设计实战》第4章：1.用户注册页面的设计与实现2.问卷调查页面的设计与实现上机实验（2课时）（任选其一）：《HTML5网页前端设计实战》第5章：1.手绘时钟的设计与实现2.拼图游戏的设计与实现线上（√）线下（√）讲授（√）实践（）实验（√）研讨（）双语（）其它（）上机实验巩固第6、7章所学知识。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）10xx.xx-xx.xx4第八章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自定义音频控制 8.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终止媒体文件的下载 8.5.5使用Flash播放器 8.6本章小结 习题8 线上（√）线下（√）讲授（√）实践（）实验（√）研讨（）双语（）其它（）理解音频与视频的概念；理解HTML5音频与视频的作用；熟悉HTML5音频和视频支持的媒体文件格式；掌握检测浏览器是否支持HTML5媒体的方法；掌握HTML5中<audio>和<video>标签的常见用法；掌握HTML5媒体API其他功能。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）11xx.xx-xx.xx4上机实验（2课时）（任选其一）：《HTML5网页前端设计实战》第6章：1.音乐播放器的设计与实现2.在线教学视频的设计与实现第九章HTML5地理定位API 9.1位置信息 9.1.1经纬度坐标 9.1.2位置信息的来源 9.2主流浏览器支持情况一览 9.3HTML5地理位置API的应用 9.3.1检查浏览器支持情况 9.3.2Geolocation接口 9.3.3获取当前定位 9.3.4实时更新定位 9.4本章小结 习题9 线上（√）线下（√）讲授（√）实践（）实验（√）研讨（）双语（）其它（）上机实验巩固第8章所学知识。了解经纬度坐标的概念；了解位置信息的来源；掌握getCurrentPosition()的使用方法；掌握watchPosition()的使用方法；掌握clearWatch()的使用方法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）12xx.xx-xx.xx4上机实验（1课时）（任选其一）：《HTML5网页前端设计实战》第7章：1.运动数据记录的设计与实现2.运动轨迹记录的设计与实现第十章HTML5Web存储API 10.1Web存储技术概述 10.1.1HTTPCookie存储 10.1.2HTML5Web存储 10.2主流浏览器支持情况 10.3HTML5Web存储API的应用 10.3.1检查浏览器支持情况 10.3.2Storage接口 10.3.3localStoragevssessionStorage 10.3.4存储数据 10.3.5读取指定数据 10.3.6数据遍历 10.3.7删除指定数据 10.3.8清空所有数据 10.4本章小结 习题10 线上（√）线下（√）讲授（√）实践（）实验（√）研讨（）双语（）其它（）上机实验巩固第9章所学知识。了解Web存储的概念；了解本地存储与会话存储方式的区别；熟悉Storage接口；掌握存储、读取、遍历和删除数据的方法。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）13xx.xx-xx.xx4第十一章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 11.5本章小结 习题11 线上（√）线下（√）讲授（√）实践（）实验（）研讨（）双语（）其它（）掌握CSS3边框和背景效果的应用；掌握CSS3文本和字体效果的应用；掌握CSS3变形与动画效果的应用；掌握CSS3多列效果的应用。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）14xx.xx-xx.xx4上机实验（2课时）（任选其一）：《HTML5网页前端设计实战》第8章：1.网页主题设置的设计与实现2.网页日志本的设计与实现上机实验（2课时）（任选其一）：《HTML5网页前端设计实战》第9章：1.特殊字体效果的设计与实现2.动画放大菜单的设计与实现线上（√）线下（√）讲授（√）实践（）实验（√）研讨（）双语（）其它（）上机实验巩固第10、11章所学知识。考勤（√）笔记（）讨论（√）作业（√）测试（√）报告（）考试（）其它（）15xx.xx-xx.xx4第十二章综合应用设计实例 12.1项目简介 12.2整体布局设计 12.3网站页眉实现 12.4

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

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

最新文档

评论

0/150

提交评论