Web习题参考答案
《网页设计与制作》习题参考答案
第一章网页设计与制作概述
1、填空题
（1）静态网页、动态网页
（2）HyperText Mark-up Language、超文本标记语言或超文本链接标示语言
（3）文字、图形图像、动画、视频
（4）Microsoft Frontpage（或SharePoint Designer）、Adobe Dreamweaver
2、问答题
(1)www的特点有哪些？
答：1）万维网是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分。
2）WWW是建立在客户机／服务器模型之上的。
3）WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础。
4）WWW能够提供面向Internet服务的、一致的用户界面的信息浏览系统。
5）WWW浏览提供界面友好的信息查询接口。
(2)网页的基本元素有哪些？
答：组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。它们的特点如下：
文字：网页中的大多数信息主要以文本方式显示，文字是网页的主体，负责传达信息的功能。
图像：图片给网页添加了色彩，使网页做到了图文并茂，形象生动。
动画：动画是动态的图形，添加动画可以使网页更加生动。常用的动画格式包括动态GIF图片和Flash动画
声音和视频：声音是多媒体网页中的重要组成部分，支持网络的声音文件格式很多，主要有MIDI、WA V、MP3和AIF等。网页中支持的视频文件格式主要有Realplay、Mpeg、A VI和DivX等。
表格：在网页中使用表格可以控制网页中信息的结构布局。
超链接：超链接是网页与其他网络资源联系的纽带，是网页区别于传统媒体的重要特点导航栏：导航栏的作用是引导浏览者游历所有站点。
表单：表单类似于Windows程序的窗体，用来将浏览者提供的信息，提交给服务器端程序进行处理。
其他常见元素：包括悬停按钮、Java特效和ActiveX等各种特效。
(3)常见的网页制作软件有哪些？
答：常用网页设计工具有Microsoft Frontpage（新版本中已经改名为SharePoint Designer）、Adobe Dreamweaver 。其中Adobe 出产的4个软件Flash、Dreamweaver、Photoshop、Fireworks相辅相成，是设计网页的首选工具，Dreamweaver用来排版布局网页，Flash用来设计精美的网页动画，Photoshop和Fireworks用来处理网页中的图形图像。
(4)查阅相关资料，了解网页的设计与制作流程。
答：1）网站的主题与定位2）资料搜集3）结构设计：栏目与板块的设计4）形象设计：网站LOGO的设计等5）网站页面的设计6）测试7）申请域名和空间8）站点上传9）网站的推广与宣传
3、上机实践题
略
第2章 Dreamweaver CS4的基本操作
1、填空题
(1)站点、新建站点
(2)F12
2、问答题
(1)文件夹和文件命名应该注意哪些问题？
答：网站文件夹命名规范
1）在网站根目录中建立的子文件夹要注意分门别类，比如建立images、common、temp三个子文件夹，根据需要再建立media子文件夹，images文件夹中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common 子文件夹中放css、js,、php、include 等公共文件；temp 子文件夹放客户提供的各种文字图片等等原始资料；media 子文件夹中放flash, avi,quick time 等多媒体文件。
2）在根文件夹中原则上应该按照首页的栏目结构，给每一个栏目开设一个文件夹，根据需要在每一个栏目的文件夹中开设一个images 和media 的子文件夹用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他文件夹。
3） temp 文件夹中的文件往往会比较多，建议以时间为名称开设文件夹，将客户陆续提供的资料归类整理。
4）除非有特殊情况，文件夹、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；文件夹的命名请尽量使用英文，不到万不得已不要以拼音作为文件夹名称。
网站文件命名规范
1）每一个文件夹中应该包含一个缺省的文件，文件名统一用index.htm或index.asp 等。
2）文件名称统一用小写的英文字母、数字和下划线的组合。
3）命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。
4）图片的命名原则遵循以下几条规范：
☆ 名称分为头尾两两部分，用下划线隔开。
☆ 头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。
☆ 一般来说: 放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner 标志性的图片我们取名为：logo
在页面上位置不固定并且带有链接的小图片我们取名为button
在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu
装饰用的照片我们取名：pic
不带链接表示标题的图片我们取名：title ,依照此原则类推。
☆ 尾部分用来表示图片的具体含义。
(2)为什么在进行网页测试和发布前要设置站点？
答：
Web 站点是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档和资源。Dreamweaver 是创建和管理站点的工具，使用它不仅可以创建单独的文档，还可以创建完整的Web 站点。
在Dreamweaver 中，“站点”指属于某个Web 站点的文档的本地或远程存储位置。Dreamweaver 站点提供了一种方法，使我们可以组织和管理您所有的Web 文档，将站点上传到Web 服务器，跟踪和维护链接以及管理和共享文件。
方便以后对整个站点的测试，调试。
三、上机操作题
略
第三章网页文档的设置
1、填空题
(1)外观（CSS）
(2)SHIFT+回车键（输入键）
(3)默认、居中对齐
(4)
2、问答题
（1）在dreamweaver CS4中如何导入WORD文档？
答：选择“文件”→“导入”→“word文档”命令，打开“导入Word文档”对话框，选择需要导入的Word文档导入到网页中来。
其中，可以在“格式化”下拉列表中选择不同的选项来设置导入文档的格式。
（2）文档头部信息包括哪些内容？
答：主要包括：
标题信息title，Title使用非常广泛，是显示网站中心句的必要元素。也就是在我们所要浏览网页的左上方的标题栏里。
元信息标记meta，Meta元素所提供的信息不显示在页面中，一般用它来定义页面的说明、关键字、刷新等。在HTML中可以用多个meta元素，meta元素属性可以有name和http-equiv,它的name属性属于描述网页，以便搜索引擎查找、分类等。主要包含以下几方面：网页关键字；设置页面说明：设置页面说明也是为了搜索引擎的查找；作者信息设置；网页文字及其设置；刷新参数指定；网页基础信息；链接信息等。
3、上机操作题
1．略
第4章图像和多媒体的使用
1、填空题
（1）PNP
（2）.mid,.mp3,.wav。
2、问答题
（1）在dreamweaver CS4中网页上主要可以放置的图像格式有哪些？
答：网页中的图像主要有3种格式：GIF、JPEG和PNG。
1)GIF格式
GIF 意为Graphics Interchange format（图形交换格式），GIF图片的扩展名是gif。GIF 是一种索引颜色格式，在颜色数很少的情况下，产生的文件极小，它的优点主要有：格式支持背景透明，支持动画，支持图形渐进，支持无损压缩。
2）JPEG格式
JPEG 代表Joint Photograhic Experts Group（联合图像专家组），这种格式经常写成JPG，JPG图片的扩展名为jpg。JPG最主要的优点是能支持上百万种颜色，从而可以用来表现照片。此外，由于JPG图片使用更有效的有损压缩算法，从而使文件长度更小，下载时间更短。
3）PNG格式，是一种流式网络图形格式(Portable Network Graphic Format，PNG)，也是一种位图文件(bitmap file)存储格式。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法。
（2）如何在网页页面中插入FLASH对象？如何设置它们的属性？
答：插入Flash动画，要在网页文档中插入Flash动画，首先将光标移至所需插入Flash 动画的位置，通过选择“插入”→“媒体”→“SWF”命令，打开“选择文件”对话框，选择所需插入的Flash动画，单击【确定】按钮，即可插入到网页文档中。
设置Flash动画属性，对插入到网页中的Flash动画选中后，通过“属性”面板，即可设置Flash动画的相关属性。
3、上机操作题
略
第5章超级链接的创建
1、填空题
（1）源端点、目标端点
（2）图像、表单外部、内部
（3）页内链接
（4）脚本链接
2、问答题
（1）超级链接有哪几种路径？它们之间有何不同之处？
答：级链接的路径主要有绝对路径、文档相对路径、站点根目录相对路径 3 种。
●绝对路径链接：主要用于创建具有固定网址的外部链接，如友情链接等。创建绝对路径链接时，需要给出目标端点完整的 URL 地址，如 https://www.360docs.net/doc/899639727.html,。
●文档相对路径链接：主要用于创建站点的内部链接，它使用目标端点页面相对于当前页面所在的位置来创建链接路径。如：同一文件夹中，把exp1.html文件链接到exp3.html 文件，那么exp1.html就是相对路径。
●站点根目录相对路径链接：和文档相对路径链接相似，但使用的参照是站点的根目录。以一个“/”作为起始字符，该“/”代表的就是根文件夹。
（2）如何创建电子邮件链接？
答：首先选择要创建电子邮件链接的网页元素(文本、图像等)，然后在该对象的属性检查器中的“链接”文本框中输入“mailto:”和电子邮件地址即可。
3、上机操作题
略
第6章页面布局
1、填空题
（1）单元格
（2）单元格内容和单元格边界之间的像素数、表格单元格之间的像素数
（3）框架、框架集
（4）frame、frameset
（5）百分比
（6）可编辑区
（7）库、模板
2、问答题
（1）表格的概念和作用是什么？
答：表格（Table）在网页制作中是一个非常重要的概念，是由不同的行、列、单元格组成的一种能够有效描述信息的组织方式。它在网页中不仅可以有序地排列数据，还可以精确定位网页元素。对于网页布局来说，表格是不可或缺的重要工具。
表格在Dreamweaver cs4中是用于在HTML页上显示表格式数据以及对文本和图形进行布局的工具。表格由一行或多行组成，每行又由一个或多个单元格组成。
（2）插入表格常用的方法有哪些？
答：通过“插入”→”表格”命令，或者单击“插入”面板的”常用”类别中的“表格”按钮上，打开“表格”对话框。
（3）框架和框架集有什么区别？
答：框架由框架和框架集组成，框架就是网页中被分隔开的各个部分，每部分都是一个完整的网页，这些网页共同组成了框架集，框架集实际上也是一个网页文件，用于定义框架的结构、数量、尺寸等属性。
框架集又被称为父框架，框架被称为子框架。将某个页面划分为若干框架时，既可独立的操作各个框架，创建新文档，也可为框架指定已制作好的文档。
（4）简述如何创建模板和库项目。
答：创建模板的方法：
1）单击“窗口”→“资源”命令，在打开的“资源”面板上进行操作。
2）选择“文件”→“另存为模板”命令，打开“另存为模板”对话框，将当前网页另存为模板。
库项目：
1）单击“修改”→“库”→“增加对象到库”命令；
2）或者单击“窗口”→“资源”命令，打开“资源”面板，单击“库”按钮，打开库面板，单击“新建”按钮，在库面板中新建一个“库”元素。
3、上机操作题
略
第7章 AP元素的使用
1、填空题
（1）AP元素
（2）Z轴
（3）F2
（4）1
（5）所有层的宽度调整为和最后选取的层的宽度一样
（6）AP元素
2、问答题
（1）如何理解AP元素的概念？
答：AP元素，即绝对定位元素，是指在网页中具有绝对位置的页面元素。具体地说，就是div 标签或其它任何标签。AP 元素可以包含文本、图像或其它任何可放置到HTML 文档正文中的内容。
（2）简述网页中层的应用。
答：层是网页中的一个区域，在一个网页中可以有多个层存在，它最大的魅力在于各个层可以重叠，并且可以设定各层的属性和关系。
使用层可以更灵活有效地制作页面，它可与表格相互转换。与表格的功能相比，层与表格相似，而且能够相互转化，但层在操作上自由度更高。
AP Div主要有以下几方面的功能：
●AP Div是绝对定位的，游离在文档之上，利用它可以浮动定位网页元素。
●AP Div的Z轴属性可以使多个AP Div进行重叠，产生多重叠加的效果。
●AP Div的显示和隐藏可以控制，从而使网页的内容变得更加丰富多彩。
（3）AP Div的Z轴有什么作用？
答：Z轴：如果以X轴与Y轴定义一个平面网页，那么AP元素就是具有某Z轴值的网页内容。即具有上下的叠放顺序。当两个或两个以上的AP元素重叠时，Z值小的在下面，Z值大的在上面，上面的通常会遮盖下面的AP元素。
3、上机操作题
略
第8章交互式网页制作
1、填空题
（1）文本字段
（2）Spry验证文本域
（3）标签按钮
（4）事件
（5）OnChange
（6）Spry
2、问答题
（1）隐藏域的作用是什么？
答：用于在文档中插入一个可以存储用户数据的域。使用隐藏域可以实现浏览器同服务器在后台隐藏的交换信息，在页面上并不显示出来。
（2）SPRY验证表单对象有哪些？
答：Spry组件包括验证文本域组件、验证文本区域组件、验证选择组件、验证复选框
组件、Spry菜单栏、Spry选项卡式面板、Spry折叠式面板、Spry可折叠面板、Spry工具提示等类型。
（3）简要说明行为、事件和动作的含义。
答：行为是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。行为是由对象、事件和事件触发的动作构成。
事件是触发动态效果的条件，
在网页上，事件则表现为浏览器生成的消息，指示该页浏览者执行了某种动作。
动作是由JavaScript代码组成，这些代码执行特定的任务，终产生的动态效果。动态效果可能是图片的翻转、链接的改变、声音播放等。
在将行为添加到页面元素之后，只有对该元素发生了用户所指定的事件，浏览器就会调用与该时间关联的动作。用户可以为每个事件指定多个动作。动作按照其在“行为”面板列表中的顺序依次发生。
（4）简要说明添加行为的过程。
答：1）打开“行为”面板，执行“窗口”→“行为”菜单命令或按“Shift+F4”快捷键，随即打开“行为”面板。
2）单击加号按钮“+”显示可用的选项，并在弹出的列表中选择一个动作，列表中呈灰色的动作表示不可选择，可能是没选中对象，或者是当前对象不支持这个动作。
3）设置参数，点击“确定”，即完成了该动作的设置，在“行为”面板中，将看到该动作的设置。
4）如果发现事件不对，则可直接在下拉列表选择相应的事件。
3、上机操作题
略
第9章 ASP程序设计概述
1、填空题
（1） .htm；.asp
（2）ASP；PHP；JSP
（3）服务器端
2、问答题
（1）因为ASP文件需通过服务器才能运行，在资源管理器中直接双击，没有通过服务器运行，因此不能正常显示。
（2）网页文件不一定要保存在C:\Inetput\wwwroot目录下，在安装IIS的时候，会默认生成该目录存放网页文件。用户可以根据自己的需要更改网站目录的存放位置，选择适当的网页存放目录。
（3）总的来说，ASP、PHP和JSP基本上都是把脚本语言嵌入到了HTML文档中。其优缺点概括如下：
ASP：优点：简单易学、容易上手；缺点：不能跨平台PHP：优点：免费、开放源代码；缺点：缺乏大公司的支持。JSP：优点：跨平台；缺点：复杂难学