Web前端开发是高职高专软件技术专业的专业基础课程。《网页设计与基础》教材组从2010年开始进行教材建设。《网页设计与制作--Web前端开发》教材现为第3版，出版时间为2021年9月，字数为558千字。第1版《网页设计与制作》于2011年7月出版，共印刷5次，累计印量16700册。第2版《网页设计与制作》于2014年9月出版，共印刷8次，累计印量7500册。

　　教材编写团队校企双元，5名一线教师参与编写，1名企业人员负责收集企业案例，确保教材的实用性和前瞻性。同时负责对教材内容的审核。 教材结合国家职业教育“学历证书+若干职业技能等级证书”（简称1+X证书）中Web前端开发职业技能开发,融入全国高职职业技能大赛Web前端开发赛项内容，教材从2019年着手进行改版，同时进了了配套数字资源的开发和制作，并立项建设了《Web前端开发》院级在线开放课程。

　　 教材立足学生能力本位进行编写，对标1+X证书，进行模块化编写，有机融入课程思政，教材项目以“项目引入-项目分析-项目准备-项目制作-知识链接-拓展学习-实训作业”七环节层层递进，采用项目引导、任务驱动的编写方式，全面、翔实地介绍了Web前端开发的流程及相关技术、HTML5、CSS3、JavaScript、响应式开发技术、CMS网站管理系统以及动态网站技术。 全书共分为10个项目，项目的设计由易到难，逐层深入，让学生在实际的工作情境下切实掌握网页设计与制作的方法和技能，提高动手能力和解决实际问题的能力。

　　教材编写理念：

　　1.基于CBE(Competence-Based Education 以能力培养为中心的教育教学体系）教学理念开发教材。根据企业调研和招聘网站的信息统计，兼顾专业群专业、综合能力测评、职业培训的各类要求，总结出Web前端开发的主要工作任务和工作职责，将三大能力目标（知识目标、技能目标、素质目标）贯穿于整个教材编写中。

　　2.岗课赛证融通的编写理念，做到三对接。即专业教学标准与职业技能等级标准的对接、职业技能等级标准与教材内容对接、教材内容与数字资源对接。重构Web前端开发教材体系，将证书内容、标准、方法、职业技能岗位需求、职业技能大赛赛项内容有机融入教材编写，促进“三教”改革。

　　3.培养“现代职业人”的理念。 教材编写充分体现对学生职业发展的帮助，充分反映Web前端开发产业发展最新进展，对接科技发展趋势和市场需求、培养学生职业人的理念。拓展学习中，引入Web前端开发新规范。教材通过“项目引入-项目分析-项目准备-项目制作-知识链接-拓展学习-实训作业”七环节，培养、拓宽学生的专业知识面，培养学生的职业精神、专业精神、职业道德，逐步引导学生向“现代职业人”转变。

　　 内容设计：

　　按照高等职业学校软件技术专业教学标准、国家职业技能等级标准“Web前端开发”对教材内容进行重构，建立基于能力本位的模块化教材体系。总结出四个核心技能点，设计出十个教学项目。 核心技能点1：静态网页开发。增加界面设计和图形处理技能点。教材中项目1网页制作基础知识、项目2制作简单的网页，对应1+X标准核心技能点:UI设计/美学基础。项目3“太阳岛”旅游网站制作”、项目4“盟院合作”专题网站制作”、项目5“艾上乐品”服装网站制作、项目6影音网站制作，对应1+X标准核心技能点:的HTML5/CSS3。同时融入职业技能大赛中行业知识应用、项目配置和管理、HTML5+CSS3考核点。 核心技能点2：静态网页美化。项目7“我要回家网”页面制作、项目8“延庆外国语学校”页面制作，对应1+X标准核心技能Javascript/Jquery/ES6。融入职业技能大赛中JavaScript、jQuery、虚拟DOM编程等考核点。 核心技能点3：动态网站搭建与开发。教材中项目9网站动态化，对应1+X标准核心技能点：MYSQL/PHP/Ajax json。融入职业技能大赛中PHP、MySQL数据库管理、数据分析等考核点。 核心技能点4:移动Web应用开发，项目10响应式Web设计，对应的1+X标准核心技能点：Bootstrap/Jquery Mobile。融入职业技能大赛中Bootstrap、基于组件的轻量级框架等考核点。

　　 课程思政融入情况：

　　课程思政浸润全程。通过“项目描述分析”激发学生兴趣，引导学生自主学习。设置“拓展学习”、“知识链接”，根据学生自身发展的需要，对学生科学精神的培养进行适当拓展并向课外延伸。项目选择上：培养学生的人文素养，将马克思主义、爱国主义、中华传统文化等思想与课程相融合如“我要回家网”、“盟院合作”专题网站等。培养学生跨学科整合的能力，项目2中，将PS知识、项目9中，将SQL数据库知识等课程与新媒体网页设计与制作相结合。实训内容选择上，培养学生主动积极、创新、合作的精神品质。