自考13167网页设计与制作考试大纲（1990年版）

北京市高等教育自学考试课程考试大纲课程名称：网页设计与制作课程代码：13167（笔试） 2024 年 12 月版

第一部分课程性质与设置目的

一、课程性质与特点

《网页设计与制作》是北京市高等教育自学考试艺术设计（专科）专业的一门专业课程，是在完成公共基础课程学习后开设的选考课。网站作为现代科技发展的重要产物，网页设计的好坏在网站建设中起到关键性作用。网站建设更加注重用户体验，而美观实用的网页设计可以为企业树立良好的品牌形象，向用户展示企业自身风采，提高企业知名度， 使企业在互联网市场竞争中处于有利地位。同时为了有效实现网页设计的最高价值，网站建设能满足企业业务自动化需求，实现资源科学化、快捷化、高效化的合理配置，将以人为本的设计理念在网站建设中深入贯彻，用户的人文主义情感在网页设计和网站建设的实际操作中得到重要体现，让网站建设更加具有人性化特征。

《网页设计与制作》课程从商务网站建设的实践出发，对网站规划和网页设计两大部分全面系统地进行了讲解。网站规划部分主要包括网站规划的流程、网站规划的内容、网站规划的原则以及如何撰写网站规划方案等。网页设计部分主要包括网站编辑、网页设计基础理论、网页界面设计、网页动画设计等。、以商务网站的真实案例为切入点，按照案例引入→提出问题→理论讲解→案例分析的总体思路编写而成；每章配有小结、练习题、 上机实验，并附有详细的实验指导，这对每章的学习起到了巩固和提高的作用。

二、课程目标与基本

要求本课程的目标是全面贯彻落实立德树人根本任务，满足本专业艺术设计需求的技能型人才和基层管理人员的相关知识要求，为以后学习本专业相关知识和从事相关工作打下坚实基础。本课程的基本要求是培养学生掌握网站规划与网页设计的基本原理和技能，能够根据企业需求，进行网站规划和网页设计。课程结合实际案例和企业需求，注重实践操作和设计思路的培养，帮助学生掌握如何进行网站规划和网页设计的方法和技巧。

课程学习将以案例助学与教学相结合为主。通过课程的学习，使考生掌握阅读、分析计算机与商务应用案例的技巧。这些技巧包括：综合阅读技巧；解读案例的能力与技巧；

撰写案例分析报告的技巧。

本课程的考核章节为第 1 到第 9 章，重点章节是：

第 1 章、第

2 章、第 3 章、第 5 章、 第 6 章、第 7 章，不考核章节为第 10 章、第 11 章。

三、与本专业其他课程的关系

《网页设计与制作》课程在艺术设计（专科）专业的计划中被列为专业选考课，本课程与构成、设计基础、设计表达、数码摄影、视觉传达设计概论、数字媒体视频编辑、展示设计及等课程之间有承前启后的相互联系作用，是交互媒体设计与应用等课程的先导课本课程的学习对全面掌握艺术设计理论和实际操作能力起重要的作用。

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

1 章网络与 Web 基础共同关注的目标。

使学生熟练运用软件进行网站的编辑、产品原型设计和网页界面设计；培养学生进行商务网站建设的自主策划与设计能力；使学生能获得从事网站编辑、网页美工创意、产品原型设计、网页设计等方面的综合技能。

(一) Internet 基础识记：互联网提供的几种服务及各自概念与功能，Internet 概述、WWW（万维网）的组成、网页与网站的概念、域名的分类，IP 地址的表述字段理解：TCP/IP 协议栈、TCP/IP 的四个分层，HTTP 与 HTTPS 的区别，域名与 IP 地址的区别应用：TCP/IP 协议的应用，查询电脑的 IP 地址(二) 网页设计与制作工具识记：网页编辑工具。

理解：图形和图像处理工具、网站原型设计工具。

应用：Photoshop、Illustrstor、AxureRP 软件的安装。

(三) 超文本标记语言 HTML5识记：HTML 的概念，HTML 的语法结构、HTML 的特点。

理解： HTML 与 HTMLS 区别，识别 HTML 文件；超文本语言 HTML5 的语法结构。

应用：识别 HTML 文件、常见的 HTML 标签（重点）。文本标记、列表等，能够编写具有基本结构标记的 HTML 文件。

第 2 章网站规划网站规划也叫网站策划，是决定网站建设成败的关键因素之一，是在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出详细规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。

本章主要介绍网站规划的方法，通过本章的学习，了解网站规划的流程、内容、要点与原则，域名与 Web 服务器申请，网站的测试、发布与维护，使学生通过案例分析，进一步掌握如何撰写网站规划方案的技能。通过本章的学习，学生应能够掌握：

* 项目调查：网站项目需求分析 * 方案决策：网站规划 * 计划制订：网站建设项日实施方案的制订(一) 网站规划的流程识记：网站规划的工作流程。

(二）网站规划的内容识记：网站类型、网站风格。

理解： 网站规划的内容、 建设网站前的市场分析、建设网站的目的及功能定位、考虑网络的技术问题。

应用：分析目标客户及潜在客户对站点的需求。

(三) 网页设计的要点与原则识记：网页设计的统一性、功能性。

理解：网页设计原则。

应用： P29 页（4）内容丰富中图片案例。

（四) 域名、web 服务器申请及 ICP 备案识记：域名和 ICP 备案的涵义。

理解：ICP 备案的作用。

应用：域名申请、ICP 备案。

(五) 网站的测试、发布与维护识记：网站的测试的意义，网站发布与维护的涵义。

理解：测试、发布的逻辑关系。

应用：网站的测试流程。

(六) 网站规划案例识记：网站规划，网站规划的几个要点：名称、域名与服务器、建设目标。

理解：案例网站栏目设计框架。

应用：网站页面的创意设计和栏目设计、配色技术架构等的基本描述。

第 3 章网页设计基础理论精美的网页设计，对于提升企业的互联网品牌形象

。至关重要。本章学习如何运用平面设计软件制作出精美网页。要充分掌握平面设计的基础理论知识。

本章通过对平面设计的基础理论，如图像类型、图像分辦率、图像文件格式、图像设计的分类等，接着介绍色彩模式和网页配色方案，最后通过多个网页设计案例，来详细学习网页设计工作的流程。

* 通过本章的学习，能够了解平面设计的基础理论：图像类型、图像分辨率、图像文件格式、图像设计的分类等 * 掌握色彩的应用：色彩模式、网页配色 * 筆握网页的构图：构图目的、构图性质、构图的视觉表现形式：

* 掌握网页设计的工作流程(一) 平面设计基础识记：矢量图、分辦率。

理解：图像分辦率与像素关系、图像文件格式、 图像设计的分类。

应用：设立存储不同图像类型、不同图像分辦率和不同图像文件格式的图形文件，能够进行基本的文字设计和标志设计。

(二) 色彩的应用

识记：色彩模式的定义，冷暖色、色系。

理解： 计算机二进制与色彩算法的关系、应用色彩、 配色方案的应用实例，色彩三要素（HSB）的意义。

应用：不同色彩模式应用实例和应用场景。

(三) 网页设计的构图识记：网页分区与构图的意义。

理解：构图的形式、构图范例。

应用：能够对网页从构图上进行基本的分析。

(四) 网页设计的流程识记：网页策划。

理解：设计网页原型图、设计网页效果图、设计的准备工作。

应用：网站设计首页设计。

第 4 章 Axure RP 原型设计通过本章的学习，了解移动端 UI 设计和网页设计，以及原型设计的重要性。以优秀的原型设计让设计师和开发者将基本的概念和构想形象化地呈现出来为学习目标，让参与进来的每个人都可以查看、使用并且给子信息反馈，从而在最终版本定下来之前可以进行必要的调整。

本章具体将学习 Axure RP 软件的使用方法，然后通过多个原型交互实例的制作过程， 讲解如何利用 AxureRP 进行网站的原型设计。

* 了解原型设计的基础知识 * 掌握 Axure RP 软件的基础操作 * 掌握 Axure RP 原型设计软件的预览和发布* 掌握利用 Axure RP 软件进行简单的交互制作(一) 原型设计基础识记：Axure RP 的主要功能。

理解： 原型设计概念、流程图的制作、低保真原型和高保真原型。

应用：安装使用 Axure RP 软件。

(二) Axure RP 的工作界面识记：Axure RP 软件的工作界面的组成。

理解： 菜单栏、工具栏、左侧面板、母板库、右侧面板。

应用：元件库的使用。

(三)Axure RP 交互制作识记：网页制作的交互涵义。

理解：交互事件与交互样式、交互事件动作介绍。

（四）Axure RP 综合实例操作应用：Axure RP 综合实例操作。

第 5 章利用

Photoshop 设计网页本章是重点章节，通过本章的学习，了解如何通过 Photoshop CC 软件的操作方法，然后通过多个图像和网页实例的设计过程，使用 Photoshop 完成网页设计。

Adobe Photoshop 由 Adobe 公司在 1990 年首次推出的一款功能强大的图像处理软件， 在图像处理和计算机绘图领域占据重要地位。经过多次更新换代，功能己不断增强与完善新推出的 Photoshop CC 增加了许多功能，如相机防抖功能、 Camera Raw 修复功能、 CameraRaw 径向滤镜功能、Camera Raw 自动垂直功能等，使原有功能更加完善。

* 了解 Photoshop CC 的工作界面 * 掌握 Photoshop CC 软件操作 * 掌握利用 Photoshop CC 软件进行平面设计 * 掌握利用 Photoshop CC 软件进行网页设计(一) Photoshop CC 简介识记：Photoshop CC 的背景、功用。

理解：利用 Photoshop CC 进行的平面设计、照片修复、广告摄影、影像创意、网页设计。

应用：安装 Photoshop CC，安装必要字库，正常使用。

(二) Photoshop CC 的工作界面识记：Photoshop CC 的菜单栏、属性栏。

理解：“图像编辑”窗口的作用。

应用：利用控制面板显示和隐藏面板。

Photoshop CC 的工作界面 Photoshop CC 的作用和使用场景。

（三）Photoshop CC 基本应用识记： Photoshop CC 常用工具详解。

理解：Photoshop CC 文件的存储格式、Photoshop CC 基本操作。

应用：利用 Photoshop CC 根据教材案例进行基本操作，新建文件并存储不同格式的文件。

(四) Photoshop CC 网页设计识记：网页设计的组成和规范，包括导航、banner、展示区等。

理解：使用合适的分辨率和画布尺寸，适当的色彩模式和文件格式设计网页的原理。

应用：利用 Photoshop CC 进行 logo 设计、制作、banner。

第 6 章创建站点

本章重点学习 Dreamweaver CC 2019 的主要功能、工作界面及各个面板的用途等通过本章的学习，同学能够：

* 了解 Dreamweaver CC 2019 工作界面的组成 * 掌握 Dreamweaver CC 2019 常用的工具面板和工具栏的功能等 * 掌握管理站点的方法：创建本地站点、编辑站点 * 了解如何将本地站点信息上传到远程站点(一) Dreamweaver CC 2019 简介识记：Dreamweaver 概况、启动画面。

理解： Dreamweaver CC 2019 特色。

应用：Dreamweaver CC 2019 新功能的应用 。

(二) Dreamweaver CC 2019 工作界面简介识记： Dreamweaver CC 2019 的界面和菜单功能。

理解： 三个主要界面（“菜单”栏、“文档”工具栏和“文档” 窗口）的使用场景和作用。

应用： 文档窗口的使用。

(三) 定义本地站点识记：本地站点和远程站点。

理解：创建和管理站点。

应用：Dreamweaver CC 2019 的站点的创建网页。

第 7 章制作页面

本章主要学习网页中包含哪些网页元素，如何插入网页元素，如何设置网页元素的属性，以及如何利用表格进行网页排版。

* 掌握如何进行页面属性的设置 * 掌握文本的修饰方法 * 掌握设置各类超链接的方法 * 堂握图像技术：插入图像、制作翻转图像、制作图像映射等 * 掌握在网页中插入 Flash 动画和 Flash 视频 * 拳握在网页中插入 HITMILS 音频和视频 * 学握利用表格布局网页的技术（一）页面属性的设置识记：页面属性对话框参数。

理解： 页面属性对页面 CSS 样式的设置。

应用： 能够利用页面属性对页面 CSS 样式的进行基本的设置，如字体、背景图像等。

（二）文本的修饰

识记：文本相应的 html 语言字段表述含义。

理解： 输入文本、文本属性的设置、段落格式的设置、列表格式的设置、滚动文本。

应用： 对页面文本属性进行基本的设置。

(三) 设置超链接

识记：： URL 的概念；URL 的书写格式、类型；超级链接的作用、超级链接的结构。

理解：超链接的分类，绝对 URL 和相对 URL 的区别。

应用：使用锚点链接标记链接本页面到不同位置。

(四) 使用图像

识记：插入图像、设置图像属性、制作翻转图像、制作图像映射。

理解：网页中能够使用的图片格式，定义图片像素大小和其他样式。

应用：在网页插入图像和设置图像的属性。

(五）插入 HTML5 音频与 HTML5 视频识记：<audio>支持音频的格式、<video>支持视频的格式。

理解：<audio>、<video>关键代码的组成。

应用：在网页插入 HTML5 音视频。

（六）使用表格布局网页识记：table 的属性标签、表格及单元格属性的设置。

理解：设置表格边线的宽度、整个表格的宽度，水平对齐方式、垂直对齐方式；设置边框厚度；设置单元格之间的距离；设置单元格的背景颜色、合并多个单元格。

应用：使用表格、编辑表格属性布局网页。

第 8 章 CSS+DIV 页面布局技术共同关注的目标。了解如何通过 CSS(Cascading Style Sheets)，层叠样式表，定义 HTML 元素的显示形式。了解格式化网页内容的标准技术，学习用于控制网页样式并允许样式信息与网页内容分离的一种标记性语言。

本章重点学习 CSS 样式表的功能与应用，如何利用 CSS+DIV 进行网页布局。

* 了解网页版面布局的基本表现形式 * 了解 CSS 样式表的功能与用途 * 掌握定义 CSS 规则的方法 * 掌握利用 CSS 样式表进行网页美化的技巧 * 重点掌握如何利用 CSS+DIV 进行网页布局(一) 网页版面布局概述识记：网页版面布局的基本含义。

理解：四种重要布局的要点。

应用：能够利用“T”和“口”型规布局方式进行网页版面的布局。

(二) 定义 CSS识记：CCS 概述。

理解：CSS 的语法规则。

应用：在 Dreamweaver 中定义 CSS。

(三) 利用 CSS 美化网页识记：CSS 背景样式、文本及列表样式、方框和边框样式、动态链接样式。

理解：CSS 设计器面板、“方框“选项卡、文本属性设置面板（P214～P215 中图

8.12、图 8.13、图

8.14 内容

应用：背景样式的应用、文本及列表样式的应用、背景颜色、方框和边框样式的应用。

第 9 章使用表单

本章主要学习通过表单可以实现浏览器与服务器之间的信息交流。在 www 上，达到能够使用表单应用于各种信息的收集和反馈，在登录页面上的应用。

* 了解表单的功能与用途 * 掌握插入表单的方法 * 掌握在表单中插入表单对象的方法 * 利用表单制作用户注册网页(一) 创建表单识记：完整表单的两个组成部分。

理解：表单的作用及表单的属性。

应用：学会使用菜单操作，在网页中插入表单的两种方法。

(二) 插入表单对象识记：表单网页的布局的操作步骤。

理解：常用表单对象的种类。

应用：单选按钮及复选框的插入使用方法。

(三) 制作用户注册表及验证表单识记：表单插入、表单对象插入，创立本地站点。

理解：利用 Dreamweaver 验证和检查表单。

应用：利用表单调整用户注册网页布局，设置文字／密码输入框，设置下拉框和组合框。

第三部分有关说明与实施要求

一、考核的能力层次表述

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

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

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

二、指定教材

《网站规划与网页设计（第三版）》，杜永红主编，清华大学出版社，2021 年版。

三、

自学方法指导

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

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

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

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

四、对社会助学的要求

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

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

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

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

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

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

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

8、助学学时：本课程共 5 学分，建议总课时 90 学时，其中助学课时分配如下：

章次 内容 学时

第 1 章网络与

Web 某础第 2 章网站规划第 3 章网页设计基础理论第 4 章 Axure RP 原型设计第 5 章利用 Photoshop 设计网页第 6 章创建站点第 7 章制作页面第 8 章 CS5+DIV 页面布局技术第 9 章使用表单合 计

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

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

2．笔试的比例一般为识记占 40%，理解占 30%，应用占 30%。

3. 试题难易程度应合理：易、中等难度、难。难题部分比例不超过 20%。

4．笔试试题类型一般分为：填空题、名词解释题、单项选择题、多项选择题、简答题、论述题。

5．笔试采用闭卷考核方式，考试时间 150 分钟，按百分制计分，60 分为及格。

六、题型示例

（一）填空题

网络协议分为：______协议和______协议。

（二）名词解释题

网站风格

（三）单项选择题

IP 地址：由二进制数表示，每 8 位为一组，以圆点“．”分隔；其中 IP 直观表示时采用十进制，每组的有效范围是 A．1～256 B．0～255 C．1～100 D．1～192（四）多项选择题根据链接目标不同，超链接可分为 A.文件链接 B.锚记链接 C.空链接 D 电子邮件链接（五） 简答题图像的文件格式主要有哪些？

（六）论述题

从建设一个网站的角度，论述建站涉及哪些目的和功能定位。

实践课程考核范围 2024 年 12 月版

1.课程名称：网页设计与制作（实践） 课程代码：13168

2.指定教材：《网站规划与网页设计（第三版）》，杜永红主编，清华大学出版社，2021 年版。

3.考核章节：

第 3 章、第

4 章、第 5 章、第 7 章。重点章节：第 3 章中的

3.1、3.2、3.3 小节；

第 5 章中的

5.3.2、5.4 小节；第 7 章中的

7.4、7.5、

7.6 小节

重点掌握 Photoshop 软件应用及 Dreamweaver 软件的基本操作。