按照课程标准与国家职业教学标准对接、与国家职业技能标准融通,教学内容与岗位工作融通,教学过程与Web前端开发过程融通,评价标准与企业质量标准对接、与技能大赛评分标准对接,以企业真实的前端设计案例为基础,系统构建9个项目和23个典型工作任务,项目间技术关联,形成完整的知识架构系统,技术全面覆盖Web前端设计师岗位工作需求。
Overview
Syllabus
- 项目1 HTML5技术概述
- 1、移动互联网的发展
- 2、移动端开发的特点
- 3、基于HTML5技术的移动Web开发
- 4、开发软件HBuilder介绍
- 5、阶段案例
- 6、讨论
- 项目2 HTML基础回顾
- 1、网页设计概述
- 2、网页制作相关技术
- 3、浏览器介绍
- 4、阶段案例
- 5、讨论
- 项目3 JavaScript快速入门
- 1、初识JavaScript
- 2、第一个JavaScript程序
- 3、JavaScript快速入门
- 4、阶段案例:改变网页背景颜色
- 5、讨论
- 项目4 HTML5页面结构元素
- 1、 HTML5的基本语法
- 2、页面布局
- 3、导航栏的制作
- 4、artical文本块
- 5、分组元素
- 6、其他元素及属性
- 7、表单自动完成功能
- 8、表单 input元素新属性
- 9、阶段案例
- 10、讨论
- 项目5 CSS技术
- 1、CSS3的基本语法
- 2、CSS3的高级应用
- 3、阶段案例
- 4、讨论
- 期中考试
- 项目6 HTML Canvas
- 1、canvas基本语法
- 2、不同颜色线宽的平行线的绘制
- 3、镂空正方形的绘制
- 4、圆形的绘制
- 5、矩形的绘制
- 6、画布中心绘制文字
- 7、图片的绘制
- 8、帧动画的绘制
- 阶段案例
- 9、讨论
- 项目7 文件拖放
- 1、拖放概述
- 2、拖放元素
- 3、拖放文件
- 阶段案例
- 项目8 文件存储
- 1、Web Storage
- 2、Web SQL数据库
- 阶段案例
- 3、讨论
- 项目9 网站综合制作实例
- 1、项目创建与整体布局
- 2、页面布局及样式实现
- 3、JavaScript动态效果实现
- 4、讨论
- 期末考试
- 课程术语中英文对照表
- 1、HTML5术语中英文对照表
- 2、JavaScript术语中英文对照表
- 3、常用工具查询表
- HBuilder参考资料
- 课程相关资料
- 1、课程相关证书(X证书)
- 2、课程获奖证书
- 3、参考模板代码
- 4、优秀作品展示
- 5、面试题
- 6、教学课件
- 课程概述
- 课程标准
- 教案
Taught by
Xiaonuo Zhang, Ancui Yuan, Gongqiang Wang, Nina Han, Xiaona Mao, Qingpeng Nie, and Wenlong Zhang