《静态网页设计技术》课程标准.pdfVIP

静态网页设计技术

一、课程基本信息

课程名称静态网页设计技术课程代码

课程类型B类（理论＋实践）课课程性质专业核心课

学时共68学时，其中实践42学时学分3

适用专业计算机应用技术开设学期第2学期

前导课程程序设计基础、图像处理基础

后续课程JavaScript技术应用

课程负责人审核人

二、课程性质与任务

（一）课程性质

本课程是计算机应用技术专业的一门专业核心课程，是获取“Web前端开发”

职业资格等级证书的课程之一。学习的内容包括HTML标签，CSS样式和DIV+CSS

布局，其目的是让学生能够通过代码来设计和制作网页，并进行网站的管理和编

辑。具备静态网页设计技术技能之后，学生方可学习后继课程《JavaScript技

术应用》、《Vue前端框架开发》等，从而逐步深入的不断完善网页，使得网页可

以具有交互功能。

（二）课程任务

本课程的设计坚持以传授知识为基础，以解决问题为核心，以提高能力为主

线，以促进就业为目标，来构建教学内容。课程对应的学习领域是应用相关工具

实现网页制作，为确定学习领域的研究内容，对多家前端企业进行访谈调查，进

行职业岗位分析，确定课程培养目标。根据web前端开发岗位从业人员所必须具

备的综合能力要求，与行业企业合作共同开发与设计学习项目内容，最终本着项

目导向，任务引领的原则“美丽中国年”、“美丽中国”、“美丽泰山”三个教学项

目共15个教学任务。将网页制作需要学习的各个知识点贯穿在三个项目之中，

让学生通过体验网页制作过程、添加网页内容、设置网页样式等三步走的形式，

循序渐进的掌握静态网页设计技术技能。

三、课程目标与要求

（一）课程目标

1.素质目标

（1）编写可读性和可维护性强的代码；

（2）善于代码复用，减少冗余；

（3）持续学习，跟进前端技术的最新发展；

（4）具有科学思维方式，能独立解决问题；

（5）具备良好的沟通能力，与设计师、后端开发等团队成员有效沟通。

（6）增强用户导向意识，关注用户体验，确保界面友好。

（7）合理安排工作二年为，按时交付

（8）遵守职业道德，保护数据安全

2.知识目标

（1）了解WEB站点的工作原理；

（2）了解WWW、HTML、CSS、JavaScript的定义、概念和作用；

（3）掌握各种HTML标签及其关键属性；

（4）掌握各种css样式属性的设置；

（5）掌握div+css的网页布局方法；

（6）掌握主流的网页制作过程和方法。

（7）掌握各种选择器的使用

（8）掌握伪类和伪元素的使用

（9）掌握简单JavaScript函数的编写

（10）理解相对路径的设置方法

（11）了解网站的基本结构和网页制作规范

3.能力目标

（1）能够使用HBuilder创建网站，制作网页；

（2）能够熟练设置文件的相对路径；

（3）能够向网页上添加各种网页元素；

（4）能够使用css对网页进行样式修饰；

（5）能够根据效果图进行网页布局；

（6）能够熟练应用各类选择器选中目标元素；

（7）能够对标签的不同状态进行样式设定；

（8）能够使用表单进行用户交互；

（9）能够使用JavaScript进行简单的用户响应。

（二）课程要求

结合计算机应用技术专业的人才的培养目标，本课程要求学生通过学习，熟

+

悉web前端网页制作的工作流程，熟练应用divcss方法进行网页布局，使用各

种html标签设置网页内容，应用合理的选择器选中页面元素并进而设置元素样

式，注重细节设计，提升用户体验，最终实现网页效果图的百分百还原。同时，

在学习过程中培养学生的规范意识，强化学生的职业道德意识和创新意识，为学

生以后从事实际的web前端工作奠定基础。

四、课程结构与内容

（一）课程结构

依据国家行业执业资格标准和国家行业专业技术标准，经过企业调研和论证，

分析出web前端开发岗位要求学生具备的相关能