首页 课程主页
课程分享  
《HTML5前端开发》
主讲教师 张伟伟/安徽财贸职业学院
学习人数 524
开课周期 2023年03月02日 ~ 2023年05月05日
教学进度
预报名
进行中
已结课
课程期次 共 10 周
  • 课程详情
  • 教辅教材
  • 课程评价
  • 常见问题

HTML5前端开发》是课程是高职专科计算机Web前端开发方向开设的一门专业集操作与实践为一体核心课程,在专业人才培养方案中处于重要地位。本课程以《网页设计与制作》与《Web前端开发(JS)》为前导课程。本着“实用、够用、必需”为原则,培养学生的实际应用能力。


课程概述

本课程共分HTML5概述、Canvas APISVG、音频与视频、Geolocation APICommunication APIWeb Sockets APIForms API、拖放、Web Workers APIWeb Storage API、离线Web应用十二个模块,使学习者在熟练掌握HTML5基本应用的基础上,推进HTML5 API的开发与应用,为其将来从事Web技术开发奠定良好的职业技能素养。


课程大纲
  • 第1章 HTML5概述
    • 1.1 HTML5发展史及新功能
    • 1.2 软件开发环境
    • 1.3 HTML5页面元素获取
    • 1.4 选择器的区分使用
  • 第2章 Canvas API
    • 2.1 Canvas API图形绘制
    • 2.2 Canvas绘图基本步骤
    • 2.3 Canvas绘制线段
    • 2.4 Canvas绘制圆弧
    • 2.5 Canvas绘制贝塞尔曲线
    • 2.6 Canvas绘制矩形
    • 2.7 Canvas描边和内部修饰
    • 2.8 Canvas图像填充
    • 2.9 Canvas背景图像填充
    • 2.10 Canvas绘制线性渐变
    • 2.11 Canvas绘制放射性渐变
    • 2.12 实例-绘制松树树冠
    • 2.13 实例-绘制松树树干
    • 2.14 实例-绘制松树阴影
    • 2.15 实例-绘制小路
    • 2.16 实例-绘制文字
  • 第3章 SVG
    • 3.1 SVG矢量图绘制
    • 3.2 SVG直线与矩形绘制
    • 3.3 SVG圆、椭圆、多边形与折线绘制
    • 3.4 SVG路径与文本绘制
    • 3.5 SVG图形的基本操作
    • 3.6 SVG图像填充
    • 3.7 SVG中采用线性渐变和放射性渐变填充图形
    • 3.8 图形的渐变填充
    • 3.9 实例-绘制树
    • 3.10 实例-绘制文字
    • 3.11 实例-动态创建树
    • 3.12 实例-图像交互
  • 第4章 音频与视频
    • 4.1 Audio和Video概述
    • 4.2 媒体控制属性和函数
    • 4.3 自制音乐播放器
    • 4.4 实例-捕捉视频播放器画面
    • 4.5 实例-多帧画面捕捉
    • 4.6 实例-视频回放
  • 第5章 Geolocation API
    • 5.1 页面地图定位知识
    • 5.2 单次定位函数
    • 5.3 单次定位数据获取
    • 5.4 重复定位函数
    • 5.5 地图定位的具体应用
    • 5.6 商用地图定位
  • 第6章 Communication API
    • 6.1 跨文档消息通信概述
    • 6.2 postMessage函数
    • 6.3 实例-跨源消息通信_1
    • 6.4 实例-跨源消息通信_2
    • 6.5 XMLHttpRequest请求介绍
    • 6.6 XMLHttpRequest图片上传
    • 6.7 进度事件
  • 第7章 WebSockets API
    • 7.1 WebSockets概述
    • 7.2 WebSockets握手和接口定义
    • 7.3 WebSockets编程语法
    • 7.4 WebSockets示例应用
    • 7.5 WebSockets定位追踪
  • 第8章 Forms API
    • 8.1 HTML5 Forms概述
    • 8.2 常用标签input
    • 8.3 常用标签select和texterea
    • 8.4 HTML5新增控件
    • 8.5 HTML5新增属性
  • 第9章 拖放
    • 9.1 拖放概述
    • 9.2 拖放事件流
    • 9.3 拖放数据控制
    • 9.4 文本拖放
    • 9.5 图像拖放
    • 9.6 文件拖放
  • 第10章 Web Workers API
    • 10.1 Web Workers概述
    • 10.2 Web Workers通信构建
    • 10.3 多线程处理图像模糊
  • 第11章 Web Storage API
    • 11.1 Web storage概述
    • 11.2 Web storage接口定义
    • 11.3 Web storageEvent API接口定义
    • 11.4 Web storage 使用语法
    • 11.5 Web storage存取
    • 11.6 Web storageEvent应用
  • 第12章 构建离线Web
    • 12.1 HTML5离线web概述
    • 12.2 HTML5离线web构建
授课目标
预备知识
配套教材
参考教材
0.0

0 条评价

本次开课 查看全部
0.0

0 条评价

本次开课 查看全部
1 这门课程是免费学习的吗?
本课程是开设在安徽省网络课程学习中心(e会学)平台上的课程,是免费学习的。
授课教师
安徽财贸职业学院
2024 e会学 皖ICP备05002528号-14 皖公网安备 34010402700145号 Copyright 安徽省网络课程学习中心版权所有