《网页设计与开发》课程标准
一体化课程名称
网页设计与开发(或HTM5等网页类具体课程名称）
基准学时
120
典型工作任务描述
利用HTML5、CSS3开发网站，是指开发人员掌握HTML5相关标签和CSS样式的不同用法，按照HTML5和CSS3相关规则，对网站从头部、导航、主要内容区、尾部利用HTML5和CSS3知识进行布局和样式设计并添加网站相关内容，实现完成一个完整的网页。
网站开发人员从网站项目负责人处接收网站模块开发任务，阅读工作任务单，明确任务要求，查阅相关技术文件，明确完成网站开发模块相关流程及规范；在负责人指导下，规范地进行网站模块布局、内容设计，CSS设计外观样式和网站各模块间的测试与兼容调试，工作过程中要具有安全意识、责任意识，自己调试合格后交付负责人进行网站模块整体验收。
工作内容分析
工作对象
1、DreamWeaver网页制作软件/VSCode软件的学习与熟练应用
2、工作过程中现场工作管理规范的遵循
工具
计算机，DreamWeaver网页制作软件/VSCode软件
工作方法
通过项目教学法实施教学，采用多媒体教学、网络教学等教学手段。
组织实施方式
教师实施一体化教学，学生分组合作完成。
组内进行自评及互评。
工作要求
能设计、开发网站及对网站更新维护的职业能力。
代表性工作任务
任务名称
任务描述
工作时间（小时）
“冬奥会”页面制作
老师给新生各小组布置了一个任务，以“冬奥会”会主题制作一个简易网站，要求要首页，有链接的具体明细子网页，新生要根据现有教辅案例学习、实践、讨论、分析后完成这个综合任务。
学生接到任务后，通过阅读任务书，明确任务要求，查阅网页制作所需的HTML5的基本结构和语法、文本控制标记、图像标记以及超链接标记知识，先学习实践小的知识和技能点，然后试着搭建基本框架，编写相关代码和页面内容，最终调试完成“冬奥会”项目相关图文混排页面。如首页的主标题和副标题标签使用是否正确，副标题特殊颜色是否有效果，图文混排效果是否实现，三个子网页是否布局合理、图文排版是否和效果图一致等。调试合格后交由负责人检查，在工作过程中遵循代码编写相关规范以及机房安全规范。
5-6小时
制作青少年健康教育页面
某学员想要在制作网页时先搭建好网页的基本结构，再去填充相应的模块内容，因为这样会更加有条理一些。HTML5新增了一些结构元素正好可以解决这个问题，它们可以很方便地将各个主题和概念分隔开，使网页文档的结构更加清晰，更易于阅读。
本项目主要利用HTML5结构元素、分组元素与页面交互元素进行网页结构的搭建，通过利用这些元素以及进行相应的属性设置，就可以制作出一个具有层次结构的网页。
6-7小时
制作“反诈小课堂”页面
仅利用前面所学的HTML知识制作网页无法满足网页设计的需求，网页字体、颜色及更加美观的网页布局、动画等都需要使用CSS来实现，这样网页就可以实现HTML结构与CSS表现的分离，开发者在后期维护代码时也会更加便利。
本项目主要利用HTML搭建网页基本框架，利用CSS样式相关字体属性美化网页文字内容，完成一个具有图文混排效果的“反诈小课堂”页面。
技术人员接到任务后，通过阅读任务书，明确任务要求，查阅相关技术文件，确定任务完成的流程及标准；在规定工期内完成一个完整的网页的框架搭建与代码编写及相关调试，如CSS复合选择器的选择与相关代码编写，内容的布局及整个网页的CSS样式设计是否合理以及其他等调试。在制作过程中遵循代码编写相关规范。
5-6小时
制作“安全教育”页面
王老师给移动互联网应用技术专业的学生安排了一个任务，将利用CSS3新增的选择器，以及前面所学的知识和技能，制作一个“安全教育”网页。
学生接到任务后，通过阅读任务书，明确任务要求，查阅网页制作相关知识，如利用CSS3新增选择器相关知识点，结合关面所学知识，完成网页的制作，并在完成后进行调试是否正常运行，在完成作务过程中遵循代码编写相关规范。
8小时
制作“消防安全知识教育”页面
学生处小刘接到主任要求，制一个本周班会主题网页：“消防安全知识教育”。
小刘接到任务后，查阅相关资料及网页制作相关的盒子模型知识布局页面，同时确定任务完成流程及技术规范；在规定时间完成网页框架搭建，利用盒子模型进行CSS网页布局，盒子模型和元素的浮动与定位等；完成后进行相关调试检查，在工作过程中遵守相关代码编写规范。
8小时
制作“青年教育宣传”页面
某青少年网站需要开发人员增加一个“青年教育宣传”页面。
开发人员接到任务后，明确任务要求，查阅相关资料，确定任务完成流程及技术规范；在规定时间内完成网页框架搭建，利用无序列表与超链接等相关知识点，以及盒子模型相关知识制作该页面。要求导航点击对应导航菜单显示相关模块内容。完成后进行相关调试检查，在