北京市高等教育自学考试课程考试大纲

课程名称：网页制作技术    课程代码：60063笔试    60064实践

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

一、课程性质与特点

《网页制作技术》是北京市高等教育自学考试网络传媒设计专业（专科）核心课程之一，采用“笔试+实践”的考核方式。网页制作是目前运用于网络交互平台中网站建设的一种基本技术。此课程通过介绍HTML基本知识和CSS核心技术及多个实际应用领域的真实案例，使学生在迅速熟悉网页制作相关软件的功能与应用的同时，掌握网页制作技能，领会网页设计精髓，实现令人炫目的网页布局和效果。

二、课程目标与基本要求

课程目标

通过本课程的自学和辅导，学生应该能掌握网页制作的技巧与方法，并能结合案例实际情况，灵活运用技巧，提高网页制作方面的分析、设计与制作能力。

基本要求

（1）       了解网站开发的基本流程；

（2）       掌握网页制作的设计原则和技术；

（3）       能够利用文本、图片、声音、视频等素材，制作图文并茂的基本网页；

（4）       能通过CSS技术，在基本网页HTML结构不变的情况下，呈现不同的布局效果；

（5）       能够将所学知识进行综合应用，制作符合要求的网站页面。

本课程的重点考核章节、一般考核章节和不考核章节如下。

重点章节：

第一章网页入门须知

第三章认识网页常见文件格式

第四章HTML入门

第五章文字与排版技巧

第六章图片的处理

第七章表格与表单

第八章创建超链接

第九章多媒体影音的应用

第十一章网页数据存储WebStorage

第十二章认识CSS样式表

第十三章CSS基本语法

第十四章CSS排版技巧

第十七章HTML5+CSS3综合应用

一般章节：

第二章：网站规划技巧

第十章：JavaScript与canvas在线绘图

第十五章：CSS滤镜特效

不考核章节：

第十六章：CSS动画与JavaScript

第十八章：开发跨平台移动设备网页jQueryMobile

第十九章：移动设备版网页操作

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

《网页制作技术》的相关课程有《Photoshop图形处理》、《数字艺术设计基础》等。这两门课程分别给学生提供色彩搭配的基础知识，图形、图像的设计与制作的技能基础知识的学习，对网页制作与设计课程有很大的帮助。

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

第一章网页入门须知

一、学习目的与要求

本章学习网站与网页的基本知识，了解相关的基本概念。

二、考核知识点与考核目标

识记：万维网WWW

电子邮件E-mail

文件传输FTP

网站Website

网页Webpage

超文本传输协议HTTP

理解：网页的类型

网页的组成

第二章网站规划的技巧

一、学习目的与要求

本章介绍如何规划网站以及设计网站时必须注意的事项。

构建网站之前必须经过一番规划，再按照规划好的流程，循序渐进地完成目标。如果制作过程中有遗漏或不满意的地方，可以随时进行修改

二、考核知识点与考核目标

识记：网站规划时的3个方向：网站主要内容、浏览对象、网页包含的元素。

理解：构建网站的流程。

第三章认识网页常见文件格式

一、学习目的与要求

认识网页常见的文件格式，学会选择适合的文件格式制作网页。

二、考核知识点与考核目标

识记：认识网页的文件和命名规则。

理解：网页宽度与屏幕分辨率。

第四章HTML入门

一、学习目的与要求

认识超文本标记语言HTML，了解网页代码的基本结构和超文本标记语言的各个标记。

二、考核知识点与考核目标

识记：认识HTML（HyperTextMarkupLanguage）。

理解：HTML5文件结构与语义标记。

第五章文字与排版技巧

一、学习目的与要求

学习如何在网页中编辑文字与段落。

二、考核知识点与考核目标

理解：段落标记——使用排版标记；

文字效果——使用文字标记；

项目符号与编号——使用列表标记。

应用：尝试编辑简单的网页。

第六章图片的处理

一、学习目的与要求

学习如何添加图片使网页更加生动有趣。

二、考核知识点与考核目标

理解：图片的尺寸与分辨率；

嵌入图片的标记；

路径表示方法。

应用：制作一个图文并茂的网页。

第七章表格与表单

一、学习目的与要求

学习如何制作表格与表单。

二、考核知识点与考核目标

理解：表格的基本框架；

表单的基本框架。

应用：利用表单技术，制作一个简单的问卷调查网页。

第八章创建超链接

一、学习目的与要求

认识超链接，并使用超链接技术链接多个网页及其他网站。

二、考核知识点与考核目标

理解：什么是超链接；

如何创建超链接。

应用：超链接的用法。

第九章多媒体影音的应用

一、学习目的与要求

使用HTML5标记在网页中置入影音文件，丰富网页的表现形式。

二、考核知识点与考核目标

理解：网页中常见的影音格式

置入影音的多媒体标记

应用：使用HTML5标记在网页中置入影音文件，丰富网页的表现形式。

第十章JavaScript与canvas在线绘图

一、学习目的与要求

HTML5新增了canvas标记，不需要任何插件就可以在网页中绘图。简单来说，canvas就像一块绘图板，而画笔就是JavaScript语法，两者搭配才可以实现在网页上绘图、组合图像或制作简单动画的效果。

由于canvas必须单配JavaScript才能发挥作用，本章先介绍基本的JavaScript语法，以便后续灵活应用。

二、考核知识点与考核目标

识记：认识JavaScript；

认识canvas。

理解：JavaScript的基本语法结构；

JavaScript在HTML中位置。

第十一章网页数据存储WebStorage

一、学习目的与要求

当我们在制作网页时会希望记录一些信息，例如用户登陆状态、计数器或者小游戏等，但是又不希望用到数据库，就可以利用WebStorage技术将数据存储在用户浏览器中。

二、考核知识点与考核目标

识记：WebStorage；

localStorage；

sessionStorage。

理解：localStorage和sessionStorage的区别。

第十二章认识CSS样式表

一、学习目的与要求

利用CSS可以控制网页的外观，统一网站的风格。本章介绍什么是CSS样式表。

二、考核知识点与考核目标

理解：什么是CSS；

CSS的优势；

CSS的基本格式；

认识CSS选择器。

应用：尝试使用CSS样式表。

第十三章CSS基本语法

一、学习目的与要求

在上一章的基础上，学习最常用的文字样式。

二、考核知识点与考核目标

理解：控制文字样式；

控制背景。

应用：使用CSS样式表改变网页的文字样式。

第十四章CSS排版技巧

一、学习目的与要求

网页组件的排版位置会影响网页整体的美观，以前用HTML标记来控制网页组件的位置，最简单的方式是利用表格进行处理，但是也会被表格限制，反而无法任意摆放组件。本章学习如何利用CSS语法进行排版，让网页更具多样化。

二、考核知识点与考核目标

识记：控制边界与边框；

网页组件的定位。

理解：定位的概念。

第十五章CSS滤镜特效

一、学习目的与要求

CSS滤镜（filter）样式可以让静态的图片产生各种炫丽的视觉效果，如果利用JavaScript搭配CSS的滤镜，还能做出图片的动态特效。本章学习滤镜的样式。

二、考核知识点与考核目标

识记：滤镜样式。

理解：滤镜的基本语法结构。

第十七章HTML5+CSS3综合应用

一、学习目的与要求

综合应用之前学过的HTML与CSS知识，制作一个网站的首页。

二、考核知识点与考核目标

理解：网站的架构

网页的排版

网页背景

应用：综合应用之前学过的HTML与CSS知识，制作一个网站的首页。

第三部分实践环节

考核的内容：

请仔细阅读每一章所标示的具体内容，最终的考核内容将从这些章节需要考核的内容中提炼综合性考核题目。考生需要熟练地掌握各章的考核内容，并配合本大纲第二部分所指出的应用部分进行重点练习。

考核的软件为：

Dreamweaver

考核的环境：

Dreamweaver是一套专业的设计工具，可以创建和利用以下各项：

基于标准的网站

基于CSS的复杂布局

丰富的CSS格式及管理功能

丰富的数据表示法

基于ASP.NET的强大技术

支持的操作系统：Windows的各个版本。

实验一文字及图像页面排版

一、考核的目的与要求

通过该实验，使考生能够掌握使用CSS实现文字及图片环绕等效果，能够为页面图像设置各种阴影效果。

二、考核的内容

1.文字上浮与下沉。

2.文字的环绕效果。

3.图片阴影效果。

实验二超链接的制作

一、考核的目的与要求

通过该实验，使考生能制作出目前网站页面中普遍使用的导航菜单效果。

二、考核的内容

1.超链接。

2.鼠标响应事件。

3.下沉效果的实现。

实验三下拉菜单

一、考核的目的与要求

通过该实验，使考生能够制作出复杂的下拉菜单，掌握实现层次结构导航更多内容的多级菜单的制作方法。

二、考核的内容

1.dl、dt、dd标记的使用。

2.无序列表的嵌套。

3.CSS类的引用。

4.块元素的设计。

实验四页面布局

一、考核的目的与要求

通过该实验，使考生掌握网页布局的分割方法。使学生能够在使用CSS灵活地把页面分为多个矩形方框部分。

二、考核的内容

1.固定宽度的制作方法。

2.不固定宽度的制作方法。

实验五制作调查问卷

一、考核的目的与要求

通过该实验，使考生能够制作出网页版调查问卷，掌握表格与表单的制作方法。

二、考核的内容

1.表格的基本框架；

2.表单的基本框架；

3.输入组件、列表组件、选择组件、按钮组件、表单分组。

实验六HTML5+CSS综合应用

一、考核的目的与要求

综合应用之前学过的HTML与CSS知识，制作一个网站的首页。

二、考核的内容

1.网站的架构；

2.网页的排版；

3.网页背景；

4.影音文件的置入。

第四部分有关说明和实施要求

一、考核目标的能力层次表述

本大纲在考核目标中按着“识记”“理解”和“应用”等能力层次规定考生应达到的能力层次要求，各能力层次为递进等级关系，后者必须建立在前者的基础上，其含义是：

识记：能知道有关的名词、概念、知识的含义，并能正确认识和表述，是低层次的要求。

理解：在了解的基础上，能全面把握基本概念、基本原理、基本方法与技能，并把握上述内容的区别和联系。

应用：在理解的基础上，能运用基本概念、基本原理、基本方法与技能，分析和解决有关的理论和实际问题，并能够运用多个知识点进行设计制作。

二、教材和教学参考书

教材：《网页设计必学的实用编程技术：HTML5+CSS3+JavaScript》，陈婉凌编著，清华大学出版社，2014年版。

教学参考书：《网页制作与网站设计》，阳西述等编著，武汉大学出版社，2006年版

三、自学方法指导

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

2．阅读教材时，要逐段细读，逐句推敲，集中精力，熟悉每一个知识点，对基本概念必须深刻理解，对基本制作技巧和方法必须从原理上理清思路，对基本工具和使用方法必须牢固掌握。

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

4．对书上的具体例子要在不断练习的基础上对所学知识进行合理地回顾与发挥，注重理论联系实际和具体问题具体分析，解题时应注意培养逻辑性，针对问题围绕相关知识点进行层次（步骤）分明地论述或推导，明确各层次（步骤）间的逻辑关系。

四、对社会助学的要求

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

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

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

4．辅导时，应以考试大纲为依据，宜提倡“认真阅读教材，刻苦钻研教材，主动争取帮助，依靠自己学通”的方法。

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

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

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

8．助学学时：本课程共6学分，理论课4学分，学时76；实践课2学分，学时32；总课时108学时，建议助学课时分配如下：

理论部分：

实践部分：

五、关于考试的若干规定

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

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

3.试题难易程度分为较易、中等难度、较难三个层次。较难部分比例不超过30%。

4.本课程命题采用的基本题型包括单项选择题、多项选择题、填空题和简答题。

5.笔试和实践两部分分别考核，笔试与实践的计分比例为7：3，即笔试满分为70分，实践满分为30分。两项相加按百分制计分，考核60分为及格。笔试部分考试时间50分钟，实践部分考核方式为上机操作，考试时间为90分钟。

六、题型示例

A.笔试题

（一）单项选择题

创建自定义CSS样式时，样式名称的前面必须加的特殊符号是

A.$B.#

C..D.?

（二）、多项选择题

属于表格标记的有

A.tableB.tr

C.tdD.txt

（三）、填空题

改变元素的外边距用参数_______，改变元素的内边距用参数_______。

（四）、简答题

请列举自定义列表（DefinitionList）的三种标记，并说明其作用。

B.实践题

某公司网站首页

利用Dreamweaver软件，为某个公司制作网站首页，通过丰富的页面效果在首页中展示出公司的主要信息及相关链接名称。

要求及评分标准：

1、版面结构设计规范4分

2、图文色彩的搭配美观、大方。4分

3、强调独特的创意、突出的视觉效果，整体感强。4分

4、结合水平、竖直及下拉菜单等表现手法进行导航条的制作。5分

5、根据内容需要设计各种动态效果。4分

6、制作内容全面，至少包括公司的基本介绍、宣传图片、主要业务或产品介绍等。6分

7、网站首页命名：index，扩展名：html。2分

8、将制作好的网站文件放在一个文件夹内，命名为“姓名（准考证号）网页制作技术实践考试作业”并打包，包括相应的素材，以确保网站能够正常浏览。1分