自考14352网页设计与网站建设考试大纲（2025年版）

湖南 省高 等教 育自 学考 试课 程考 试大 纲网页设计与网站建设 （课程代码：14352） 湖南省教育考试院组编 2025 年 6 月高等教育自学考试课程考试大纲课程名称：网页设计与网站建设课程代码：14352

第一部分

课程性质与目标

一、课程性质与特点

网页设计与网站建设是高等教育自学考试计算机应用技术专业的选考课程，是一门系统介绍基于 HTML5+CSS3+JavaScript 的开发基础与应用，并进行 Web 网页设计与制作的课程。课程以模块化的方式组织内容，同时选取静态网站设计与制作的典型应用作为教学案例。

二、课程目标与基本

要求本课程的主要内容有：基于 HTML5 和 CSS3 开发基础与应用、JavaScript 程序设计，并以综合案例——社区新闻网的设计与实现作为网页设计 3 个组合模块的综合应用。通过本课程的学习，要求考生掌握 HTML5、CSS3 和 JavaScript 的基础知识， 并能运用这 3 个组合模块实现较复杂的网页设计与网站建设。

三、与本专业其他课程的关系网页设计与网站建设是高等教育

自学考试计算机应用技术专业的一门专业课程。在学习本课程之前，应该具有计算机文化基础等课程的基础。

第二部分考核内容与考核目标

通过本章的学习，要求考生掌握 Web 相关的概念、HTML5 的基本结构和语法规则，熟练使用记事本或其它编辑环境编辑网页。

（一）Web 的基本概念（一般）识记：1.WWW 或 Web 是 World Wide Web 的缩写，中文译名为“万维网”

2.网页浏览器是在客户端浏览 Web 服务端的应用程序，用于在互联网上检索、展示和导航网页

3.Web 服务器是一种提供 HTTP 服务的服务器

4.标记语言是一种用于定义和描述文档结构的计算机语言

5.网页标准是由万维网联盟（W3C）和其他标准化组织制定的，保证了网页和网页技术的互操作性和一致性理解：1.网页和网站的理解

2.URL 全称为 Uniform Resource Locator，即“统一资源定位符”（二）HTML5 的基本结构和语法规则（次重点）识记：1.HTML5 文档的基本结构

2.HTML5 的基本语法

3.HTML5 的字符实体和颜色表示

4.HTML5 开发人员编码规范（三）用记事本编辑 HTML 文档（一般）识记：常用的 HTML 编辑软件有 Adobe Dreamweaver、Visual Studio Code、HBuilder X、Sublime、Notepad、记事本等。使用记事本手工输入进行编辑，有助于初学者对网页结构和样式的深入了解通过本章的学习，要求考生掌握 HTML 的块级元素及其属性。本章的难点是表单。

（一）基本块级元素（重点）识记：1.水平线元素 hr

2.注释元素

理解：1.标题元素<h1>~<h6>用于定义标题

2.段落元素 p 和换行元素 br（二）列表元素（重点）识记：1.无序列表元素 ul

2.有序列表元素 ol

3.自定义列表元素 dl理解：嵌套列表（三）表格元素 table（重点）识记：基本表格。定义表格元素的格式理解：1.合并表格的行和列

2.实现表格数据的分组

3.调整表格列的格式（四）表单（重点）识记：表单 form 的创建理解：1.输入元素 input

2.标签元素 label

3.选择栏元素 select

4.按钮元素 button

5.多行文本元素 textarea（五）分区元素 div（重点）

理解：分区元素 div 常用于页面布局时对块级元素的组织（六）缩排元素 blockquote（一般）

理解：blockquote 元素用于定义一个块引用（七）实训——制作精选信息板块（次重点）

应用：利用 div 元素组织网页内容，制作精选信息板块通过本章的学习，要求考生掌握 HTML 的行级元素及其属性。本章的难点是图形热区超链接元素。

（一）格式化元素（次重点）识记：1.字体样式元素

2.短语元素

（二）图像元素 img（重点）

应用：img 元素用于向网页中嵌入一幅图像（三）超链接元素 a（重点）识记：1.a 元素

2.空链接

理解：1.用图像作为超链接热点

2.指向其他页面的链接

3.创建链接至书签

4.指向下载文件的链接

5.指向电子邮件的链接

6.JavaScript 链接（四）图像热区超链接元素 map、area（重点）

应用：1.用 map 元素定义图像地图

2.img 元素与 map 元素的关联（五）范围元素 span（重点）

应用：范围元素 span 用于组合文档中的行级元素（六）多媒体元素（重点）

应用：1.音频元素 audio

2.视频元素 video（七）实训——制作广告板块（次重点）

应用：制作社区网首页的广告板块通过本章的学习，要求考生掌握 HTML 中使用 CSS3 的方法。了解 CSS 的特性， 掌握 CSS 的基本语法和 CSS 的选择器。

（一）CSS 设计与编写原则（一般）识记：1.文件夹命名规范：存放 CSS 样式文件的文件夹一般命名为 style 或 css

2.CSS 样式文件的命名规范

3.CSS 选择符的命名规范

4.CSS 代码注释（二）在 HTML 中使用 CSS 的方法（次重点）识记：1.行内样式

2.内部样式

3.链入外部样式文件

4.导入外部样式文件（三）CSS 的两个主要特性（次重点）

理解：1.层叠

2.继承

（四）CSS 的基本语法（次重点）识记：1.CSS 的基本语法

2.编写样式时需要的注意事项（五）CSS 的选择器（重点）识记：1.伪类选择器

2.UI 元素状态伪类选择器

3.结构伪类选择器

4.其他伪类选择器

5.伪元素选择器

理解：1.元素选择器

2.通配符选择器

3.属性选择器

4.派生选择器

5.兄弟选择器

6.id 选择器

7.类选择器

（六）属性值的写法与单位（次重点）识记：1.长度、百分比单位

2.色彩单位

（七）HTML 文档结构元素与元素类型（一般）识记：1.文档结构的基本概念

2.元素类型

（八）实训——制作内容详情页（次重点）

应用：利用本章所学的基础知识创建一个综合性的案例通过本章的学习，要求考生掌握 CSS 的属性，包括 CSS 背景、文本、列表、图像、表格、表单、链接等元素的属性样式。本章的难点是表格、表单元素的属性样式。

（一）CSS 背景属性（重点）识记：1.背景颜色属性 background-color

2.背景图像属性 background-image

3.重复背景图像属性 background-repeat

4.固定背景图像属性 background-attachment

5.背景图像位置属性 background-position

6.背景图像大小属性 background-size理解：1.背景属性的简写属性 background

2.背景覆盖区域属性 background-clip

3.背景图像起点属性 background-origin

4.背景渐变属性 background-image（二）CSS 字体属性（重点）识记：1.字体类型属性 font-family

2.字体尺寸属性 font-size

3.字体倾斜属性 font-style

4.小写字体属性 font-variant

5.字体粗细属性 font-weight

6.字体简写属性 font

7.CSS3 新增使用服务器字体（三）CSS 文本属性（重点）识记：1.文本颜色属性 color

5.文本方向属性 direction

3.字符间隔属性 letter-spacing

4.行高属性 line-height

5.文本水平对齐方式属性 text-align

6.为文本添加装饰属性 text-decoration

7.段落首行缩进属性 text-indent

8.文本的阴影属性 text-shadow

9.文本的大小写属性 text-transform10 元素内部的空白属性 white-space

11.单词之间的间隔属性 word-spacing

12.文本的截断效果属性 text-overflow

13.文本的换行方式属性 word-break

14.单词断字属性 word-wrap（四）CSS 尺寸属性（重点）识记：1.宽度属性 width、高度属性 height

2.最小宽度属性 min-width、最大宽度属性 max-width

3.最小高度属性 min-height、最大高度属性 max-height（五）CSS 列表属性（重点）识记：1.图像作为列表项的标记属性 list-style-image

2.列表项标记的位置属性 list-style-position

3.标记的类型属性 list-style-type

4.列表简写属性 list-style（六）CSS 表格属性（次重点）识记：1.合并边框属性 border-collapse

2.边框间隔属性 border-spacing

3.标题位置属性 caption-side

4.单元格无内容显示方式属性 empty-cells

5.表格设置方式属性 table-layout（七）CSS 内容属性（次重点）

应用：内容属性 content 通常与::after、::before 伪元素选择器配合使用（八）CSS 属性的应用（次重点）

应用：1.设置图像样式

2.设置链接

3.创建导航菜单

（九）实训——制作社区网页面（次重点）

应用：1.制作通知公告目录页面

2.制作导航栏

通过本章的学习，要求考生掌握 CSS 盒模型的结构和大小，掌握盒模型的各种属性，包括布局和定位属性。本章的难点是布局和定位属性。

（一）CSS 盒模型的组成和大小（次重点）识记：1.盒模型由 4 部分组成：内容区域、内边距区域、边框区域和外边距区域

2.盒子的大小

理解：块级元素和行级元素的宽度和高度的设置（二）CSS 盒模型的属性（重点）识记：1.CSS 内边距属性 padding

2.CSS 外边距属性 margin

3.CSS 边框属性 border

4.圆角边框属性 border-radius

5.盒模型的阴影属性 box-shadow

6.边框图像属性 border-image

7.CSS 轮廓属性 outline

8.调整大小属性 resize（三）CSS 布局属性（重点）识记：元素的布局方式也称 CSS 定位机制，CSS 有 3 种基本的定位机制：普通文档流、浮动和定位理解：1.CSS 浮动属性 float

2.清除浮动属性 clear

3.裁剪属性 clip-path

4.内容溢出时的显示方式属性 overflow

5.元素显示方式属性 display

6.元素可见性属性 visibility（四）CSS 盒子定位属性（重点）识记：1.定位位置属性 top、right、bottom、left

2.定位方式属性 position

3.层叠顺序属性 z-index（五）CSS 多列属性（次重点）识记：1.列复合属性 column，列数属性 column-count 和列宽属性 column-width

2.列之间的间隔属性 column-gap、是否横跨所有列属性 column-span

3. 列之 间间 隔复 合属 性 column-rule ， 包含 column-rule-style 、column-rule-color、column-rule-width（六）CSS 基本布局样式（次重点）

理解：1.CSS 布局类型：固定布局、宽度自适应布局、自适应布局、响应式布

2.CSS 布局样式：一栏（列）布局样式、两栏布局样式、三栏布局样式、粘连布局样式（七）实训——制作社区网网页（次重点）

应用：1.制作新闻图片网页

2.制作热点关注网页通过本章的学习，要求考生理解 JavaScript 的数据类型，掌握流程控制、函数、 对象和正则表达式，熟练使用浏览器的开发者工具调试 JavaScript 程序。本章的难点在于理解函数和对象的使用和设计。

（一）JavaScript 概述（一般）识记：JavaScript 脚本语言的主要特点：解释性、基于对象、事件驱动、跨平台、安全性、嵌入式（二）在 HTML 文档中使用 JavaScript（一般）

理解：1.在 HTML 文档中嵌入脚本程序

2.链接脚本文件

3.在 HTML 标签内添加脚本（三）数据类型（重点）

理解：1.数据类型的分类：基本数据类型、引用数据类型

2.基本数据类型：string 类型、number 类型、boolean 类型、undefined类型、null 类型应用：1.数据类型的判断

2.数据类型的转换

（四）标识符、变量和常量（次重点）

理解：1.标识符：关键字标识符、用户标识符

2.字面常量：字符串常量、数值常量、布尔常量

3.定义变量

4.定义常量

（五）运算符和表达式（次重点）

理解：1.运算符和表达式的分类

2.语句的书写规则

（六）流程控制（重点）

应用：1.顺序结构

2.条件选择结构：if 语句、if…else 语句、if…else if…else 语句、swith 语

3.循环结构：for 循环语句、for in 循环语句、while 循环语句、do while循环语句、break 语句、continue 语句（七）函数（次重点）

理解：1.函数的声明

2.函数的调用

3.变量的作用域和生命周期

4.内嵌函数

5.闭包函数

6.箭头函数

7.常用的系统函数

（八）正则表达式（一般）

理解：1.创建正则表达式

2.正则表达式的组成

3.正则表达式使用的方法通过本章的学习，要求考生掌握对象的创建和使用，包括对象的属性和方法。

本章的难点在于理解对象的构造和操作。

（一）JavaScript 对象概述（一般）识记：在 JavaScript 中对象主要分为 3 种类型：本地对象、内置对象和宿主对（二）对象（重点）识记：对象的概念理解：1.在 JavaScript 中，定义类的方法主要有两种：使用构造函数、使用class 关键字

2.创建对象的方法

3.对象属性的添加、赋值、引用、删除和检测属性

4.对象方法的添加、调用和删除

5.对象的遍历与对象的事件（三）内置对象（重点）

理解：1.数学对象

2.字符串对象

3.日期对象

4.数组对象

5.扩展运算符

通过本章的学习，要求考生掌握 BOM 对象和 DOM 对象，以及相关操作。学习难点在于理解和操作 DOM 对象与 CSS 的交互。

（一）BOM 对象（重点）识记：BOM 概述；BOM（Browser Object Model）是指浏览器对象模型理解：1.window 对象的属性和方法

2.document 对象的属性和方法

3.location 对象的属性和方法

4.navigator 对象属性和方法

5.screen 对象属性和方法

6.history 对象属性和方法（二）DOM 对象（次重点）

理解：1.节点和节点树

2.DOM 操作：添加、删除、更新、遍历

3.Node 对象的属性和方法

4.HTML DOM 对象

5.HTML Document 对象

6.HTML Element 对象

7.Node 操作实例（三）DOM 与 CSS（次重点）

理解：1.style 对象

2.currentStyle 对象

3.CSSStyleSheet 对象通过本章的学习，要求考生理解事件的概念、类型，了解事件处理程序的绑定方式，了解 JavaScript 事件的冒泡与捕获，掌握不同类型的 JavaScript 事件处理，如 window、mouse 和 keyboard 事件等。

（一）事件概述（次重点）识记：1.事件的概念

2.事件的类型：HTML 事件、DOM 事件理解：事件处理程序的绑定方式：HTML 事件处理程序方式、通用属性绑定方式、DOM 监听事件绑定方式（二）window 事件（重点）识记：1.load 事件

2.resize 事件

3.focus 和 blur 事件（三）mouse 事件（重点）识记：1.click 事件

2.dblclick 事件

3.mouseover 和 mouseout 事件

4.mousedown、mousemove 和 mouseup 事件（四）keyboard 事件（重点）识记：1.keydown 事件

2.keypress 事件

3.keyup 事件（五）form 事件（重点）

应用：1.submit 和 reset 事件

2.子元素事件处理

（六）事件捕捉与事件冒泡（次重点）

应用：1.事件捕捉与事件冒泡的执行顺序

2.阻止事件冒泡和捕捉

3.取消默认事件

通过本章的学习，要求考生掌握 Web 网站的开发流程。

（一）网站的开发流程和组织结构（一般）

应用：1.创建网站的文件夹结构

2.网站页面的组成

（二）实例——制作社区新闻网的首页（次重点）

应用：1.页面结构代码

2.CSS 样式

（三）实例——制作社区新闻网的列表页（次重点）

应用：1.页面结构代码

2.CSS 样式

（四）实例——制作社区新闻网的内容页（次重点）

应用：1.页面结构代码

2.CSS 样式

第三部分

有关说明与实施要求

一、考核的能力层次表述

本大纲在考核目标中，按照“识记”“理解”“应用”三个能力层次规定其应达到的能力层次要求。各能力层次为递进等级关系，后者必须建立在前者的基础上， 其含义是：识记：能知道有关的名词、概念、知识的含义，并能正确认识和表述，是低层次的要求。

理解：在识记的基础上，能全面把握基本概念、基本原理、基本方法，能掌握有关概念、原理、方法的区别与联系，是较高层次的要求。

应用：在理解的基础上，能运用基本概念、基本原理、基本方法联系学过的多个知识点分析和解决有关的理论问题和实际问题，是最高层次的要求。

二、教材

指定教材：

《网页设计与制作教程——Web 前端开发》，刘瑞新，机械工业出版社， 2024 年第 7 版

三、

自学方法指导

1．在开始阅读指定教材某一章之前，先翻阅大纲中有关这一章的考核知识点及对知识点的能力层次要求和考核目标，以便在阅读教材时做到心中有数，有的放矢。

2．阅读教材时，要逐段细读，逐句推敲，集中精力，吃透每一个知识点，对基本概念必须深刻理解，对基本理论必须彻底弄清，对基本方法必须牢固掌握。

3．在自学过程中，既要思考问题，也要做好阅读笔记，把教材中的基本概念、原理、方法等加以整理，这可从中加深对问题的认知、理解和记忆，以利于突出重点，并涵盖整个内容，可以不断提高自学能力。

4．完成书后作业和适当的辅导练习是理解、消化和巩固所学知识，培养分析问题、解决问题及提高能力的重要环节，在做练习之前，应认真阅读教材，按考核目标所要求的不同层次，掌握教材内容，在练习过程中对所学知识进行合理的回顾与发挥，注重理论联系实际和具体问题具体分析，解题时应注意培养逻辑性，针对问题围绕相关知识点进行层次（步骤）分明的论述或推导，明确各层次（步骤）间的逻辑关系。

四、对社会助学的要求

1．应熟知考试大纲对课程提出的总要求和各章的知识点。

2．应掌握各知识点要求达到的能力层次，并深刻理解对各知识点的考核目标。

3．辅导时，应以考试大纲为依据，指定的教材为基础，不要随意增删内容，以免与大纲脱节。

4．辅导时，应对学习方法进行指导，宜提倡“认真阅读教材，刻苦钻研教材，主动争取帮助，依靠自己学通”的方法。

5．辅导时，要注意突出重点，对考生提出的问题，不要有问即答，要积极启发引导。

6．注意对考生能力的培养，特别是自学能力的培养，要引导考生逐步学会独立学习，在自学过程中善于提出问题，分析问题，做出判断，解决问题。

7．要使考生了解试题的难易与能力层次高低两者不完全是一回事，在各个能力层次中会存在着不同难度的试题。

8．助学学时：本课程共 4 学分，建议总课时 72 学时，其中助学课时分配如下：

章次章节名称学时合计

五、关于命题考试的若干规定

1．本大纲各章所提到的内容和考核目标都是考试内容。试题覆盖到章，适当突出重点。

2．试卷中对不同能力层次的试题比例大致是：“识记”为 30%、“理解”为 40%、“应用”为 30%。

3．试题难易程度应合理：容易、中等、难比例为 3：4：3。

4．每份试卷中，各类考核点所占比例约为：重点占 60%，次重点占 30%，一般占 10%。

5．试题类型一般分为：单项选择题、多项选择题、填空题、简答题、程序设计题、网页设计题。

6．考试采用闭卷笔试，考试时间 150 分钟，采用百分制评分，60 分合格。

六、题型示例（样题）

一、单项选择题

（本大题共 15 小题，每小题 2 分，共 30 分）在每小题列出的四个备选项中只有一个是符合题目要求的，请将其选出并将“答题卡”上的相应字母涂黑。错涂、多涂或未涂均无分。

1．属于标题元素的是A．<a> B．<p> C．<h2> D．<html>

二、多项选择题

（本大题共 5 小题，每小题 2 分，共 10 分）在每小题列出的五个备选项中至少有两个是符合题目要求的，请将其选出并将 “答题卡”上的相应字母涂黑。错涂、多涂、少涂或未涂均无分。

16．属于块级元素的有A．<p> B．<h1> C．<div> D．<form> E．<strong>

三、填空题

（本大题共 5 小题，每小题 2 分，共 10 分）

21 ． HTML 文档 基本 结构 由 3 个标 签负 责组 织 ， 分别 是 <html> 、 和 。

四、简答题

（本大题共 4 小题，每小题 5 分，共 20 分）

26．简述 HTML5 文档的基本结构及语法规范。

五、程序设计题

（本大题共 2 小题，每小题 7 分，共 14 分）

30．编写一个 JavaScript 函数，输入参数为一个整数 n，显示 1~n 中所有奇数。

六、网页设计题

（本大题共 2 小题，每小题 8 分，共 16 分）

32．制作简单的用户调查页面，如图所示。