学校云 建设你的专属在线教育平台
中国大学MOOC
SPOC学校专有课程
HTML5网页前端设计
分享
spContent=Web前端开发工程师是社会亟需人才。本课程以《Web 前端开发职业技能等级标准》初级为标准,由“HTML5、CSS3、jQuery框架" Web前端核心技术元素组成3大教学模块,基于“搭建网页结构——美化网页效果——添加网页交互”工作过程展开学习,提供坚实理论基础、典型实用案例、前沿技术。
—— 课程团队
课程概述

随着新一轮科技革命与信息技术革命的到来,推动了产业机构调整与经济转型升级发展新业态的出现。从PC端到移动端,再到新显示技术、智能机器人、自动驾驶、智能穿戴设备、自动驾驶等新兴领域,都需要使用Web前端开发技术,Web前端开发人员人才需求量巨大。  

 HTML5标准于2014年10月制定完成,是目前主流的Web前端语言,广义上的HTML 5不仅仅是HTML规范的最新版本,它是包含HTML 5核心规范、CSS3层叠样式表和JavaScript脚本技术的一系列用于页面设计的相关技术总称。

《HTML5网页前端设计》课程在Web前端开发(群)(网页制作与设计、移动网页制作与设计、HTML5开发、JS开发)职业能力分析基础上选取教学内容,全面覆盖Web前端开发岗位群初级岗位所需技能,按照“搭建网页结构——美化网页效果——添加网页交互”的网站设计工作过程,精心准备了“HTML5、CSS3、javaScript和jQuery"3大教学任务模块,涵盖“网页布局、移动端响应式网页制作、CSS3高级应用、jQuery交互”这些实用技能知识。

课程内容包括知识点、知识型案例、单元综合案例、企业级应用案例。按照“知识点应用场景—知识点基础讲解——典型案例练习知识点——单元阶段案例综合知识点——企业级应用拓展知识点”学习路径进行知识点学习,从而形成系统、坚实的理论基础。课程中课程组精心设计了丰富、实用的“知识型案例、单元综合案例、企业级应用案例”三级案例体系,所有知识点均内嵌于案例中,可以由案例快速入门,带动知识点系统学习,具备较强的实践能力,所有案例的源代码均可以在线下载。

课程支持个性化学习方案,面向两种不同基础的学习者。每一单元由基础知识——Web2.0基础知识(HTML4、CSS2、JavaScript)和进阶知识(HTML5、CSS3、jQuery)组成。零基础的学习者,建议从头开始学习;有一定Web2.0基础的同学,可以在每一单元中直接进入HTML5、CSS3、jQuery新内容部分学习,重点领略HTML5、CSS3、jQuery新技术的魅力。

通过课程学习,学习者掌握Web前端开发基础知识,具备静态网站搭建、移动端网站开发、网页美化、网页交互设计等能力,胜任Web前端开发初级岗位。

 


授课目标

1.  深入理解Web前端工作机制、Web标准内涵,能熟练使用Web标准设计网页;

2.  掌握HTML5新特性,能熟练使用HTML5技术搭建网页结构;

3.  掌握CSS3新特性,能熟练使用CSS3新特性美化网页效果;

4.  掌握JavaScript事件驱动机制、DOM,能熟练使用其设计网页交互。

5.  掌握轻量级框架—jQuery,能熟练使用其设计网页交互动态效果。



课程大纲
预备知识

学习者应学习《计算机基础》课程,了解计算机组成及工作机制,有一定的计算机知识基础。



参考资料

w3school在线教程:https://www.w3school.com.cn

菜鸟教程:https://www.runoob.com/

jQuery官网:https://jquery.com/;

《Web前端设计从入门到实战——HTML5、CSS3、JavaScript项目案例开发(第2版)》

作者:张树明 清华大学出版社 ISBN:9787302516286;

《HTML5基础知识 核心技术与前沿案例》

作者:刘欢 人民邮电出版社ISBN:9787115427434