《网页设计与制作》习题参考答案第一章网页设计与制作概述1、填空题(1)静态网页、动态网页(2)HyperTextMark-upLanguage、超文本标记语言或超文本链接标示语言(3)文字、图形图像、动画、视频(4)MicrosoftFrontpage(或SharePointDesigner)、AdobeDreamweaver2、问答题(1)的特点有哪些?答:1)万维网是无数个网络站点和网页的集合,它们在一起构成了因特网最主要的部分。2)是建立在客户机/服务器模型之上的。3)(HyperMarkupLanguage)与超文本传输协议HTTP(HyperTextTransferProtocol)为基础。4)服务的、一致的用户界面的信息浏览系统。5)浏览提供界面友好的信息查询接口。(2)网页的基本元素有哪些?答:组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。它们的特点如下:文字:网页中的大多数信息主要以文本方式显示,文字是网页的主体,负责传达信息的功能。图像:图片给网页添加了色彩,使网页做到了图文并茂,形象生动。动画:动画是动态的图形,添加动画可以使网页更加生动。常用的动画格式包括动态GIF图片和Flash动画声音和视频:声音是多媒体网页中的重要组成部分,支持网络的声音文件格式很多,主要有MIDI、WAV、MP3和AIF等。网页中支持的视频文件格式主要有Realplay、Mpeg、AVI和DivX等。表格:在网页中使用表格可以控制网页中信息的结构布局。超链接:超链接是网页与其他网络资源联系的纽带,是网页区别于传统媒体的重要特点导航栏:导航栏的作用是引导浏览者游历所有站点。表单:表单类似于Windows程序的窗体,用来将浏览者提供的信息,提交给服务器端程序进行处理。其他常见元素:包括悬停按钮、Java特效和ActiveX等各种特效。(3)常见的网页制作软件有哪些?答:常用网页设计工具有MicrosoftFrontpage(新版本中已经改名为SharePointDesigner)、AdobeDreamweaver。其中Adobe出产的4个软件Flash、Dreamweaver、Photoshop、Fireworks相辅相成,是设计网页的首选工具,Dreamweaver用来排版布局网页,Flash用来设计精美的网页动画,Photoshop和Fireworks用来处理网页中的图形图像。(4)查阅相关资料,了解网页的设计与制作流程。答:1)网站的主题与定位2)资料搜集3)结构设计:栏目与板块的设计4)形象设计:网站LOGO的设计等5)网站页面的设计6)测试7)申请域名和空间8)站点上传9)网站的推广与宣传3、上机实践题略第2章DreamweaverCS4的基本操作1、填空题(1)站点、新建站点(2)F122、问答题(1)文件夹和文件命名应该注意哪些问题?答:网站文件夹命名规范1)在网站根目录中建立的子文件夹要注意分门别类,比如建立images、common、temp三个子文件夹,根据需要再建立media子文件夹,images文件夹中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner条、菜单、按钮等等;common子文件夹中放css、js,、php、include等公共文件;temp子文件夹放客户提供的各种文字图片等等原始资料;media子文件夹中放flash,avi,quicktime等多媒体文件。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)hr2、问答题(1)在dreamweaverCS4中如何导入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)在dreamweaverCS4中网页上主要可以放置的图像格式有哪些?答:网页中的图像主要有3种格式:GIF、JPEG和PNG。1)GIF格式GIF意为GraphicsInterchangeformat(图形交换格式),GIF图片的扩展名是gif。GIF是一种索引颜色格式,在颜色数很少的情况下,产生的文件极小,它的优点主要有:格式支持背景透明,支持动画,支持图形渐进,支持无损压缩。2)JPEG格式JPEG代表JointPhotograhicExpertsGroup(联合图像专家组),这种格式经常写成JPG,JPG图片的扩展名为jpg。JPG最主要的优点是能支持上百万种颜色,从而可以用来表现照片。此外,由于JPG图片使用更有效的有损压缩算法,从而使文件长度更小,下载时间更短。3)PNG格式,是一种流式网络图形格式(PortableNetworkGraphicFormat,PNG),也是一种位图文件(bitmapfile)存储格式。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地址,如。●文档相对路径链接:主要用于创建站点的内部链接,它使用目标端点页面相对于当前页面所在的位置来创建链接路径。如:同一文件夹中,把exp1.html文件链接到exp3.html文件,那么exp1.html就是相对路径。●站点根目录相对路径链接:和文档相对路径链接相似,但使用的参照是站点的根目录。以一个“/”作为起始字符,该“/”代表的就是根文件夹。(2)如何创建电子邮件链接?答:首先选择要创建电子邮件链接的网页元素(文本、图像等),然后在该对象的属性检查器中的“链接”文本框中输入“mailto:”和电子邮件地址即可。3、上机操作题略第6章页面布局1、填空题(1)单元格(2)单元格内容和单元格边界之间的像素数、表格单元格之间的像素数(3)框架、框架集(4)frame、frameset(5)百分比(6)可编辑区(7)库、模板2、问答题(1)表格的概念和作用是什么?答:表格(Table)在网页制作中是一个非常重要的概念,是由不同的行、列、单元格组成的一种能够有效描述信息的组织方式。它在网页中不仅可以有序地排列数据,还可以精确定位网页元素。对于网页布局来说,表格是不可或缺的重要工具。表格在Dreamweavercs4中是用于在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元素的概念?答:A