网页制作与设计期末考试题目及答案

1、简述Dreamweaver MX中模板与CSS样式表的区别。 答案要点：

模板实际上是一种特殊网页，可以通过模板页面产生许多形式相似的页面，和CSS样式表相区别的是，CSS样式表主要是对文字、超级链接等网页元素进行规范统一设置，而模板是对整个页面来说的，包括图片、表格、文字等等。由模板产生的页面和模板有着附属关系，模板的改变会导致由模板产生的页面发生变化。

1．设置文字链接的样式时使用哪四个状态，并解释其含义。 答案要点：

设置文字链接的样式主要是设置链接的四个状态：link、visited、hover和active。 （1） link：文字链接正常的显示样子。

（2） visited：当这个链接被点击过之后所显示的样子。 （3） hover：当鼠标停留在文字链接上方的样子。 （4） active：当文字链接处于激活状态时的样子。 3、根据下图，简述在

Dreamweaver MX

中制作该页的步骤。

答案要点（参考）：

（1）新建HTML页面，向页面中插入一个3行、4列的表格。 （2）设定表格对齐方式为“居中对齐”。

（3）将第一行的第二、三、四单元格合并为一个单元格，将第一列的第二、第三单元格合并为一个单元格。

（4）在各单元格中输入相应文本，设定各单元格的对齐方式为 “居中对齐”。 （6）将页面保存到文件夹F:\\test中并命名为information.htm。 3．举例说明超链接的组成和格式。 答案要点：

① 超链接由两部分组成：—部分是可被显示在Web浏览器中的超链接文本及图像，当用户在其上单击时，就触发了此超链接；另一部分就是用于描述当超链接被触发后要链接到的URL信息。

② 超链接标签的格式为：

超链文本及图像 ③ 例：

这里是超链接标签，“http://www.open.edu.cn”是超链接的目标地址，“中央电大”是超链接文本。

3．简述Dreamweaver MX中向表格、表格单元格插入图像和背景图像的操作。 答案要点：

① 不能向表格中插入图像；

② 向表格插入背景图像：选定表格，在属性检查器的“背景图像”栏中输入背景图像文件名和路径； ③ 向表格单元格插入背景图像：选定单元格，在属性检查器的“背景”栏中输入背景图像文件名和路径；

④ 向表格单元格插入图像：选定单元格，鼠标左键单击插入栏常用选项卡里的“图像”按钮，在打开的“选择图像源”对话框中选定图像文件后单击确定按钮即可。

1．简述网站的开发流程。（10分） 答案要点：

步骤1：定义站点，包括明确建立站点的目的、确定网站提供的内容以及搜集网站资料； 步骤2：建立网站结构，包括建立网站结构流程图，明晰网页间的链接关系； 步骤3：设计和制作主页，主页的好坏将直接影响网站的推广效果； 步骤4：制作、完善其他页面；

步骤5：测试，包括网页测试和网站的验证及调试； 步骤6：发布和维护网站。

2．简述静态网页的执行过程。（7分） 答案要点：

步骤1：Web浏览器请求静态页； 步骤2：Web服务器查找该页面；

步骤3：Web服务器将该页面发送回请求浏览器。

3．简述在Dreamweaver MX中制作以插件方式播放音乐的页面的步骤。（8分） 答案要点（参考）：

（1）新建HTML页面，选中需要放置插件的位置。

（2）点击“插入”面板的“媒体”标签，点击插件图标按钮。 （3）在弹出的对话框中选择音乐文件的来源。

（4）点击“确定”后调整插件播放条的大小，以适应设计需要。 （5）根据需要设定音乐播放的相关属性，保存页面并预览效果。

3．写出控制以下网页显示内容的HTML代码。（包括标签在内的代码）（7分）

3、写出控制以下网页显示内容的HTML代码（包括标签在内的代码）。 （7分） 答案要点：

三、名词解释(本大题共5小题，每小题3分，共15分)

31.DOM即文档对象模型，为HTML文档定义了一个与平台无关的程序接口。 32.网站的层次是指主页面(首面或一级页面)和二级页面、三级页面之间的结构关系。

33.贴层是用于精确地定位页面元素的一种CSS属性。具有贴层(clip)属性的元素在网页上，三维方向的位置都是可以控制的。

34.可扩展标记语言(XML)是一种基于SGML标准的网络信息描述语言，能够允许用户创建自己的DTD。 35.标记是HTML中用来标识网页元素的类型、格式和外观的文本字符串。 四、简答题(本大题共5小题，每小题5分，共25分) 36.选择符作用在于定义CSS的名称，以便引用。 在CSS中主要有三种选择符： (1)超文本标记选择符； (2)类选择符； (3)ID选择符。 37.XML的最主要的特点是： (1)严密性； (2)可扩展性；

38.FrontPage的主要功能有：

创建Web站点； 管理Web站点；

39.HTML文件的基本标记组成为： (1) (2) (3) 40.主要的区别在于以下几方面：

(1)Java是面向对象的，而javascript是基于对象的；

(2)javascript是解释执行的，而Java是编译执行； (3)Java采用强变量，javascript采用弱变量； 五、论述题(本大题共2小题，每小题10分，共20分) 42.论述网页设计中所需要注意的通用规则。

答：.首先，网站的设计目的决定设计方案。其次，浏览者的需求要放在第一位。另外还需要注意页面的有效性。页面的布局要保持统一。使表格和适当的帧结构来设计网页。要谨慎使用图片。要有平面设计意识。同时减少Java Applet和其他多媒体的使用。 31．简述网站目录结构组织的原则。 规划目录结构时应当遵循的几个原则：

(1)不要将所有文件都存放在根目录下； (4)两者的代码格式不同； (5)两者嵌入的方式不一样；

(6)Java采用静态联编，javascript采用动态联编。

制作网页； 发布站点；

维护站点；

(3)互操作性； (4)开放性。

(2)按栏目内容分别建立子目录；

(3)在每个主目录下都建立独立的images目录； (4)目录的层次不要太深； HTML文件开始

文件头开始． 文件内容 <／head> 文件头结束 文件体开始 文件体内容 <／body> 文件体结束 <／html>HTML文件结束

(5)切忌使用中文目录； (6)不要使用过长文件名的目录； (7)尽量使用意义明确的目录。

32．简述用HTML语言回答一个HTML文件应具有的基本结构。

34．简述一个“结构良好’’的XML文件应符合的规则。 (1)文档的第一行必须是XML文档说明； (2)文档必须包含至少一个元素；

(3)每个开始标记必须和结束语标记配套使用；

(4)文档中必须包含唯一的打开和关闭标记，文档中的所有其他标记都必须包含在这两个标记中； (5)标记之间不能重叠，或者说是不能交叉定义。

2．简述什么是网站的CI形象设计。 答案要点：

所谓CI是借用的广告术语，意思是通过视觉来统一企业的形象。一个网站的CI包括标志、色彩、字体和标语等。准确地讲，有创意的CI设计，对网站的宣传推广有事半功倍的效果。当一个网站的主题和风格确定以后，就需要根据它们设计相应的网站CI形象。

CI设计具体包括： ① 设计网站的标志； ② 设计网站的标准色彩； ③ 设计网站的标准字体； ④ 设计网站的宣传标语。

1、静态网页和动态网页有何不同？

答：静态网页与动态网页的区别在于网页是否具有应用程序解释器和后台数据库支持，而不是指网页是否具有动感效果。使用了应用程序解释器和后台数据库的，我们称为动态网页，反之为静态网页。

2、怎样才能很好地管理自己的站点？

答：（1）执行菜单的【站点】→【站点名称】→【编辑站点】命令，出现编辑站点对话筐，选择右边的“编辑命令”。（2）在弹出的“高级选项”对话筐中可以修改相应的信息，然后确定。（3）合理的分类各类文件给相应的文件夹里。