《网页制作》复习题含答案.docx

1、网页制作复习题含答案网页制作复习题（含某人的“答案”） 写在前面：资料来源于互联网和本人对这本书的理解，不一定准确，仅供参考。需配合教材使用。各题所对应的页码数待确认。如内容有误，请指出。预祝大家网页设计与制作考试取得佳绩。第1章 网页制作概况网页的概念网页是用HTML（超文本编辑语言）语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。网页HTML文件与web浏览器间的关系理 参照P5首页和主页的异同点首页与主页的区别:浏览网站时最先访问的页为首页，一般为欢迎信息，通过链接再进入主页（例如：榕树下网站） 。主页是整

2、个网站的导航中心（例如：163网站） 。有些网站首页即主页。网页制作的常用工具软件有哪些FrontPage、网页制作三剑客（Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客）、Photoshop 网页正文区和文件头的位置关系，文件头内的唯一一个必须出现的标记是哪一个标记？ Title标记HTML文件的基本框架：文件开始表头区开始.标题区表头结束本文区开始（注：书上写本文区，本人认为应是文本区，待确认） 本文区内容（注：书上写本文区，本人认为应是文本区，待确认）本文区结束（注：书上写本文区，本人认为应是文本区，待确认）文件结束单标记和双标记的概念，

3、HTML标记中哪些是单标记，哪些是双标记？P5起单标记指令（由构成），如：、双标记指令（由构成），如： 注释语句的含义，其正确书写格式HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记段落标记（）与换行标记（） 是HTML格式中特有的段落元素。在原始文件中的，指出在这儿告一段落，下面的文字另起一段。 另外一个类似的标记元素是。这个标记用来标识一个换行动作，相当于字处理文件中的按回车键的功能。在HTML文件中可以用它来调整行间距。在处理类似诗歌式的语句时常常用到。语法格式：文本文本HTML中的常用标记的对应名称插

4、入多媒体对象的HTML语句的正确格式 P13-15 参考1.2.5图像与多媒体标记（个人认为）无序列表的相关知识 P9 参考1.2.3列表显示1.无序列表（UI）有序列表的相关知识 P9-P10 参考1.2.3列表显示2.有序列表（OI）表格标记的相关知识 P11-P13 参考1.2.4表格标记超链接语句的相关知识 P15 参考1.2.6超链接标记第2章 DW网页制作基础如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？首选参数（P22）Dreamweaver站点的概念和特点（P29起）一种组织所有与Web站点关联的文档的方法通过在站点中组织文件，可以与FTP一起利用D

5、reamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。除非定义站点，否则不能充分利用Dreamweaver的功能。 设置Dreamweaver站点的方法不止一种在文件面板中进行管理的功能有：新建网页更改文件名删除文件等关于【远端站点】和【本地文件】的特点和概念所有制作完成的网页最后要放置在Web Server上。制作者可以在服务器上制作网页。制作网页时常把本地计算机的文件夹模拟成远程服务器的文件夹，因此本地文件夹也称为本地文件。完成作品后再将本地文件夹里完成的作品上传到服务器中成为真正的网站，服务器即远端站点。哪些是HTML文档的基本属性？页面标题背景图像文本

6、关于如何插入图像的一些基本常识？为了管理方便，一般设计习惯把图片放在“images”文件夹内以便于管理网站里的网页和图片等资源的文件名最好用中文，以便于管理。插入图像可以选择“插入”菜单中的“图像”命令进行插入。插入图像可以选择使用面板组“资源”面板进行插入。URL的全称是？URL是Uniform Resource Location的缩写，译为“统一资源定位符”。网页中添加换行符的快捷键？BR为换行符(快捷键为CTRL+ENTER)Dreamweaver工作区是一个使用什么(多文档界面)的集成工作区？Dreamweaver MX 工作区是一个使用 MDI(多文档界面)的集成工作区 层叠样式表（

7、CSS）是一系列格式规则，它们控制网页内容的外观。CSS样式规则由什么组成？ 选择器和声明（详细说明见P50）层叠样式表（CSS）的选择器类型有哪些？CSS选择器针对超级链接进行设置的状态有哪些？如何将CSS文件在站点内共享给其他HTML文件插入音乐的方法有哪些？ 直接插入法、代码法（详细说明见P59-P60）Dreamweaver MX 2004提供的工作区布局,分别是什么？设计人员工作区，编码人员工作区。 “文档”窗口用于显示当前文档。有哪些dreamweave的文档视图。设计视图，代码视图，拆分视图 插入视音频的相关操作与参数设置 插入视频见P64 插入音频见P59-P60第3章 DW网

8、页设计应用在Dreamweaver中插入表格的实现方法。1）选择“插入” “表格”；2）在常用类之插入工具栏中单击“表格”按钮；3）在布局类之插入工具栏中单击“表格”按钮。表格的三种查看模式。 标准、扩展和布局表格的组成元素。 单元格、行/列、表格如何选取表格元素？单击标签选择器中的标签可选取光标所在单元格；单击标签选择器中的标签可选取光标所在行；让鼠标指向表格的顶边，当鼠标变成黑色实心下向单箭头形状时单击，便可选取箭头所指向的列；单击标签选择器中的标签可选取光标所在表格。如何设置表格宽度？方法可有：1）新建表格时，在“表格”设置框的“宽度”框中输入值，再指定其相应的宽度单位。2）选取表格后，

9、在其属性面板的“宽度”框中输入值，再指定其相应的宽度单位；3）当宽度单位为像素时，在选取表格后，用鼠标拖拽右边框的黑色控点。 如何设置表格高度？方法可有：1）选取表格后，在其属性面板的“高度”框中输入值，再指定其相应的宽度单位；2）当宽度单位为像素时，在选取表格后，用鼠标拖拽下边框的黑色控点。 可用哪些单位来度量表格的宽度或高度？ 百分比或像素你为什么把表格的宽度或高度设置为100%的？ 希望表格会随着浏览器窗口大小的变化而自动调整其宽度或高度。你是怎么理解表格的边框粗细的？ 在浏览器窗口中浏览网页时，是否可见到表格线。0则见不到，0则见得到。你是怎么理解表格的单元格边距的？ 单元格边距指的是

10、单元格内容到单元格左/右边框之间的距离。你是怎么理解表格的单元格间距的？ 单元格间距指的是相邻两个单元格之间的距离。嵌套表格的实现。 在一个单元格中插入另一个表格。布局表格与布局单元格？标准表格与布局表格。在布局查看模式下所制作的表格称为布局表格。布局单元格是布局表格的组成成分。即一个布局表格是由布局单元格组成的。在标准查看模式下所查看到的表格称为标准表格。布局表格最终都要被转换成标准表格，才能在网页中得以使用。一个标准表格由布局单元格和非布局单元格所组成。换句话说，一个布局表格是一个标准表格的子集。有哪些创建网页模板的常用方法？最基本的方法是哪一种？方法可有：1）基于现有网页文档创建；2）基

11、于Dreamweaver设计文件创建；3）在“资源”面板中创建。最基本的方法是基本现有网页文档来加以创建。制作网页的常用方法方法可有：1）在代码视图下输入HTML代码；2）在设计视图下直接加入网页元素；3）基于表格来安排网页元素布局；4）基于框架集来制作网页；5）基于模板来设计网页。何谓框架集？框架集指的是包含有多个框架的网页文档。何谓框架？框架是浏览器窗口中的一个区域，用它来显示出一个网页。框架是框架集的组成成分。一个Dreamweaver模板文档的文件扩展名是什么？.dwt。意即：dreamweaver templates。在Dreamweaver中，模板与站点的关系。1）模板一定存在于站

12、点中；2）模板可使站点的网页风格保持一致性，站点不一定非得包含有模板不可。套用已建成模板来设计网页的实现方法。在Dreamweaver中调出要套用模板的网页文档，然后使资源面板显示于Dreamweaver窗口右侧的面板组中（按F11键），单击该面板左侧的“模板”按钮，使当前站点中所有模板都显示出来，然后从中挑选所要模板，最后单击面板左下角的“应用”按钮。合并表格中单元格的实现。在表格中选取了要合并的单元格后，执行“修改” “表格” “合并单元格”菜单操作。对表格中拆分某个单元格。把光标移入到拆分的单元格中，然后执行“修改” “表格” “合并单元格”菜单操作。第4章 FW网页制作基础位图与矢量图

13、的特点及常用格式是什么？位图：由像素点组成，记录每个像素点的颜色值，再拼成整图。常用格式有.jpg、.gif、.bmp等矢量图由矢量轮廓线和矢量色块组成，文件的大小由图像的复杂程度决定，与图形的大小无关，并且矢量图可以无限放大而不会模糊。适用于网络标志或动画。常用格式有.ai、.cdr、.fh.、swf等。 数码图像常选择什么格式？JPEG JPEG文件格式是Joint Photographic Experts Group（联合图像专家组）的缩写，文件的后缀名是.JPG，这也是最常见的一种文件格式，几乎所有的图像软件都可以打开它。 TIFF TIFF是Tagged Image File For

14、mat（标记图像文件格式）的缩写，文件的后缀名是.TIF，这是现阶段印刷行业使用最广泛的文件格式。 RAW 目前，数码相机的存储格式除了JPEG、TIFF外，还有RAW格式。其实，RAW格式并不是一种图像格式，不能直接编辑。RAW格式是CCD或CMOS在将光信号转换为电信号时的电平高低的原始记录，单纯地将数码相机内部没有进行任何处理的图像数据，即CCD等摄影元件直接得到的电信号进行数字化处理而得到的。 GIF GIF是Graphics Interchange Fotmat（图像交换格式）的缩写，文件的后缀名是.GIF。 BMP BMP是Bitmap的缩写，后缀名是.BMP。 网页上常见的图像的

15、格式及特点？JPEG JPEG文件格式是Joint Photographic Experts Group（联合图像专家组）的缩写，文件的后缀名是.JPG，这也 是最常见的一种文件格式，几乎所有的图像软件都可以打开它。 GIF GIF是Graphics Interchange Fotmat（图像交换格式）的缩写，文件的后缀名是.GIFFireworks默认的存储格式是？PNG(Portable Network Graphics的缩写)格式:此格式是Macromedia Fireworks的默认格式Fireworks生成动画时，帧延时设置默认为多少秒？ 7/100秒各种工具的使用，例如“放大”工具

16、、“锐化”工具、“模糊”工具、“减淡”工具、“橡皮图章”工具、“矩形”工具、椭圆”工具、“替换颜色”工具等等1）直线工具:画出线段;调整颜色、笔尖描边种类; 例：笔尖大小 边缘揉化 笔刷颜色 描边种类 纹理2)钢笔工具:绘制线段与多边形； 拖拽出曲线3） 用“橡皮图章”工具可以把图像的一个区域复制或克隆到另一个区域中。4） “选取框”工具在图像中选择一个矩形区域。 “椭圆选取框”工具在图像中选择一个椭圆形区域。5) “套索”工具在图像中选择一个自由变形区域。用套索工具大致选出人物,边界可多选一些,反选,去背 “多边形套索”工具在图像中选择一个直边的自由变形区域。（适合处理边缘由直线构成的画面）

17、 6)选区的“魔术棒”工具在图像中选择一个颜色相似区域。 适合图像中的主题或背景为单一色彩或相似色彩的选区 7)用“橡皮图章”工具可以把图像的一个区域复制或克隆到另一个区域中。 小技巧：按ALT可重新选取参照点8)“替换颜色”工具：修改图像的用色。9)“红眼消除”工具：移除闪光灯产生的红眼。10)“模糊”工具减弱图像中所选区域的焦点。11)“锐化”工具锐化图像中的区域。 对于修复扫描问题或聚焦不准的照片很有用12)“减淡”工具加亮图像中的部分区域13)“烙印”工具加深图像中的部分区域。例：加强雪地上树木的阴影效果 14)“涂抹”工具拾取颜色并在图像中沿拖动的方向推移该颜色。 例：令主体呈现滑行

18、的效果 15)图像的化妆术-滤镜,调整亮度对比度 选区的操作：加选、减选、全选、取消选择 全选 CTRL+A 取消选取 CTRL+D 向像素选区添加SHIFT 从选区中去除像素 ALT图像优化Fireworks 的优化面板是关键，比较简单的 1.首先确定你的颜色数，256色的用GIF和PNG格式，256色以上的用JPG格式。 GIF 的例子，注意颜色参数 JPG的例子，注意品质参数 2.确定颜色数和压缩比，进行比较对文本的操作 参照P157-P159的4.7“文本的操作”引导线、标尺 参照P129的4.3.5的“1.使用标尺”和“2.使用引导线画布大小与图像大小 关于画布的就在P126，第5章

19、 FW网页设计应用资源面板包括什么？样式、URL、库、形状样式的概念及相关操作1)应用样式将样式应用到所选对象或文本块。 （1）选择对象或文本块。（2）单击“样式”面板中的某种样式2)创建新样式基于所选对象的属性来创建样式，该样式将显示在“样式”面板中。（1）创建或选择具有所需笔触、填充、效果或文本属性的矢量对象或文本。（2）从“样式”面板的“选项”菜单中选择“新建样式”（3）选择希望该样式所具有的属性。（4）给出样式名称，然后单击“确定”按钮。下列属性可以保存在样式中：（1）填充类型和颜色，包括图案、纹理以及角度、位置和不透明度等矢量渐变属性。（2）笔触类型和颜色。（3）效果。（4）文本属性

20、，如字体、字号、样式（粗体、斜体或下划线）、对齐方式、消除锯齿、自动字距调整、水平缩放、范围微调以及字顶距等。3)删除样式（1）从“样式”面板中选择一个样式。（2）从“样式”面板的“选项”菜单中选择“删除样式”（或单击“样式”面板中的“删除样式”按钮）。4)编辑样式 更改样式包含的属性。 （1）用“选择”“取消选择”命令取消选择画布上的任何对象。 （否则会把该样式应用到选定对象上）（2）单击“样式”面板中的某个样式，从“样式”面板的“选项”菜单中选择“编辑样式”（或直接双击“样式”面板中的某个样式）。（3）选择或取消选择希望应用的属性。（4）单击“确定” 。5)导出和导入样式 将样式导出以便在

21、其他计算机上导入并使用，实现样式共享。 导出样式：（1）从“样式”面板中选择一个样式。（2）从“样式”面板的“选项”菜单中选择“导出样式”命令。*.stl（3）输入将包含所保存样式的文档的名称和位置。（4）单击“保存”按钮。导入样式： （1）从“样式”面板的“选项”菜单中选择“导入样式”命令。（2）选择要导入的样式文档。元件、实例的概念及相关操作三种类型的元件：图形、动画和按钮。创建“元件”存放于“库”中后，就可以很方便地插入“实例。当对元件进行编辑时，所有与其相关的实例就会自动更改。/创建元件 方法1：将图形对象转换为元件（1）选择对象（五角星），“修改”“元件”“转换为元件” 。（2）输入

22、元件名称，如“星”。（3）选择元件类型：“图形”。（4）单击“确定”按钮。方法2：新建元件 （1）从“库”面板的“选项”菜单中选择“新建元件”命令。（2）选择元件类型：“图形”、“动画”或“按钮”。然后单击“确定”按钮。（3）使用“工具”面板中的工具创建元件F8放置实例 将元件从“库”面板拖到画布中，就可将该元件的实例放在当前文档中。 复制元件 （1）在“库”面板中选择元件。（2）在“库”面板的“选项”菜单中选择“复制” 。删除元件 （1）在“库”面板中选择元件。（2）从“库”面板的“选项”菜单中选择“删除”命令编辑元件 （1）选择某个元件，从“库”面板的“选项”菜单中选择“编辑元件“命令。（

23、2）对该元件进行更改，然后关闭窗口。 该元件及其所有实例都将被修改。 导入和导出元件 可将元件“库”分别导入到多个文件中，重复使用。导出元件： （1）从 “选项”菜单中选择“导出元件”命令。（2）选择要导出的元件，然后单击“导出”按钮。（3）为该元件文件(*.PNG)输入一个名称，然后单击“保存”按钮。导入元件:（1）从“选项”菜单中选择“导入元件”命令。（2）选择元件文件(*.PNG) ，然后单击“打开”按钮。（3）选择要导入的元件，然后单击“导入”。切片的优点与相关操作切片可将较大的图像分割为多幅较小的图像，是 Fireworks 中用于创建交互效果的基本构造块。切片的主要优点：加快下载速

24、度 交互性 便于局部更新 便于优化1)创建切片方法1：基于所选对象插入矩形切片用这种方法所创建的切片是一个矩形，它的区域包括所选对象最外面的边缘。操作步骤：（1）选择某个对象。（2）选择“编辑”“插入”“切片”(或选择快捷菜单中的“插入切片”）创建HTML切片 如果要快速更新出现在站点中的文本而无须创建新图形，则 HTML 切片很有用。操作实例：切片_飞机.png（1）用切片工具绘制切片对象。 （2）在属性检查器中，从类型中选择 HTML。 （3）单击“编辑”，键入文本。如果需要，通过添加 HTML 文本格式设置标记来设置文本的格式。（4）单击“确定”。（5）导出为*. htm文件，或单击F1

25、2查看结果创建非矩形切片 当试图将交互性附加到非矩形图像时，Fireworks 允许您使用“多边形切片”工具绘制任何多边形形状的切片。 （1）选择多边形切片工具。 （2）单击以放置多边形的矢量点。若要停止使用多边形切片工具，请从工具面板中选择另一个工具移动切片引导线就可以编辑切片。单击某切片后，按DEL键可删除切片。Fireworks提供了2两种使切片交互的方式:1)向切片添加简单的交互效果2)使用“行为”面板向切片添加多个行为（后面章节介绍）创建简单交换图像的步骤:确保图像或对象不在共享层在图像或对象上创建切片“编辑”“插入”“切片”在“帧”面板中新建一个帧选中第2帧，导入用作交换图像的图像

26、选中第1帧，指针放在行为手柄上方，右击“添加交换图像行为”选择交换的帧，确定。F12预览吧创建不相交变换图像的步骤:在图像或对象上创建切片“编辑”“插入”“切片”在“帧”面板中新建一个帧选中第2帧，导入用作交换图像的图像（放在上图下方以外任何地方选择图像，“编辑”“插入”“切片”选中第1帧，指针放在行为手柄上方，拖到目标切片中F12预览吧将多个变换图像应用到所选切片:在图像或对象上创建切片“编辑”“插入”“切片”在“帧”面板中新建一个帧选中第2帧，导入用作交换图像的图像（放在上图下方以外任何地方选择图像，“编辑”“插入”“切片”选中第1帧，指针放在行为手柄上方，拖到目标切片中重复上述步骤，完成

27、后按F12预览吧。说明：将手柄拖到同一切片上的左边缘可创建一个简单变换图像热点工具的基本操作热区（Hotspot）又称之为热点，是图像上带有超链接的一块区域，它可以呈矩形、圆形、甚至还可以是多边形。和文本超链接的情况一样，当浏览者将鼠标移动到热点上时，鼠标会变成手形。按钮的状态及按钮的相关操作弹出菜单的创建与浏览按钮是网页的导航元素。按钮常见的四种状态 释放：平时鼠标没有经过按钮时所呈现的状态滑过：鼠标滑过按钮时的状态按下：按钮被按下时的状态按下时滑过：按钮被按下后，鼠标又经过按钮时所呈现的状态方法1:使用按钮编辑器,并引用系统提供的按钮元件1)编辑插入新建按钮。2)单击”导入按钮”，选择一种

28、喜欢的按钮，单击”导入“。（系统已设置好各种按钮状态，可修改或直接使用。）1、月相的变化有什么规律？（P49）3)单击“完成”，按钮元件创建完毕。（若要修改按钮元件，可从“库”面板的“选项”菜单中选择“编辑元件“命令）4)将按钮元件的实例插入到文档中，修改各个按钮的显示文本。17、细胞学说的建立被誉为19世纪自然科学的三大发现之一。5)单击预览或按F12可查看结果。方法2:将已有对象转换为按钮元件1、月相的变化有什么规律？（P49）1)导入按钮图片或自己绘制按钮图片。答：连接北斗七星勺形前端的两颗星，并将连线向勺口方延长约5倍远，处于此位置的那颗星就是北极星。2)在快捷菜单中选择“转换为按钮元

29、件”，元件类型为“按钮”。3)在“库”面板的“选项”菜单中选择“编辑元件“命令，设置4按钮状态，并调整按钮热区的面积，单击“完成”，按钮元件创建完毕。4)将按钮元件的实例插入到文档中，修改各个按钮的显示文本。15、为了便于辨认，人们把看起来不动的星星分成群，划分成不同的区域，根据其形态想象成人、动物或其他物体的形状，并且给它们命名。天空中这些被人们分成的许多区域就称为星座。5)单击预览或按F12可查看结果。6)弹出菜单的创建与浏览弹出菜单是指为响应指针滑过触发网页对象（如切片或热点）或单击这些对象而显示的菜单。在铁制品表面涂上油漆或菜油，用完铁制品后擦干放在干燥的地方等。创建弹出菜单可采用“弹出菜单编辑器” ，它会引导完成整个过程。 如何创建及导出动画？动画的有关概念、帧面板的使用1）创建弹出菜单 7、月球的明亮部分，上半月朝西，下半月朝东。（1）先切片。（2）选择一个切片。预计未来20年，全球人均供水量还将减少1/3。（3）右击，选择“添加弹出菜单”，在“弹出菜单编辑器” 上确定弹出菜单的结构和内容。（4）按F12浏览效果。 20、在观星过程中，我们看到的天空中有一条闪亮的“银河”光带，实际是由许许多多的恒星组成的一个恒星集团，被人们称为银河系。我们生活的地球在银河系。2）编辑弹出菜