个人介绍
HTML5技术应用

主讲教师:王琰琰,李秋敬

教师团队:共3

  • 王琰琰
  • 李秋敬
  • 陈婧
学校: 聊城职业技术学院
开课院系: 信息工程系
开课专业: WEB前端
学分: 4
课时: 64
XY课程介绍
        HTML5技术应用课程通过全面、概括性地介绍HTML5语言的基础知识和技能,并配合必要的应用实践教学,使学生掌握HTML5页面制作方面的相关知识,具备使用HTML5及CSS创建HTML5网页的基本能力与基本素质,为从事网站前端或移动开发的相关工作做准备。
教师团队

王琰琰

职称:副教授

单位:聊城职业技术学院

部门:信息工程系

职位:教研室主任

李秋敬

职称:讲师

单位:聊城职业技术学院

部门:信息工程系

陈婧

职称:副教授

单位:聊城职业技术学院

部门:信息工程系

参考教材

 1.吴英宾、王琰琰主编《HTML5应用开发案例教程》,机械工业出版社,2021年1月。

 2.黑马程序员编著《HTML5+CSS3网页设计与制作》,人民邮电出版社,2020年4月,“十三五”规划教材。

  3.汤佳、陈晓男主编《HTML5+CSS3网页设计任务教程》,高等教育出版社,2018年10月,十三五”规划教材。

  


XY课程简介

HTML5技术应用课程主要讲解HTML5标签和CSS3的知识,同时讲解HTML5和CSS3的新特性:视频和音频的引入、过渡、变形和动画,通过这些知识的学习,学生能够运用所学知识,根据html5书写规范,制作出有动态效果的静态网站。

本课程教学内容是以工作过程为导向,以岗位需求为依据,以HTML5页面开发技术为核心,以真实完整的情境与项目为主要教学载体,围绕职业能力的形成组织课程内容,设计学习任务,构建任务驱动型课程。HTML5引进了新的功能及标签,可以真正改变用户与文档的交互方式,是一次HTML语言的革新。

内容组织上,针对本课程的特点,科学安排课时分配,主要采用项目、任务和案例驱动教学方法,将HTML5的基础知识划分为HTML5标签,CSS3选择器、多媒体应用、过渡、变形和动画,融合在多个任务的实施过程中,结合启发式教学、案例实现、任务实施等多种教学形式,调动学生主动学习的积极性,鼓励学生通过案例、网络资源,结合泛雅平台的资源进行自主学习,轻松掌握了每个知识点。课程以理论实践相结合理实一体化的方式进行教学,理论知识、项目操作和任务实施、案例练习同步进行,在实例中体现知识点的使用,同时通过实例把知识点更具体的表示出来。通过这种方式,推动学生思考问题积极性与创新能力。



XY课程收获

  通过本课程的学习使学生具备信息技术行业应用性人才所必需的Web前端开发技术,培养学生学生的页面交互能力、页面特效能力、程序设计能力,使学生具备从事网站前端工程师等岗位的能力。

XY学习人群

计算机专业的学生,对网站前端开发感兴趣的学生,都可以进行学习。

课程评价

教学资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.9 章节PPT
文档
.pptx
2021-03-04 3.53MB
1.10 HTML5标准
文档
.docx
2022-08-27 49.27KB
1.11 章节测验
作业
.work
2022-08-27 --
1.12 课程介绍
视频
.mp4
2022-08-29 63.35MB
1.13 项目的建立
视频
.mp4
2022-09-06 10.82MB
1.14 超链接的建立
视频
.mp4
2022-09-06 5.08MB
2.3.1 header
视频
.mp4
2022-10-21 20.70MB
 
附件
.${file.extension}
2022-10-21 --
 
附件
.${file.extension}
2022-10-21 --
 
附件
.${file.extension}
2022-10-21 --
2.3.2 nav
视频
.mp4
2022-10-21 20.67MB
 
附件
.${file.extension}
2022-10-21 --
2.3.3 article
视频
.mp4
2022-10-21 19.10MB
 
附件
.${file.extension}
2022-10-21 --
 
附件
.${file.extension}
2022-10-21 --
2.3.6 footer
视频
.mp4
2022-10-21 17.76MB
2.4 结构元素案例练习
附件
.${file.extension}
2022-09-12 --
 
视频
.mp4
2022-10-21 29.20MB
 
附件
.${file.extension}
2022-10-21 --
 
附件
.${file.extension}
2022-10-21 --
2.5 项目练习-旅游网站页面
附件
.${file.extension}
2022-09-08 --
 
附件
.${file.extension}
2022-09-08 --
2.7 页面交互元素
视频
.mp4
2022-10-21 6.83MB
 
视频
.mp4
2022-10-21 11.86MB
2.9 全局属性
视频
.mp4
2022-10-21 6.06MB
2.10 章节PPT
文档
.pptx
2019-02-27 3.23MB
2.11 章节案例:制作电影影评网
附件
.${file.extension}
2022-09-18 --
 
附件
.${file.extension}
2022-09-18 --
 
附件
.${file.extension}
2022-09-18 --
2.12 章节测验
作业
.work
2022-09-05 --
3.1 css3入门
视频
.mp4
2017-10-10 251.32MB
3.2 css3简介
视频
.mp4
2022-10-21 19.37MB
3.3 核心基础
视频
.mp4
2022-10-21 35.69MB
 
视频
.mp4
2022-10-21 14.68MB
 
视频
.mp4
2022-10-21 21.04MB
 
视频
.mp4
2022-10-21 13.58MB
 
附件
.${file.extension}
2022-10-21 --
3.5 章节PPT
文档
.ppt
2022-09-14 6.15MB
3.6 章节测验
作业
.work
2022-09-19 --
4.1 属性选择器
视频
.mp4
2022-10-21 15.26MB
 
附件
.${file.extension}
2022-10-21 --
 
附件
.${file.extension}
2022-10-21 --
 
附件
.${file.extension}
2022-10-21 --
4.2 关系选择器
视频
.mp4
2022-10-21 13.14MB
 
附件
.${file.extension}
2022-10-21 --
 
附件
.${file.extension}
2022-10-21 --
 
附件
.${file.extension}
2022-10-21 --
 
附件
.${file.extension}
2022-10-21 --
4.3 结构化伪类选择器
附件
.${file.extension}
2021-03-23 --
 
附件
.${file.extension}
2021-03-23 --
 
附件
.${file.extension}
2021-03-23 --
 
附件
.${file.extension}
2021-03-23 --
4.4 伪元素选择器
附件
.${file.extension}
2021-03-23 --
 
附件
.${file.extension}
2021-03-23 --
 
附件
.${file.extension}
2021-03-23 --
4.5 伪类选择器
视频
.mp4
2024-03-20 15.30MB
4.6 伪元素选择器
视频
.mp4
2021-03-24 101.98MB
4.7 border-radius属性
视频
.mp4
2022-10-24 13.58MB
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
4.8 拖放
视频
.mp4
2021-03-24 118.79MB
 
附件
.${file.extension}
2021-03-24 --
 
附件
.${file.extension}
2021-03-24 --
 
附件
.${file.extension}
2021-03-24 --
4.9 案例:网页制作软件列表
附件
.${file.extension}
2021-03-24 --
 
附件
.${file.extension}
2021-03-24 --
 
附件
.${file.extension}
2021-03-24 --
 
附件
.${file.extension}
2021-03-24 --
 
视频
.mp4
2021-03-24 15.76MB
4.10 案例:简单的图片灯箱导航
附件
.${file.extension}
2021-04-06 --
 
视频
.mp4
2021-04-06 21.51MB
 
附件
.${file.extension}
2021-04-06 --
 
附件
.${file.extension}
2021-04-06 --
 
附件
.${file.extension}
2021-04-06 --
 
附件
.${file.extension}
2021-04-06 --
 
视频
.mp4
2021-04-06 15.30MB
 
附件
.${file.extension}
2021-04-06 --
 
附件
.${file.extension}
2021-04-06 --
 
附件
.${file.extension}
2021-04-06 --
 
附件
.${file.extension}
2021-04-06 --
4.11 章节PPT
文档
.ppt
2022-09-14 4.69MB
4.12 章节测验
作业
.work
2022-09-29 --
5.1 盒子模型基础
视频
.mp4
2022-10-24 24.45MB
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
5.2 背景属性
视频
.mp4
2022-10-24 16.74MB
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
5.4 图片边框
视频
.mp4
2022-10-24 28.20MB
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
5.6 box-sizing属性
视频
.mp4
2022-10-25 16.89MB
5.7 背景属性
视频
.mp4
2022-10-25 33.22MB
 
视频
.mp4
2022-10-25 61.66MB
 
附件
.${file.extension}
2022-10-25 --
 
附件
.${file.extension}
2022-10-25 --
 
附件
.${file.extension}
2022-10-25 --
 
附件
.${file.extension}
2022-10-25 --
 
附件
.${file.extension}
2022-10-25 --
 
附件
.${file.extension}
2022-10-25 --
5.8 精灵图片的运用
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
视频
.mp4
2022-10-24 43.59MB
 
附件
.${file.extension}
2022-10-24 --
5.9 css3渐变属性
视频
.mp4
2022-10-25 41.23MB
 
视频
.mp4
2022-10-25 29.05MB
 
附件
.${file.extension}
2022-10-25 --
 
附件
.${file.extension}
2022-10-25 --
 
附件
.${file.extension}
2022-10-25 --
 
附件
.${file.extension}
2022-10-25 --
5.11 百度音乐排行榜
附件
.${file.extension}
2021-04-07 --
 
附件
.${file.extension}
2021-04-07 --
5.13 案例:播放器图标
视频
.mp4
2022-10-25 85.08MB
 
附件
.${file.extension}
2022-10-25 --
 
附件
.${file.extension}
2022-10-25 --
5.14 章节PPT
文档
.ppt
2022-09-14 7.70MB
5.15 章节测验
作业
.work
2022-10-25 --
6.1 列表
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
6.2 超链接
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
6.3 案例:企业新闻页面
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
6.4 案例:课程介绍专栏
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
 
附件
.${file.extension}
2022-11-05 --
6.5 章节测验
作业
.work
2022-11-14 --
7.1 浮动属性
附件
.${file.extension}
2021-04-20 --
 
附件
.${file.extension}
2021-04-20 --
 
附件
.${file.extension}
2021-04-20 --
 
附件
.${file.extension}
2021-04-20 --
7.2 溢出属性
附件
.${file.extension}
2021-04-20 --
7.3 元素的定位属性
附件
.${file.extension}
2021-04-20 --
 
附件
.${file.extension}
2021-04-20 --
7.4 z-index层叠等级属性
附件
.${file.extension}
2021-04-20 --
7.5 元素的类型转换
附件
.${file.extension}
2021-04-20 --
7.6 案例:网页焦点图
附件
.${file.extension}
2021-04-20 --
 
附件
.${file.extension}
2021-04-20 --
 
视频
.mp4
2022-11-14 83.76MB
 
附件
.${file.extension}
2022-11-14 --
 
附件
.${file.extension}
2022-11-14 --
7.7 案例:热销教材效果的实现
附件
.${file.extension}
2021-04-21 --
 
附件
.${file.extension}
2021-04-21 --
 
附件
.${file.extension}
2021-04-21 --
 
附件
.${file.extension}
2021-04-21 --
 
附件
.${file.extension}
2021-04-21 --
7.8 章节PPT
文档
.ppt
2022-09-14 5.66MB
7.9 章节测验
作业
.work
2022-10-25 --
8.1 表格
视频
.mp4
2022-11-07 26.33MB
 
视频
.mp4
2022-11-07 21.89MB
 
附件
.${file.extension}
2022-11-07 --
 
附件
.${file.extension}
2022-11-07 --
 
附件
.${file.extension}
2022-11-07 --
 
附件
.${file.extension}
2022-11-07 --
 
附件
.${file.extension}
2022-11-07 --
 
附件
.${file.extension}
2022-11-07 --
 
附件
.${file.extension}
2022-11-07 --
 
附件
.${file.extension}
2022-11-07 --
 
附件
.${file.extension}
2022-11-07 --
8.1.1 CSS控制表格样式
视频
.mp4
2022-11-07 42.64MB
 
附件
.${file.extension}
2022-11-07 --
8.1.2 案例:学员信息登记表
附件
.${file.extension}
2022-11-08 --
 
附件
.${file.extension}
2022-11-08 --
8.2 表单属性
附件
.${file.extension}
2021-04-26 --
 
附件
.${file.extension}
2021-04-26 --
8.3 input属性值
附件
.${file.extension}
2021-04-27 --
 
附件
.${file.extension}
2021-04-27 --
8.3.1 常用的正则表达式
附件
.${file.extension}
2021-04-26 --
 
附件
.${file.extension}
2021-04-26 --
8.4 list属性和datalist标记的绑定
附件
.${file.extension}
2021-04-27 --
8.5 multiple属性
附件
.${file.extension}
2021-04-27 --
8.6 max、min和step的使用
附件
.${file.extension}
2021-04-27 --
8.7 pattern属性
附件
.${file.extension}
2021-04-27 --
8.8 案例:用户登录页面的实现
视频
.mp4
2022-11-14 143.04MB
 
附件
.${file.extension}
2022-11-14 --
 
附件
.${file.extension}
2022-11-14 --
8.9 案例:学员信息登记表的实现
附件
.${file.extension}
2021-04-27 --
 
附件
.${file.extension}
2021-04-27 --
 
附件
.${file.extension}
2021-04-27 --
8.10 章节PPT
文档
.ppt
2022-09-14 4.62MB
8.11 章节测验
作业
.work
2022-11-03 --
9.1 视频和音频解码器
附件
.${file.extension}
2021-05-19 --
 
附件
.${file.extension}
2021-05-19 --
9.2 多媒体格式
附件
.${file.extension}
2021-05-19 --
 
附件
.${file.extension}
2021-05-19 --
 
附件
.${file.extension}
2021-05-19 --
9.3 视频的嵌入
附件
.${file.extension}
2021-05-19 --
9.4 音频的嵌入
附件
.${file.extension}
2021-05-19 --
9.5 音视频中的source元素
附件
.${file.extension}
2021-05-19 --
9.6 使用DOM控制video
附件
.${file.extension}
2021-05-19 --
9.7 案例:风中的麦浪
附件
.${file.extension}
2022-11-23 --
 
附件
.${file.extension}
2022-11-23 --
 
附件
.${file.extension}
2022-11-23 --
9.8 案例:使用DOM控制视频
附件
.${file.extension}
2021-05-25 --
 
附件
.${file.extension}
2021-05-25 --
 
附件
.${file.extension}
2021-05-25 --
9.9 章节PPT
文档
.ppt
2022-09-14 3.84MB
10.3 css动画
视频
.mp4
2021-06-01 493.13KB
 
附件
.${file.extension}
2021-06-01 --
 
视频
.mp4
2021-06-01 853.17KB
 
附件
.${file.extension}
2021-06-01 --
10.6 简单过渡效果
视频
.mp4
2021-05-24 227.17KB
 
附件
.${file.extension}
2021-05-24 --
10.7 案例:工作日天气预报
视频
.mp4
2021-06-07 9.48MB
 
附件
.${file.extension}
2021-06-07 --
 
附件
.${file.extension}
2021-06-07 --
10.8 案例:过渡与变形的综合运用
视频
.mp4
2022-11-29 2.91MB
 
附件
.${file.extension}
2022-11-29 --
10.9 案例:2D变形
附件
.${file.extension}
2022-11-29 --
 
附件
.${file.extension}
2022-11-29 --
10.10 案例:3D旋转
视频
.mp4
2022-11-29 788.11KB
 
附件
.${file.extension}
2022-11-29 --
 
附件
.${file.extension}
2022-11-29 --
 
附件
.${file.extension}
2022-11-29 --
 
附件
.${file.extension}
2022-11-29 --
10.11 案例:3D旋转之盒子旋转
视频
.mp4
2022-11-29 312.71KB
 
附件
.${file.extension}
2022-11-29 --
 
附件
.${file.extension}
2022-11-29 --
 
附件
.${file.extension}
2022-11-29 --
10.12 案例:动画的应用
视频
.mp4
2022-11-29 2.13MB
 
附件
.${file.extension}
2022-11-29 --
 
附件
.${file.extension}
2022-11-29 --
10.13 章节PPT
文档
.ppt
2022-09-14 6.73MB
11.1 画布的创建
附件
.${file.extension}
2021-06-08 --
 
附件
.${file.extension}
2021-06-08 --
 
附件
.${file.extension}
2021-06-08 --
11.2 绘制图形的步骤
附件
.${file.extension}
2021-06-08 --
11.3 绘制矩形和清除矩形
附件
.${file.extension}
2021-06-08 --
11.4 绘制圆形
附件
.${file.extension}
2022-11-30 --
 
附件
.${file.extension}
2022-11-30 --
 
附件
.${file.extension}
2022-11-30 --
11.5 使用图像
附件
.${file.extension}
2022-11-30 --
 
附件
.${file.extension}
2022-11-30 --
 
附件
.${file.extension}
2022-11-30 --
 
附件
.${file.extension}
2022-11-30 --
 
附件
.${file.extension}
2022-11-30 --
11.6 其他方法绘制图形
附件
.${file.extension}
2021-06-08 --
11.7 案例:网页涂鸦板
附件
.${file.extension}
2022-11-30 --
 
附件
.${file.extension}
2022-11-30 --
 
附件
.${file.extension}
2022-11-30 --
11.8 案例:绘制五环
附件
.${file.extension}
2022-11-30 --
 
附件
.${file.extension}
2022-11-30 --
12.1 效果图
视频
.mp4
2021-06-21 12.00MB
 
附件
.${file.extension}
2021-06-21 --
 
附件
.${file.extension}
2021-06-21 --
12.2 页面头部的实现
附件
.${file.extension}
2021-06-21 --
 
附件
.${file.extension}
2021-06-21 --
 
附件
.${file.extension}
2021-06-21 --
12.3 页面导航的实现
附件
.${file.extension}
2021-06-23 --
13.1 大国工匠
附件
.${file.extension}
2022-09-18 --
13.2 自主学习、勤于学习
附件
.${file.extension}
2022-09-18 --
课程章节
提示框
提示框
确定要报名此课程吗?
确定取消

京ICP备10040544号-2

京公网安备 11010802021885号