课程名称：网页设计与制作                     
课程代码：06386

第一部分  课程性质与自考本科目标
一、课程的性质与特点
“网页设计与制作”是湖北省高等教育自学考试网络传播专业（独立本科段）开设的一门专业实践课程。
网页是网络中信息传播的主要载体，是当今网络传播应用的主要形式。网页是网络传播的重要展现形式，是传统新闻基本能力的新的展现形式，同时也对传统新闻基本能力提出了新的要求。作为网络传播专业的学生只有了解、掌握了网页设计与制作的基本原理、基本操作方法，才能更好进行网络传播的应用与实践。
本课程是该专业的一门非常重要课程。本课程通过对网页的基本结构原理、网页页面的基本组成、网页页面的编写语言、网页设计与制作流程、网页设计与制作方法介绍，以及对相关软件的操作掌握后，可以独立完成对网页的制作设计与编辑，从而将新闻、网络信息通过网页展现，更好将网络新闻的采编评与网络传播的网页展现形式结合，充分发挥网络传播的特点。在网络传播专业学生在将来的实际工作中，需要乃至本课程的内容中介绍的基本原理和方法。因此，本课程是网络传播专业学生必须掌握的一门课程。
本课程是本专业及相关专业相关课程进一步学习的基础课程。

二、课程目标和基本要求
网页的设计与制作是一门与计算机结合十分紧密的课程。既需要一定的理论知识，也需要一定的实际操作能力。通过本课程自学、上机实习、作业等方式的学习，要求学生掌握网页的基本原理、网页制作与设计的基本方法、能操作相关应用软件，最终达到可以独立或者与他人分工合作完成简单和复杂网页的设计与制作。具体地说，包括以下几个方面：
（1）考生了解网页的基本概念、基本结构、制作流程和设计原则等相关基础知识，掌握网站的开发流程，能独立规划和设计网站。
（2）要求考生能熟练掌握Dreamweaver网页制作软件，能使用Dreamweaver创建和管理网站，掌握Dreamweaver制作网页的技术，使用Dreamweaver提供的行为机制制作具有动画效果的网页。
（3）使考生掌握网页描述语言HTML的用法，能熟练运用常见的网页标记。掌握JavaScript脚本语言程序设计的基础知识，能编写JavaScript脚本创建具有动态效果的网页。
（4）要求考生能熟练掌握Fireworks图像处理软件，能够使用Fireworks制作网页图像。
（5）要求考生能了解Flash动画的原理和基本概念，熟练掌握Flash动画制作软件，能够使用Flash制作网页动画。
本课程要求学生在自学过程中，特别要加强实践环节，培养动手能力，掌握相关软件的使用方法，要求应试者具备一定的上机能力和实际应用能力。
三、与本专业其他课程的关系
本课程需要具有一定计算机基本知识以及计算机网络基础知识，因此要以本专业的“计算机应用基础”、“计算机网络基本原理”、“多媒体信息基础”等作为先导课程。在学习本课程的过程中，可以与“图文信息处理”、“动画编辑与设计”等课程同步进行。学习完毕后，可以为“网络信息编辑”、“网络信息检索与利用”等课程打下基础。
第二部分  考核内容与考核目标
第一章  网页基础知识

一、学习目的和要求
本章介绍了网页的相关基础知识。通过本章的学习，要求了解WWW与网页的关系和浏览网页的工具，理解网页文件的本质，熟悉网页设计与制作的相关软件，掌握网页的基本结构、网页设计与制作的基本流程和网页的设计原则。为继续深入学习网页制作技术打下基础。本章的重点是网页的基本结构、网页设计与制作的基本流程和网页的设计原则。

二、考核知识点与考核目标
（一）重点
识记：WWW的概念，网页的概念，超链接的概念，WWW使用的技术及通信协议，HTML文件的概念，网页的版式和布局类型，界面设计原则，Dreamweaver的视图模式
理解：网页文件的本质，网页的制作流程，网页的设计原则
应用：制作简单的HTML文件，使用Dreamweaver制作简单网页
（二）次重点
识记：Internet的概念，Web站点的概念，主页的概念，主页通常使用的文件名，网页文件的内容，整体规划的内容，网页制作资料收集的内容
理解：WWW与网页的关系，Web站点与网页的联系，标记的作用，网页色彩的选择和配置
应用：浏览网页了解网页的布局类型，设置Dreamweaver的首选参数
（三）一般
识记：Internet的功能，WWW的管理机构，常用的Web浏览器，常用的网页制作工具，Dreamweaver界面的构成
理解：Web浏览器与Web服务器关系，网页间的超文本链接
应用：使用Web浏览器软件Web站点

第二章  网站的创建与管理

一、学习目的和要求
 本章的内容是网站的创建和管理。通过本章的学习，要求了解网站的开发流程，掌握网站规划的主要内容，学会使用Dreamweaver创建和管理本地站点、设置远程站点和发布站点等技术，掌握创建和管理站点中的文件方法。重点掌握网站的开发流程、站点的创建和管理以及站点的发布。

二、考核知识点与考核目标
（一）重点
识记：网站的开发步骤，网站规划的概念及作用，设计站点目录结构的具体方法和原则，本地站点的概念，远程站点的概念
理解：网站规划的主要内容，本地站点和远程站点的区别，网页文件头部元素的作用
应用：规划和设计一个个人网站，使用Dreamweaver创建本地站点，设置远程站点，网页文件的创建、复制、移动、删除和检查链接错误，创建和打开文档，设置页面的属性，设置网页的头部内容
（二）次重点
识记：网站的类型，网站开发的技术因素，站点导航结构的设计方法
理解：网站内容规划
应用：站点的打开、编辑、删除和复制，连接远程站点，上传站点文件，网页中导入Microsoft Word或Excel文档，
（三）一般
识记：网站的风格的概念和内容，Dreamweaver支持的文档类型
理解：网站类型与网站风格的联系，网页色彩的搭配方案
应用：网站维护

第三章  在网页中插入文本和表格

一、学习目的和要求
 本章的内容是在网页中插入文本和表格。通过本章的学习，应考者可以了解如何在网页中插入文本信息，学会如何创建列表，掌握文本和段落格式的设置，学会如何在网页中利用表格组织信息，掌握表格属性的设置。本章的重点是设置文本和段落的格式和在网页中使用表格。

二、考核知识点与考核目标
（一）重点
理解：页面上两种换行方式的区别，设置文本的颜色，列表的种类和区别
应用：在网页上插入特殊字符，设置文本的字体和样式，设置文本的颜色，设置段落格式，创建列表，创建表格，编辑表格，设置表格属性
（二）次重点
理解：属性面板中两种文本属性设置方式，预格式化文本
应用：插入空格，插入水平线，插入日期，添加新字体，设置段落对齐方式和段落的缩进，定义预格式化文本
（三）一般
理解：两种查看和操作表格的方式
应用：在网页上插入普通文本，设置文本的字号

第四章  层叠样式表CSS

一、学习目的和要求
 本章的内容是层叠样式表CSS。通过本章的学习，应考者可以了解层叠样式表CSS的定义和优点，学会如何在Dreamweaver中创建CSS样式表，领会CSS选择器的用途，掌握CSS样式的应用和管理技术。本章的重点是创建CSS样式、应用和管理CSS样式。

二、考核知识点与考核目标
（一）重点
识记：CSS的概念，CSS样式的定义，选择器的概念，
理解：CSS的优点，HTML与CSS的关系，四种CSS选择器的用途，四个伪类选择器“a：active”、“a：hover”、“a：link”、“a：visited”的作用
应用：创建CSS样式，定义包含类选择器的CSS样式，定义包含标签选择器的CSS样式，定义包含复合选择器的CSS样式，在网页中应用CSS样式
（二）次重点
识记：ID选择器与类选择器的区别
理解：CSS样式面板的界面，网页元素的盒子模型
应用：CSS规则的定义位置，创建样式表文件
（三）一般
识记：Dreamweaver支持的CSS属性的类别，
理解：CSS属性类别的作用，
应用：取消、编辑和删除CSS样式

第五章  插入图像和多媒体对象

一、学习目的和要求
本章的内容是在网页中插入图像和多媒体对象，使网页美观和生动。通过本章的学习，应考者可以了解网页图像常见的格式，学会如何在网页中插入图像，掌握创建鼠标经过图像的方法，学会如何在网页中插入Flash动画、音频和视频等多媒体对象。本章的重点是在网页中插入图像和插入Flash动画、音频和视频等多媒体对象。

二、考核知识点与考核目标
（一）重点
识记：鼠标经过图像的概念
理解：网页中常见的图像文件格式及其特点，
应用：创建一个网页，在网页中插入图像，并为图像设置边缘透明化的CSS样式，插入Flash动画影片，在网页中添加声音和视频
（二）次重点
识记：ActiveX控件的概念，Java Applet的概念
理解：图像属性面板各参数的含义，在网页中添加音频格式文件的类型
应用：在网页中创建鼠标经过图像，插入FLV文件，插入其他多媒体对象
（三）一般
识记：Shockwave的概念
理解：在网页中可以插入的Flash对象的类型
应用：调整网页中的图像大小，对齐图像

第六章  超链接与导航

一、学习目的和要求
 本章的内容是在网页中创建超链接和导航条。通过本章的学习，应考者可以了解路径的表示方法，学会如何在网页中创建超链接，领会导航条的四种状态，学会如何创建导航条，掌握创建图像地图的方法。本章的重点是创建超链接和导航条。

二、考核知识点与考核目标
（一）重点
识记：URL的概念，超链接的分类，图像地图的概念
理解：绝对路径各部分的含义，链接路径的类型及其区别，锚记链接的作用，导航条项目的四种状态
应用：创建链接文件和文档的超链接，创建命名锚记，创建导航条
（二）次重点
识记：热点的概念，
理解：空链接和脚本链接的含义
应用：创建电子邮件链接，创建空链接和超链接，创建图像地图
（三）一般
理解：导航条的组成和作用
应用：修改导航条

第七章  规划网页布局

一、学习目的和要求
本章的内容是使用表格、AP元素和框架实现网页的布局。通过本章的学习，应考者可以学会如何使用表格布局网页，领会使用AP元素进行页面排版的优点和不足，掌握AP元素属性的设置，学会如何利用AP元素进行网页布局，了解框架和框架集的概念，学会如何创建框架和框架集，掌握如何使用框架布局网页。本章的重点是使用表格布局网页、AP元素和使用框架布局网页。

二、考核知识点与考核目标
（一）重点
识记：AP元素的概念
理解：使用AP元素进行页面排版的优点和不足，设置AP元素属性
应用：制作一个利用AP元素进行布局、采用CSS样式修饰效果的网页，使用预定义的框架集样式创建框架集，建立框架间的超链接
（二）次重点
识记：框架和框架集的概念
理解：表格布局的优点和不足
应用：使用表格布局网页，选择框架和框架集，
（三）一般
理解：查看和设置框架、框架集的属性，不支持框架的浏览器的处理
应用：在框架中添加内容，保存框架和框架集文件

第八章  使用表单和行为创建动态网页

一、学习目的和要求
 本章的内容是使用表单和行为制作具有动态效果的网页。通过本章的学习，应考者可以了解网页中表单的作用，认识表单对象，学会如何创建表单，领会行为、事件和动作的关系，掌握Dreamweaver中常用的事件，学会使用Dreamweaver内置的行为制作具有动态效果的网页。本章的重点是创建表单和利用Dreamweaver内置的行为制作具有动态效果的网页.

二、考核知识点与考核目标
（一）重点
识记：行为、事件和动作的概念
理解：表单的组成，浏览器对表单的处理过程，表单数据传输到服务器使用的方法，行为、事件和动作的联系，Dreamweaver中常用的事件，使用内置行为制作出的页面动态效果
应用：插入表单与设置表单属性，插入表单对象并设置其属性，添加调用“JavaScript”行为，添加弹出信息行为，使用打开浏览器窗口行为，使用检查表单行为，使用设置状态栏文本行为，使用显示-隐藏元素行为
（二）次重点
理解：表单中常见的表单对象，“行为”面板的组成，Spry效果
应用： 为网页及网页中的对象添加行为，更改行为，使用拖动AP元素行为，使用设置导航栏图像行为，使用Spry效果行为
（三）一般
理解：Dreamweaver内置的行为，
应用：使用检查插件行为，使用交换图像行为

第九章  使用模板和库创建网页

一、学习目的和要求
 本章的内容是关于使用模板和库创建网页。通过本章的学习，应考者可以了解模板和库的概念，领会使用模板和库创建网页可以极大地提高网站的开发效率，学会如何创建模板和应用模板，掌握如何管理模板，学会如何创建和使用库。本章的重点是模板的创建和使用和库的创建与使用。

二、考核知识点与考核目标
（一）重点
识记： 模板的概念，
理解： 模板的作用，模板文件的扩展名和存放路径
应用： 创建模板，将网页另存为模板，在模板中设置可编辑区域，将模板应用到网页文档，创建库项目，在文档中插入库项目
（二）次重点
理解： 库的概念和作用，库项目文件的扩展名和存放路径
应用： 编辑和更新模板，重命名模板，删除模板文件
（三）一般
理解：库项目包含的元素
应用： 从模板分离文档，编辑库项目

第十章  HTML与JavaScript语言基础

一、学习目的和要求
 本章的内容是介绍创建网页的HTML语言和制作网页特效的JavaScript语言的基础知识。通过本章的学习，应考者可以了解HTML文件的基本结构，领会HTML语言的语法规则，掌握常用的HTML标记的用法，了解XML和XHTML的概念及用途，领会XML、XHTML与HTML的区别，了解JavaScript的概念、主要特点和用途，掌握JavaScript脚本语言程序设计的基础知识，学会如何编写JavaScript程序，掌握JavaScript对象的使用方法，学会利用JavaScript脚本创建具有动态效果的网页。本章的重点是常用的HTML标记、JavaScript脚本语言程序设计的基础知识、JavaScript对象和利用JavaScript脚本创建具有动态效果的网页。

二、考核知识点与考核目标
（一）重点
识记：JavaScript语言的概念，JavaScript对象的概念，XML的概念，XHTML的概念
理解：HTML的基本结构和语法规则，常用的HTML标记的格式、功能和属性，XML的用途，XML与HTML的差异，XHTML与HTML的差异，JavaScript的变量、常量、数据类型、表达式和运算符，JavaScript程序语句，JavaScript的函数，JavaScript的主要特点和用途，对象的属性、方法和操作，JavaScript的内置对象的用途、属性和方法
应用：使用HTML标记编写网页文件，JavaScript脚本在网页中的位置与执行，网页中实现跑马灯动态效果，网页中实现时钟显示效果，网页中实现在线考试，实现在一个页面区域内滚动文字且指停特效，实现表格行在鼠标经过时变色的效果，网页中实现页面背景自动改变效果
（二）次重点
识记：事件处理的概念，JavaScript的常用事件，浏览器对象模型的概念，文档对象模型的概念，
理解：浏览器事件，鼠标事件，其它事件，浏览器对象的属性和方法以及它们之间的层次关系，document对象常用的属性和方法
应用：常用的事件及其处理，使用JavaScript对象，网页中实现鼠标跟随特效，网页中实现图像分区块明暗渐变效果，
（三）一般
识记：XHTML定义的3种文件类型声明，事件的概念，动态对象的概念，静态对象的概念
理解：XHTML的语法规则，文档对象模型的特点，其它常用底层对象的访问方法
应用：网页中实现拼图游戏

第十一章  使用Fireworks CS4制作网页图像

一、学习目的和要求
 本章的内容是使用Fireworks 制作网页图像，增强网页的视觉效果。通过本章的学习，应考者可以了解网页图像的基础知识，熟悉Fireworks的工作界面，学会如何绘制、编辑矢量图形和位图图像，掌握使用文本、元件、图层与动画的方法，学会如何创建和编辑切片与热点，掌握如何优化和导出图像。本章的重点是绘制和编辑矢量图形、制作GIF动画、使用图层、切片和热点、图像的优化与导出。

二、考核知识点与考核目标
（一）重点
识记： 位图的概念，矢量图的概念，切片的概念，热点的概念
理解： 位图与矢量图的区别，颜色模式的种类及特点，Fireworks的工作界面，图像的变形操作，制作GIF动画的过程，切片和热点的联系和区别
应用： 使用Fireworks的工具绘制矢量图形，编辑矢量图形，制作文本沿路径分布的效果，制作GIF动画，创建和编辑切片，创建和编辑热点，Fireworks综合制作实例（制作Banner动画）
（二）次重点
识记： 图像分辨率的概念，元件的概念，图层的概念
理解： Fireworks中元件的类型和创建方式，元件和实例的关系，图层的用途，Fireworks可优化导出的图像格式
应用： Fireworks对文件的操作，绘制和编辑位图图像，创建和编辑元件，对图层的操作，优化GIF图像，优化JPEG图像，导出优化图像
（三）一般
理解： 动画的含义
应用： 输入和编辑文本，导出优化图像预览

第十二章  使用Flash CS4制作网页动画

一、学习目的和要求
 本章的内容是使用Flash CS4制作网页动画。通过本章的学习，应考者可以熟悉Flash CS4的工作环境，了解Flash动画的基本概念和原理，学会如何使用Flash CS4制作简单动画，掌握Flash动画导出和发布的方法。本章的重点是Flash动画的基础知识和制作简单动画。

二、考核知识点与考核目标
（一）重点
识记： 帧的概念，元件的概念，逐帧动画的概念，补间动画的概念，
理解： Flash的特点，Flash CS4的工作环境,，构建Flash动画的基本步骤，Flash中帧的类型及区别，元件与实例的关系，元件的类型及作用，建立元件的方法，Flash动画的分类与特点，补间动画的类型，
应用：建立图形元件，创建按钮元件，绘制基本形状图形（直线、曲线、椭圆、圆、矩形、正方形、多边形和星形等），建立影片剪辑元件，制作逐帧动画，制作补间动画，制作传统补间动画，制作补间形状动画，创建沿轨道运动的动画，创建遮罩动画，制作毛笔写字动画效果动画，动画的发布和导出
（二）次重点
理解： 时间轴面板的组成，Flash支持的图形格式，Flash支持的声音文件类型，Flash支持的视频文件类型，动画的优化处理时需考虑的因素，
应用： 图层的组织和管理，选取和编辑对象，文字对象的创建和编辑
（三）一般
识记： 帧频的概念，
理解： web上播放动画最适合的场频，
应用： 在时间轴上设置帧频，场景的操作，动画的测试
第十三章  网站综合设计实例

一、学习目的和要求
 本章的内容是网站综合设计实例。通过本章的学习，应考者可以熟悉网站开发的全过程，领会网站设计的原则和原理，掌握网页设计与制作的主要技术，加深对网站建设的理解，学会如何创建一个网站。本章的重点是网站设计、创建网站首页、制作模板页和基于模板制作子页面。

二、考核知识点与考核目标
（一）重点
理解： 实例网站的规划，站点文件夹的创建，网页布局的设计
应用： 制作网站LOGO，制作网站Flash动画，创建本地站点，创建站点首页，设置CSS样式，制作页眉和导航区，制作网页主内容区，制作页脚区，制作模板页，制作库项目，基于模板制作子页面，设置超链接，网站的测试、上传和维护

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

一、考核能力层次表述
本大纲在考核目标中，按照“识记”、“理解”、“应用”三个能力层次规定其应达到的能力层次要求。各能力层次递进等级关系，后者必须建立在前者的基础上，它们的含义是：
识记：能知道有关的名词、概念、知识的含义，并能正确认识和表述，是低层次的要求。
理解：在识记的基础上，能全面把握基本概念、基本原理、基本方法，能掌握有关概念、原理、方法的区别与联系，是较高层次的要求。
应用：在理解的基础上，能运用基本概念、基本原理、基本方法联系学过的多个知识点分析和解决有关的理论问题和实际问题，是最高层次的要求。

二、教材
1、指定教材：《动态网页制作教程》（第二版），刘梅彦、徐英慧主编，清华大学出版，2010年10月第二版。

三、自学指导方法
1、在开始阅读指定教材某一章节之前，应先翻阅考试大纲中有关这一章的考核知识点及对知识点的能力层次要求和考核目标，以便在阅读教材时做到心中有数，有的放矢。
2、阅读教材时，要逐段细读，逐句推敲，集中精力，吃透每个知识点，对基本概念必须深刻理解，对基本理论必须彻底弄清，对基本方法必须牢固掌握。
3、在自学过程中，既要思考问题，也要做好阅读笔记，把教材中的基本概念、原理、方法等加以整理，这可从中加深对问题的认识、理解和记忆，以得突出重点，并涵盖整个内容，可以不断提高自学能力。
4、完成书后的作业和适当的辅导练习是理解、消化和巩固所学知识，培养分析问题、解决问题及提高能力的重要环节，在做练习之前，应认真阅读教材，按考核目标所要求的不同层次，掌握教材内容，在练习过程中对所学知识进行合理的回顾与发挥，注重理论联系实际和具体问题具体分析，解题时应注意培养逻辑性，针对问题围绕相关知识点进行层次（步骤）分明的论述或推导，明确各层次（步骤）间的逻辑关系。

四、对社会助学的要求
1、 应熟知考试大纲对课程所提出的总的要求和各章的知识点。
2、 应掌握各知识点要求达到的能力层次，并深刻理解对各知识点的考核目标。
3、 辅导时，应以试大纲为依据、以指定的教材为基础，不要随意增删内容，以免与考试大纲脱节。
4、 辅导时，应对学习方法进行指导，宜提倡考生“认真阅读教材，刻苦钻研教材，主动争取帮助，依靠自己学通”的方法。
5、 辅导时，要突出重点，对考生提出的问题，不要有部即答，要积极启发引导。
6、 注意对应考者能力的培养，特别是自学能力的培养，要引导考生逐步学会独立学习，在自学过程中善于提出问题、分析问题、做出判断和解决问题。
7、 要使考生了解试题难易与能力层次高低两者不完全是一回事，在各个能力层次中都存在着不同难度的试题。
8、 助学学时，本课程共5个学分，建议总课时90个学时，其中助学课时分配如下：

章   次 内    容 理论学时 实践学时
第一章 网页基础知识 4 2
第二章 网站的创建与管理 4 2
第三章 在网页中插入文本和表格 3 2
第四章 层叠样式表CSS 4 2
第五章 插入图像和多媒体对象 2 2
第六章 超链接与导航 2 2
第七章 规划网页布局 4 3
第八章 使用表单和行为创建动态网页 4 3
第九章 使用模板和库创建网页 1 1
第十章 HTML与JavaScript语言基础 10 6
第十一章 使用Fireworks CS4制作网页图像 7 4
第十二章 使用Flash CS4制作网页动画 7 4
第十三章 网站综合设计实例 2 3
合         计 54 36

五、 关于命题考试的若干规定
（包括能力层次比例、难易度比例、内容程度比例、题型、考试方法和考试时间等）
1、 本大纲各章所提到的内容和考核目标都是考试的内容。试题覆盖到章，适当突出重点章节。
2、 试卷中对不同能力层次的试题比例大致是：“识记”为   20    %，“理解”为   30   %，“应用”为   50    %。
3、 试题难易程度要合理：易、较易、较难、难的比例为2：3：3：2。
4、 每份试卷中，种类考核点所占比例约为：重点占65%，次重点占25%，一般占10%。
5、 试题类型一般分为：  单项选择题、多项选择题、填空题、名词解释、简答题、论述题、应用题等7种类型。
6、 考试方式为闭卷笔试，考试时间为150分钟。采用百分制评分，60分及格。

六、题型示例
 一、单项选择题
 1、建立超级链接使用的标记为
　　　 A <a> </a>　 B <table> </table>　　 C <p>　 D <frame> </frame>
 
二、多项选择题
 2、CSS选择器包括
A．标签选择器   B．类选择器 C．对象选择器D．ID选择器   E．复合内容选择器
 
三、填空题
 3、计算机中的图像分为           和位图图像。
 
四、名词解释
 4、AP元素
 
五、简答题
 5、简述规划站点遵循的原则。
 
六、论述题
6、试述网页的制作流程。

七、应用题
7、编写JavaScript脚本程序，实现跑马灯效果，使得在浏览器中打开网页后，文字就会在文本框内循环移动。