《Web编程基础》课程根据技术应用型人才的培养目标，以一个生产性企业项目“新闻网”的设计制作贯穿始终，将课程内容整合、序化为8个教学模块，26个开发任务，由易到难、螺旋递进的方式详细讲解Web前端开发技术，介绍HTML和CSS的基础知识和使用技巧。教学内容主要包括Web前端开发的相关概念，网站的设计策划，开发工具的使用，文本图像的创建，CSS样式对页面的美化，列表的典型应用，各种超链接的创建，表格和表单的应用，以及DIV+CSS页面布局等实用技术。知识内容覆盖了“1+X证书”Web前端开发职业技能中HTML+CSS所有基本知识点，同时根据模块主题，融入思政教育内容。

1. 能够获得综合运用Web编程基础知识和技能进行网页设计制作的能力，进一步提升网站设计开发能力。

2. 学习本课程，使学习者掌握Web前端编码、测试、技术服务等岗位的基本职业技能。

3. 提高学习者的综合应用能力，使学习能力强的学生增加知识储备，提高专业技能。

4. 提高学习者解决实际问题能力和创新能力，为其职业生涯的可持续发展和终身学习奠定基础。

5. 学习者还可以参加“1+X证书”Web前端开发职业技能考试并考取相关等级证书。

本课程适合于高职计算机软件技术、计算机应用、移动应用开发、计算机网络技术、信息安全技术应用等专业学生学习；可作为高等院校本、专科计算机及相关专业的学生学习，也可作为Web前端开发学习班的培训教学或网页制作爱好者的学习。本课程适合从零开始学习Web前端开发技术的学习者，无需任何编程基础。

如果你决定开始学习，请准备好以下教材：

《Web编程基础（HTML+CSS）项目实战教程》，ISBN：978-7-121-43828-8；主编：高丽霞；出版社：电子工业出版社。

《WEB编程基础》课程设计从岗位需求出发，能力培养为目标，以工作任务为中心来选择、组织教学。

课程内容包括知识技能和综合应用，共计8个模块。以模仿制作企业真实项目“迪士尼中国官网”贯穿整个教学过程，以7个功能模块逐步完成“迪士尼中国官网”项目的模拟制作，教学过程中以任务驱动的方式，采用教学做一体化教学手段，由浅入深、逐层进阶的方式，学习HTML和CSS基础知识。第8个是综合应用模块，以综合实践为主，着重HTML技术与CSS技术相结合的方式，设计开发经典类型的综合性网站，提升学生的知识整合应用能力和WEB实战开发能力。

² 
知识学习路径

模仿制作 “迪士尼中国官网”项目的过程中，结合HTML和CSS基础知识，完成5张迪士尼网页的模仿制作。其中HTML知识包括各种常用标签，如文本、图像、列表、表格、表单等；CSS知识主要学习页面样式修饰、DIV+CSS页面布局，典型的页面版块制作等。

课程学习进度表

经过广泛调研，各高职院校中开设本课程，一般为64学时，每周4学时，共计16周。两个项目分别以任务驱动、任务拓展的方式同步进行。按6个子项目整合序化知识内容，构建递进式的能力体系。学习进度表如下图：