自考14352网页设计与网站建设考试大纲（2026年版）
[ 14352 ] 网页设计与网站建设自学考试大纲浙江省教育考试院 2026 年 3 月自学用书：《网页设计与制作（HTML5+CSS3+JavaScript）》，赵丰年编著，人民邮电出版社 2024 年第 5 版。
参考书目：《网页设计与制作》，人民邮电出版社王君学 2009.7。
一、课程性质与设置目的
要求网页设计与制作是计算机专业的一门必修计算机基础课，是计算机基础教学中的重要环节。《网页设计与制作》是在网络环境中研究网页前端开发技术的应用型学科，主要研究利用 HTML5、CSS3、JavaScript 等技术与工具进行网页的规划设计、界面布局、样式设计、 交互功能实现的方法，研究网页艺术表现与技术实现的融合策略。
《网页设计与制作》教材主要内容包括：（1）网页制作基础，HTML 和 CSS，同时介绍 Photoshop 在网页制作过程中的应用，表格等工具的使用，让学生理解和初步掌握网页的结构搭建与样式控制方法；（2）前端开发核心技术，通过对 CSS 技术的高级应用技巧和 JavaScript 编程的系统讲解，以及对各种常见前端开发技术的梳理，使学生深刻理解和掌握将交互逻辑与网页设计有机融合的基本原理与方法；（3）综合应用，通过从心理学和设计理论视角讲解网页设计原则，并结合 Dreamweaver 工具使用与网站项目开发实践，培养学生综合运用所学知识进行网站策划、设计、开发与发布的能力。
设置本课程的目的是：使自学应考者通过课程的学习，能够培养在互联网时代以用户视角、系统思维和创新意识去理解和规划网页设计工作；利用 HTML5、CSS3、JavaScript 相关技术设计与制作网页，根据网站目标和用户需求确定网页的视觉风格与功能结构；综合运用前端技术实现网页的设计效果与交互功能；正确地理解和评价网页设计作品，可以根据特定需求，设计相关解决方案，开发主题网页，并具备设计或开发完整网页的能力。
学习本课程的要求是：自学应考者应紧密结合当前互联网行业的前端开发实际，全面掌握网页设计与制作的基础理论、核心技术和工作流程，了解网站项目从策划到上线的完整实施环节，理解网页设计与用户体验、后台技术的内在业务逻辑关系，为推进企事业单位的数字化信息传播与网络应用奠定基础。
二、考核内容及目标
第 1 章 HTML5 基础通过本章的学习，了解 Internet、WWW、网站和网页的概念及基本原理，HTML 标记符和属性的语法规则；掌握使用<html><head><title><meta>和<body>等标记符创建基本网页结构的方法；学会综合应用各种标记符和属性，创建基础的网页。
（一）网页的基本概念
（二）HTML 的工作原理
（三）创建网页的基本步骤
（四）使用基本 HTML 标记符（<html> <head> <title> <body> <p>）创建简单网页
1．识记：Internet、WWW、网站和网页的概念及基本原理；
2．领会：在网页中添加内容（包括文本、图像、注释和特殊字符等）的基本过程。
3．应用：综合应用各种标记符和属性，创建内容完整的网页。
第 2 章文本格式与超链接文本是网页内容的最基本表现形式，建立文本的逻辑结构和页面间的超链接是网站开发的核心工作。通过本章的学习，掌握<P>、<h1>～<h6>、<hr>等标记符的用法；掌握文本格式的设置；超链接的基本概念以及如何创建超链接。
（一）文本及超链接的概念
（二）段落格式、字体格式和列表格式的设置
（三）综合应用各种标记符，创建基于文本的网站
1．识记：（1）文本、超链接的概念（2）字符样式、逻辑样式的概念（3）什么是URL。
2．领会：（1）设置文本格式各标记符的用法（2）超链接的创建。
3．应用：综合应用各种标记符，创建基于文本的网站。
第 3 章 CSS3 基础通过本章的学习，理解 CSS 的概念和优点；掌握 CSS 中样式表项的定义方式；掌握常用的 CSS 长度单位和颜色单位；掌握标记符选择器、类选择器、ID 选择器、伪类选择器和群组选择器的用法；掌握常用的 CSS 颜色与背景属性、字体属性和文本属性。
（一）CSS 的概念和优点
（二）CSS 中样式表项的定义方式
（三）常用的 CSS 长度单位和颜色单位
（四）标记符选择器、类选择器、ID 选择器、伪类选择器和群组选择器的用法
（五）常用的 CSS 颜色与背景属性、字体属性和文本属性
1．识记：（1）CSS 的概念和优点；（2）CSS 中样式表项的定义方式；（3）常用的CSS 长度单位和颜色单位；（4）标记符选择器、类选择器、ID 选择器、伪类选择器和群组选择器的用法；（5）常用的 CSS 颜色与背景属性、字体属性和文本属性。
2．领会：区分站点样式、网页样式、行内样式的使用方法和应用场景。
3．应用：综合应用 CSS 技术，对基于文本的网站进行合理的视觉设置。
第 4 章图像
通过本章的学习，掌握位图和矢量图的概念；区分 GIF、JPEG、PNG 格式；掌握 Photoshop 的基本图像处理操作；掌握使用网页图像的要点；掌握图像标记符<img>的使用方法。
（一）位图和矢量图的概念
（二）网页图像格式的概念、应用及特点
（三）使用网页图像的要点
（四）使用 Photoshop 进行基本的图像处理操作
（五）<img>标记符的使用方法
1．识记：（1）位图和矢量图的概念；（2）网页图像格式的概念、应用及特点；
（3）使用网页图像的要点
2．领会：使用 Photoshop 进行基本的图像处理操作
3．应用：综合应用 HTML、CSS 和图像处理技术，设计与制作多媒体网站。
第 5 章表格与表单
通过本章的学习， 掌握<table>、<caption>、<tr>、<td>和<th>标记符和相应属性的用法；理解表单的概念和工作原理；了解常见的表单控件类型；掌握表格的构造方法；
使用 CSS 属性控制表格及表单的显示效果。
（一）表单的概念和工作原理
（二）表格的基本元素构成、合并单元格以及构造表格的步骤
（三）表格的属性设置
（四）表单的基本概念、表单控件、用表单标记符插入表格
（五）创建各种常用的表单控件，包括文本框、密码框、复选框、单选框、按钮、多行文本框、选项菜单等。
1 ． 识记 ： （ 1 ） 表单 的概 念和 工作 原理 ； （ 2 ） 掌握 <table>、<caption>、<tr>、<td>和<th>标记符和相应属性的用法；（3）表格的基本元素构成、合并单元格以及构造表格的步骤；（4）表格的属性设置
2．领会：使用 CSS 属性控制表格及表单的显示效果
3．应用：应用 CSS 属性及表格、表单，构造符合网站需求的表单。
第 6 章 CSS3 进阶通过本章的学习，掌握后代选择器、子元素选择器、相邻兄弟选择器和属性选择器的概念及用法；理解 CSS 盒模型的概念；理解文档流的概念，并能区分三种 CSS 定位机制；掌握<div>和<span>标记符的用法；理解静态定位、浮动定位、相对定位、绝对定位和固定定位的机制；掌握 CSS 分类属性、列表属性和特效属性的用法。
（一）CSS 盒模型的概念、文档流的概念
（二）后代选择器、子元素选择器、相邻兄弟选择器和属性选择器的概念及用法
（三）<div>和<span>等标记符的用法
（四）静态定位、浮动定位、相对定位、绝对定位和固定定位的机制
（五）CSS 分类属性、列表属性和特效属性的用法
1．识记：（1）CSS 盒模型的概念、文档流的概念；（2）后代选择器、子元素选择器、相邻兄弟选择器和属性选择器的概念及用法；（3）静态定位、浮动定位、相对定位、 绝对定位和固定定位的机制；（4）CSS 分类属性、列表属性和特效属性的用法；
2．领会：使用各种定位方式，设计网页布局和特定效果
3．应用：综合应用 CSS 技术，对网页进行合理布局，对整个网站进行一体化的风格设计。
第 7 章 JavaScript 与前端开发技术通过本章的学习，理解客户端脚本的概念；掌握 JavaScript 的基本概念和语法规则，包括变量、运算符与表达式、条件语句、循环语句、函数等；理解对象的概念，掌握如何访问对象的属性和方法；掌握 jQuery 的基本语法规则；掌握 Bootstrap 的使用方法。
（一）理解客户端脚本的概念
（二）掌握 JavaScript 的基本概念和语法规则，包括变量、运算符与表达式、条件语句、循环语句、函数等
（三）理解对象的概念，掌握如何访问对象的属性和方法
（四）掌握 jQuery 的基本语法规则
（五）掌握 Bootstrap 的使用方法。
1．识记：（1）客户端脚本的概念；（2）JavaScript 的基本概念和语法规则，包括变量、运算符与表达式、条件语句、循环语句、函数等；（3）对象的概念，如何访问对象的属性和方法；（4）jQuery 的基本语法规则；（5）Bootstrap 的使用方法。
2．领会：能够编写基本的 JavaScript 程序
3．应用：综合应用 JavaScript 和前端开发技术，开发具有一定功能和统一风格的网站。
第 8 章网页设计基础
通过本章的学习，理解人们在认知时采取的组织原则；掌握 4 个基本设计原则：紧凑、 对齐、重复、对比；理解网站导航的概念，熟悉常见的网站导航元素；列举网站导航测试时使用的常见问题；理解页面比例、页面分栏、版面率、图版面基和跳跃率的概念。
（一）理解人们在认知时采取的组织原则
（二）掌握 4 个基本设计原则：紧凑、对齐、重复、对比
（三）理解网站导航的概念，熟悉常见的网站导航元素
（四）列举网站导航测试时使用的常见问题
（五）理解页面比例、页面分栏、版面率、图版面基和跳跃率的概念。
1．识记：（1）格式塔理论的基本概念和人们在认知时采用的组织原则；（2）4 个基本设计原则：紧凑、对齐、重复、对比；（3）网站导航的概念，熟悉常见的网站导航元素；
（4）网站导航测试时使用的常见问题；（5）页面比例、页面分栏、版面率、图版面基和跳跃率的概念。
2．领会：应用认知和设计的原则，设计网页
3．应用：综合应用 HTML、CSS 和设计原则，设计风格统
一、反映站点需求的网站
第 9 章用
Dreamweaver 制作网页通过本章的学习，了解 Dreamweaver 的基本界面元素；理解 Dreamweaver 中站点的概念；掌握在 Dreamweaver 中使用 CSS 的方法；理解响应式设计的概念；熟练掌握使用 Dreamweaver 进行响应式网站开发。
（一）Dreamweaver 的基本界面元素
（二）Dreamweaver 中站点的概念
（三）在 Dreamweaver 中使用 CSS 的方法
（四）响应式设计的概念
（五）使用 Dreamweaver 进行响应式网站开发。
1．识记：（1）Dreamweaver 的基本界面元素；（2）Dreamweaver 中站点的概念；（3）在 Dreamweaver 中使用 CSS 的方法；（4）响应式设计的概念；（5）使用 Dreamweaver 进行响应式网站开发。
2．领会：使用 Dreamweaver 快速创建站点、编辑网页、应用 CSS 和辅助代码编写。
3．应用：应用 Dreamweaver，结合 Bootstrap，进行响应式网站开发。
第 10 章综合项目实践
通过本章的学习，了解包含规划、设计、开发、发布和维护的网站开发流程；了解网站规划、设计、开发和测试时需要考虑的因素；了解网站开发团队的构成；了解网站策划书的主要内容。
（一）网站开发包含的规划、设计、开发、发布和维护流程（二）网站规划、设计、开发和测试时需要考虑的因素；
（三）网站开发团队的构成（四）网站策划书的主要内容。
1．识记：（1）网站开发包含的规划、设计、开发、发布和维护流程；（2）网站规划、设计、开发和测试时需要考虑的因素；（3）网站开发团队的构成；（4）网站策划书的主要内容。
2．领会：能够运用网站开发流程进行网站项目开发。
3．应用：综合运用所学知识，既能以独立开发人的角色开发一个完整的网站，也能够加入一个网站开发团队，完成复杂网站的开发。
三、题型举例
（考试时间为 150 分钟）（题型仅作参考，实际命题时不受此限）
（一）单项选择题（在备选答案中只有一个是正确的，将其选出并把它的题号写在题后括号内） 2 分×15 题=30 分在网页中显示特殊字符，如果要输入空格，应使用（ ）。
nbsp;
B．&Nbsp; C．  D． （二）判断题 （判断下列说法是否正确，正确在题后括号内填写√，错误填写×） 2分×10 题=20 分
1．在 CSS 中指定颜色，有超过 3 种方法。（ ）
（三）填空题（每空 2 分） 2 分×10 题=20 分
1．合并 HTML 表格的单元格时，应使用<td>或<th>标记符的属性进行行合并，使用属性进行表格列合并。
（四）简答题 5 分×3 题=15 分
1．举例说明向网页中插入脚本的 3 种方法（五）综合实践题 15 分×1 题=15 分制作一个表单网页，要求满足以下条件：
（1）至少使用 4 种表单控件，包括单选框、复选框和文本框。
（2）所有单选框和复选框都设置标签。
（3）表单网页布局合理。
