Adobe Photoshop 6.0网页设计

Adobe Photoshop 6.0C 网页的设计

学习要点：

· 能够区分photoshop 提供创建和处理用于Web 的静态图像的工具，包括添加链接和HTML 文本、优化切片并将图像存储为 Web 页等。

· 能够区分ImageReady 提供的图像编辑工具。另外，还要掌握高级Web 处理和创建动态Web 图像，如动画和翻转效果的工具和调板。

1. 使用 Photoshop 和ImageReady 设计网页

当用 Adobe Photoshop 和Adobe ImageReady 设计网页的时候，请记住每个软件所使用的工具和 特性，在整个网页制作的过程中，它们两个各司其职。

·Photoshop 提供的工具用来创建和制作在Web 上使用的静态图像，你可以将图像分为切片、增加链接和HTML 文字，优化切片并将图像存储为一个Web 页面。

·ImageReady 提供了许多和Photoshop 相同的图像编辑工具，另外，它还包括了一些工具和调板用来进行高级的Web 处理和创建动态的Web 图像，如动画和翻转。

1．1使用 Web 设计调板（ ImageReady ）

ImageReady 提供下列调板用于对图像增加高级的Web 设计特性：翻转、切片和图像映射。 要显示翻转、切片或图像映射调板，可单击需要显示的调板标签（见图1），或选择“窗口>显示

图1－1

1．2其他应该考虑的因素

将图像存储起来作为一个Web 页面来使用，可以选择产生一个HTML 文件。此文件包括的信息是告诉Web 浏览器，当下载一个页面的时候应该显示什么。它可以包括指向图像的Pointers （如GIF 、PNG 和JPEG 格式）、HTML 文字、链接信息以及用来创建翻转效果的JavaScript 编码。 通过在Adobe GoLive 5．0中直接打开Photoshop 文件来集成自己的Web 制作过程。在Photoshop 中的切片、URLs 和其他Web 特性在GoLive 中都可以被识别和编辑。也可以在GoLive 5．0中将Photoshop 的文件作为页面模板打开。

可以在Photoshop 和ImageReady 中预视大部分的Web 效果，但要注意，一副图像在Web 中的显示依赖于操作系统、色彩显示系统和显示图像所使用的浏览器，应该用不同的浏览器，在不同的操作系统，并用不同的色彩深度来预视图像，以保证最后你可以看到较好的显示效果。

2. 创建和浏览切片

一个切片是组成图像的一个矩形区域，在这个区域上，可以建立链接、翻转和动画，从而在最后的Web 页面上看到这些效果。将一副图像分成若干个切片可让你为了Web 浏览有选择地优化它。

2．1关于切片

使用切片将一个源图像分割为不同的功能区域，将图像存储为一个Web页面时，每个切片都被作为一个独立的文件存储起来，它包含各自的设置、颜色调板、链接、翻转效果和动画效果（见图2）。可以使用切片来达到更快的下载速度。

注意：A．“图像”切片，B．“无图像”切片，C

设定Photoshop或ImageReady却如何产生HTML编码用来对齐

切片，可采用“表格”或CSS层叠式表单”

也可以设定切片文件如何被命名。

图2

2．2切片的类型

通过切片工具创建的切片称作“用户切片”，从一个图层创建的切片被称作“基于图层的切片”。

创建一个新的“用户切片”或“基于图层的切片”时，图像的其他区域就会自动产生“自动切片”。

换一种说法，就是自动切片将会填充图像中没有被“用户切片”或“基于图层的切片”定义的区域。

编辑“用户切片”或“基于图层的切片”时，“自动切片”每次都被自动重新生成。“用户切片”或

“基于图层的切片”和“自动切片”看起来也是不同的。“用户切片”或“基于图层的切片”都是

由实线边框定义的，而自动切片是由虚线边框定义的。

“次级切片”是自动切片的一种类型，创建了重叠的切片时，“次级切片”就会产生。存储优

化的图像时，“次级切片”显示图像将如何被分割。尽管“次级切片”按照数字被排列，并显示一

个切片符号，也不能从下面的切片中分别选择或编辑它们。每次改变切片的堆放顺序的时候，“次

级切片”都会自动重新产生。

2．3创建用户切片

用户切片可以通过切片工具创建，在ImageReady中，也可以从一个选区或从参考线中创建用

户切片。

1．通过切片工具创建用户切片

（1）选择切片工具（）。任何已经存在的切片会在文件窗口中自动显示。

（2）在切片工具条中选择“样式”选项（见图3）。

图3

·正常：通过拖动来决定切片的比例。

·约束长宽比：设定高度及宽度比例。例如，创建一个宽度是高度两倍的切片，就可以在宽度

一栏中输入2，在高度中输入1。

·固定大小：指定切片的高度和宽度值，是用像素值来表示的。

（3）在需要创建切片的位置拖动鼠标即可。按住Shift键的同时，拖动鼠标可保证切片是正方

形；Alt（Windows）或Option（Mac OS）键可保证鼠标从矩形中心开始拖动。使用“视图”菜单

中的“对齐”菜单命令，可使一个新的切片和参考线或图像中的另一个切片对齐。

2．从一个选区创建切片（lmageReady）

（l）选择图像的一部分。

（2）选择“切片＞从选区中创建切片”命令。

ImageReady基于选区的浮动边线创建一个用户切片（见图4）。如果此选区被羽化处理过，产生的切片覆盖整个选区（见图5）。如果选区不是矩形，那么产生的切片是一个能够覆盖所有选区的矩形。（见图6）

图4 图5 图6

3．从参考线创建切片（lmageReady）

在包含参考线的图像中，选择“切片＞从参考线创建切片”命令。所有从参考线创建的切片都是用户切片。

从参考线创建切片时，所有原来已有的切片都被删除（见图7）。

2．4创建基于图层的切片

从一个图层创建一个切片时，切片区域包括图层中所有的像素。如果移动图层或编辑图层的内容，切片区域会自动调整以包含新的像素。

当制作翻转时，基于图层的切片尤其有用。将翻转元素放到一个单独的图层上，然后从那个图层创建一个切片。如果对图层执行了一个效果，如阴影或发光效果来创建一个翻转状态，切片自动调整以包含新的像素。

然而，当你在一个动画中计划将图层在一个大幅的图像上移动时，不要使用一个基于图层的切片，因为这个切片的方向可能会超过一个有用的尺寸。

从图层创建一个切片的操作步步骤如下。

（l）在图层调板上选择一个图层（见图8）。

（2）执行“图展＞基于图层的切片”命令（见图9）。

图8 图9

2．5将自动切片转换为用户切片

你可以移动、复制、结合、分离、改变大小、删除、排列、对齐和分布用户切片，也可以对用户切片执行不同的优化设定。相反，所有在一个图像中的自动切片都是链接的并共享相同的优化设置。这是因为每次创建或编辑用户切片或者基于图层的切片时，自动切片都重新产生。

为了防止一个自动切片在每次重新生成的时候都发生变化，可将其转化为一个用户切片。在转化过程中自动切片的分离、结合、链接和设定选项会自动转换为用户切片的选项。

将自动切片转换为用户切片的步骤如下。

2．4创建基于图层的切片

从一个图层创建一个切片时，切片区域包括图层中所有的像素。如果移动图层或编辑图层的内容，切片区域会自动调整以包含新的像素。

当制作翻转时，基于图层的切片尤其有用。将翻转元素放到一个单独的图层上，然后从那个图展创建一个切片。如果对图层执行了一个效果，如阴影或发光效果来创建一个翻转状态，切片自动调整以包含新的像素。

然而，当你在一个动画中计划将图层在一个大幅的图像上移动时，不要使用一个基于图层的切片，因为这个切片的方向可能会超过一个有用的尺寸。

从图层创建一个切片的操作步步骤如下。

（l）在图层调板上选择一个图层（见图8）。

（2）执行“图层＞基于图层的切片”命令（见图9）。

图8 图9

2．5将自动切片转换为用户切片

你可以移动、复制、结合、分离、改变大小、删除、排列、对齐和分布用户切片，也可以对用户切片执行不同的优化设定。相反，所有在一个图像中的自动切片都是链接的并共享相同的优化设置。这是因为每次创建或编辑用户切片或者基于图层的切片时，自动切片都重新产生。

为了防止一个自动切片在每次重新生成的时候都发生变化，可将其转化为一个用户切片。在转

化过程中自动切片的分离、结合、链接和设定选项会自动转换为用户切片的选项。

将自动切片转换为用户切片的步骤如下。

（l）选择一个自动切片（见图10），在ImageReady中，可以选择多重切片。

（2）执行下列操作之一都可以将自动切片转换为用户切片。

·在Photoshop的选项栏中，单击“转为用户切片”按钮（见图11）；

·在1＞约XRe一中选择“切片＞提升到用户切片”命令。

2．6将基于图层的切片转换为用户切片

因为一个基于图层的切片被限制在一个图层的像素内容内，唯一用来移动、结合、分离、改

变大小和对齐它的途径是编辑这个图层。可以将一个基于图层的切片转化为一个用户切片来打断

图层切片和图层2间的链接（见图12）。操作方法与将自动切片转换为用户切片一样。

图图12

2．7 浏览切片

可以在Photoshop中的“存为Web所用格式”对话框（见图13）和lmageReady中观看切片。下面这些特性可帮助你鉴别和区分不同的切片。

图13

切片边线：用来定义切片的边框，实线表示切片是一个用户切片或图层切片，虚线表示切片是一个自动切片。

切片颜色：使自动切片、用户切片和基于图层的切片区分开来。按照内定的情况，用户切入和基于图层的切片用蓝色的符号表示，而自动切片用灰色的符号表示。

另外，ImageReady和Photoshop的“存为Web所用格式”对话框使用颜色调整，将未选中的切片变暗进行显示。这些调整仅仅用于显示的目的，并不影响最终的图像颜色。根据内定的设置，又自动切片的颜色调整量是用户切片的两倍。

切片数字：切片是从左到右，从上到下由数字进行排列。最开始的数字是从图像的左上角开始的。如果你改变了这一编排或切片的数量，切片的数字会根据新的顺序重新编排。

切片符号：表明一个用户切片是一个图像（）还是无图像（）切片；切片是否为一个基于图层的切片（）；切片是否被链接（）；或者切片是否包含一个翻转效果（）。

3、选择和修改切片

你可以移动、复制、结合、分割、缩放、删除、排列、对齐和分布用户切片，只有很少的选项用来修改图层切片和自动切片；然而，你可以将在任何时候将用户切片转换为图层切片或自动切片。

在Photoshop中，不能分割、结合、对齐或分布切片，切换到ImageReady中可以使用更多的切片编辑功能。

3．1选择切片

可以用切片选择工具（）选择一个切片后对它进行修改。在Photoshop的“存为Web所用

格式”对话框中和在ImageReady中，可以选择多个切片。

1．选择一个切片

（1）选择工具箱中的切片选择工具（）。

（2）在图像上单击一个切片，当有重叠的切片时，可单市位于下面的切片的可见边线来选择它。

（注：在切片工具和切片选择工具之间切换，按住Ctrl（Windows）／Command（Mac OS）键）。

2．选择多个切片

在Photoshop的“存为Web所用格式”对话框中，选择切片选择工具（）并按住Shift键，在要选择的切片上拖拉矩形框，在柜中的就可以被选中（见图14）。

图14

ImageReady：在一个自动切片或图像区域外单击鼠标，然后将鼠标拖过想选择的切片（在用户切片上单击并拖拉才可以移动切片）。

在ImageReady中可以存储、载入和删除切片，存储切片选择命令，载入切片选择可快速准确地重新选择特定的切片。在切片菜单的最下面是这3个命令（见图15），可以将当前的切片状态存储起来，在以后用到的时候将其载入，与浮动选择范围的存储和载人类似。

图15i

3．存储一个切片选区（lmageReady）

（l）选择一个或多个切片。

（2）选择“切片＞存储切片选区”命令。

（3）在弹出的对话框“存储切片选区”中输入名字（见图16），然后单击“好”按钮。

图16

如果要将选区载入可选择“切片＞载入切片选区”命令，在子菜单中选择要载入的切片选择的名字（注：只有存储了切片选区后，“载入切片选区”命令才会有效）。要删除一个切片选区可直接选择“切片＞删除切片选区”命令，并在子菜单中选择切片选择的名字，此处的删除命令并不影响切片本身。

3．2移动和改变用户切片的大小

可以在Photoshop和ImageReady中移动和缩放用户切片。但是在Photoshop的“存储为Web 所用格式”的对话框中不可以。也可以通过数字坐标来移动和缩放切片。

1．移动和编放用户切片

（1）选择一个用户切片，在ImayeReady中可以选择和移动多个切片。

（2）通过下面的方法可以移动和缩放用户切片。

移动用户切片，将鼠标放在切片选择范围之内，按住鼠标拖动就可以将切片拖放到一个新的位置。按住Shi直键可以水平、垂直及45“移动。

改变切片的大小，将鼠标放在选中的切片的边框上，或角点上，鼠标就会变成双箭头的样子（见图17），拖动鼠标就可以改变边框的大小。当改变某一切片的边框大小时，相邻的有共同边框的切片的大小也发生相应的改变。

图17

2．将切片与参考线或其他用户切片对齐

（l）在“视图＞对齐到”子菜单中选择相应的选项，然后选择“View ＞SnaP”（对齐）命令，在选中的命令前会有对勾的符号出现。

（2）移动选中的切片，切片会在四个像素的范围内捕捉任何参考线或切片。

3．3 分割用户切片和自动切片（lmageReady）

在ImageReady中，选择“切片＞“划分切片”命令，弹出的“划分切片”对话框可分割一个或多个切片，水平、垂直或两个方向同时（见图18）。不论原切片是用户切片还是自动切片，复制切片总是用户切片。

分割切片的方法：

（1）选择一个或多个切片；

（2）选择“切片＞划分切片”命令或在切片调板右上角的弹出菜单中选择“划分切片”命令；

（3）在“划分切片”对话框中选择“预览”选项可预视改变结果；

（4）在“划分切片”对话框中选择下列的一个或多个选项；

（5）单击“好”按钮。

3．4指定切片选项

设定切片选项可让你指定切片数据如何出现在Web浏览器中，不同的应用程序和你选择的切片类型不同，选项也不同，你一次只能为一个切片设定选项（注：如果为自动切片设定选择就会将其转变为用户切片）。

4．1观看切片选项

在“切片选项”对话框中（Photoshop）和在切片调板中（ImageReady）指定切片选项。

1．显示切片选项对话框（Photoshop）

用切片选择工具双击切片或选择切片工具并单击选项栏中的切片选项按钮（见图19），这一选项只在Photoshop主程序中可以使用，而在Photoshop的“存储为Web所用格式”对话框中无效。

图19

在ImageReady中可以选择“窗口＞显示切片”命令弹出切片选项对话框。

2．选择一个内容类型

格式和显示切片的选项因为切片的内容类型不同而不同，有两种类型的切片内容（见图20）。

图像：包括图像数据，其中包括翻转状态，这是一种内定的内容类型。

无图像：包括单色或HTML文字，非图像切片不包括图像数据，它们下载速度非常快。Photoshop和ImageReady不显示无图像切片内容，要观看无图像切片内容只能在测览器中预视。

3．切片名称

在“切片选项”对话框中，‘名称”选项让你改变切片内定的名称，这一选项只对图像切片有效。

4．定义切片的背景颜色

背景颜色选项让你选择一个颜色来填充切片透明的区域或整个区域。PhotoshOP只有在“存为Web所用格式”对话框中，当用切片选择工具双击切片，在弹出的“切片选项”对话框的最下面可以看到背景设定的选项（见图21）。

Photoshop和ImageReady不显示所选择的背景色，必须在测览器中才能看到预祝。

在“切片选项”对话框中（Photoshop）或切片调板中（ImageReady），从背景弹出菜单中选9不同的背景色。

在Photoshop中，可以选择无、杂边、吸管颜色、白色、黑色或其他。

在ImageRcady中，可以选择无、杂边、前景色、背景色、其他或从弹出调板中选择一个颜色5．给数字切片指定一个URL

给切片指定一个URL可使整个切片区域在最后的Web页面中成为一个图像映射。用户单击＠像映射时，Web测览器链接到指定的Uffe和目标帧。这一选项只适用于Image切片。

给一个图像切片指定一个链接信息的方法如下：

（l）选择一个切片，如果在使用Photoshop，用切片选择工具双击切片以显示“切片选项”对话框。

（2）.在“切片选项”对话框（Photoshop）或切片调板（ImageReady）的URL文本框中输入URL，或从弹出式菜单中选择以前创建的URL。可以输入相对URL或完整URL。如果输入完整URL，则包括http：//（例如，输入http：// www．macuser．corn，而不是www．macuser．corn）。有关使用相对URL和完整URL的详细信息，请参阅HTML参考（打印文档或位于Web上）。

（3）在“目标”弹出式菜单中选择选项（见图22）。当用户单击链接时，指定的文件显示在选择的目标窗口中。

·blank：在新窗口中显示链接文件，而将原始浏览器窗口保留为打开状态。

·self：在同一帧中显示链接文件与原始文件。

·parent：在自己的原始父帧组中显示链接文件。如果HTML文档包含帧，而且当前父帧是子帧，则使用此选项。链接文件显示在当前父帧中。

·top用链接文件替换整个浏览器窗口，并删除所有当前帧。

6．通过数字坐标改变切片大小和移动切片

在ImageReady中，如果“尺寸”选项不显示，从切片调板的弹出菜单中选择“显示选项”或在调板标签上单击“显示选项”按钮（是位于切片标签上的上下小黑箭头）可以弹出切片选项对话框（见图23）。（注：不能用这种方法对一个图层切片改变大小和进行移动）。

图23

通过数字坐标改变切片大小和移动切片：

X用来以像素为单位指定左边和文件窗口原点的距离。

Y用来以像素为单位指定上边和文件窗口原点的距离。

注：标尺内定的原点是图像最左上角。

W指定切片的宽度。

H指定切片的高度。

约束比例：选中该选项可以保持切片当前的比例。

7. 指定浏览器信息

·信息和Alt选项：你可以指定在测览器中显示何种信息。这一选项只对图像切片可选。

信息可改变浏览器中选中的切片的内定的信息。根据内定情况，切片的URL是被显示的。

Alt用来对选中的切片或切片指定一个Alt标签，在非图形浏览器中，Alt文字显示在切片图像的位置，当图像正在下载时在图像的位置也显示Alt文字，或作为一些浏览器的工具提示显示指定浏览器信息可以通过切片选项对话框中（Photoshop）或切片调板上（ImageReady），在信息文字框或Alt文字框或两者中输入文字信息即可。

8．给切片增加HTML信息

选择切片无图像类型，可以输入文本，在最后的Web页面中文字会显示在切片区域。这些文字是HTML文字，可以使用标准的HTML标签格式化它，也可以选择垂直和水平对齐选项（见图24）。

图24

Photoshop和ImageReady在文件窗口中不显示HTML文字，必须使用一个Web浏览器来预文字信息。记住文字的外观受浏览器设置和操作系统的影响。用不同的浏览器，在不同的操作系上进行测试，以保证文字能在不同的情况下正确显示。

注：不要输入超过切片区域的文字，如果你输入了太多文字，它会进入邻近的切片并影响整Web页面的布局。

给切片增加HTML文字时可根据提供的文字框输入需要的文字，你可以使用标准的HTML标

记格式化该文本。

如果需要，可在“存为Web所用格式”对话框中的“单元格对齐”区域设定选项（见图25）。

水平对齐选项：

·默认值：使用浏览器内定的水平对齐设定；

·左：使文字和切片区域的左边对齐；

·居中：使文字和切片区域的中间对齐；

·右对齐：使文字和切片区域的右边对齐。

·垂直对齐选项：

·默认值：使用浏览器内定的垂直对齐设定；

·顶：使文字和切片区域的上边对齐

·基线（结果HTM L表中）：同一行中为单元格文本的第一行设置共用基线。行中的每个单元格必须使用Baseline（基线）选项；

·中间值：使文字在切片区域中垂直居中；

·底对齐：使文字和切片区域的底线对齐。

4．2 优化切片

使用“存为Web所用格式”对话框（Photoshop）或优化调板（ImageReady）。可以优化图像切片，所有的图像切片都使用整个图像统一的优化设置，除非对其单独设置。如果选择具有不同代水平对齐选项：

·默认值：使用浏览器内定的水平对齐设定；

·左：使文字和切片区域的左边对齐；

·居中：使文字和切片区域的中间对齐；

·右对齐：使文字和切片区域的右边对齐。

·垂直对齐选项：

·默认值：使用浏览器内定的垂直对齐设定；

·顶：使文字和切片区域的上边对齐

·基线（结果HTM L表中）：同一行中为单元格文本的第一行设置共用基线。行中的每个单元格必须使用Baseline（基线）选项；

·中间值：使文字在切片区域中垂直居中；

·底对齐：使文字和切片区域的底线对齐。

4．2 优化切片

使用“存为Web所用格式”对话框（Photoshop）或优化调板（ImageReady）。可以优化图像切片，所有的图像切片都使用整个图像统一的优化设置，除非对其单独设置。如果选择具有不同代化设置的多个切片，则只有与所选中切片相关的控制可见。如果多个切片的设定不同，那么选项是空白的。任何选择的设置都对所有选中的切片有效。

在ImageReady中，可以在同一个文件中拷贝一个切片的优化设置给另一个切片。或在双联或者四联状态时，将一个视图的优化设置拷贝给另外一个视图。

在优化切片时可以选择一个或多个图像切片，并在优化调板中设定选项。

在Imaghady中，进行切片之间拷贝代化设定的事骤如下所述。

（l）选择需要拷贝优化设置的切片（见图26）。

（2）在优化调板上将“快捷批处理”图标（）拖到另外一个想使用此优化设置的切片上就可以了（见图27）。

图27

4．3链接切片（ImayeReady）

链接切片可让你共享切片之间的优化设置，你必须使用lmeRea打来链接切片；但是可以在“存为Web所用格式”（Photoshop）或是Optimize调板（ImageReady）中对连接的切片执行设定。

对一个链接的切片执行优化设置时，所有在这个组中的切片都会被更新。

GIP和PNG－8格式的链接切片共享一个颜色调板和抖动模式。执行抖动模式时会影响相邻切片的边框，这样做的目的是为了防止切片之间出现缝隙。

1．链接切片的方法

(1) 选择两个或多个需要链接的切片（见图28）（注：如果第一个选择的是用户切片，任何链接到第一个切片的自动切片都会变成用户切片。如果第一个选择是自动切片，那么任何选择的链接的用户切片都成为自动切片）。

（2）选择“切片＞链接切片”命令。

同一个链接组中的用户切片，在其左上角都被分配了一个相同的颜色，而其他的链接组会用不

同的颜色来表示，以此来区分不同的链接组（见图29）。

图28 图29

2．解开用户切片的链接

执行下列任何一种操作都可以解开链接。

（1）解开一个用户链接，选择这一切片，然后选择“切片＞取消切片链接”命令。

（2）解开一个组中的所有的用户切片的链接，选择此组中的一个切片，然后选择“切片＞取消链接组”命令。

（3）解开图像中所有用户切片的链接，选择“切片＞取消全部链接”命令。

5创建和观看图像映射（ImayeReady）

图像映射可使图像的一个区域链接到URL。可以在一个图像中建立多个链接区域（这些链接区域被称做图像映射区域）链接到文本文件、其他图像、视频或多媒体文件以及其他网站的页面等。也可以在图像映射区域创建翻转效果。

使用图像映射和使用切片创建链接的主要不同之处是：源图像如何被做为一个Web页面进行输出。使用图像映射保持输出图像是一个完整的文件。使用切片会导致图像输出时成为一个分离的文件。另外一个不同的是图像映射可链接到图像的一个圆形、多边形或矩形区域（见图30），而切片只能锻接到矩形的区域（见图31）。如果只需要链接到矩形区域，那么使用切片比使用图像映射更好。

图30 图31

注意：为了避免意想不到的结果，不要在包含＊Wb链接的切片上创建图像映射、图像映射镀接和切片链接都可能在一些测览器中被忽略。

5．1使用囹源映射工具创建图像映射

通过囹像映射工具在图像中拖移的方式定义图像映射区域。可以在图像映射调板中查看基于工具的图像映射区域并为其设置选项（见图32）。

图32

1．使用自保映射工具创建图像映射区域

（1）在工具箱中选择矩形图像映射工具（），圆形图像映射工具（），或多边形图像映射工具（）。

（2）对于矩形或圆形图像映射工具，选择Fixed Size固定大小选项，然后在后面的输入框中指定图像映射区域的大小，单位是像素（见图33）。

图33

(3) 通过下列操作来定义图像映射区域：

·使用矩形或圆形图像映射工具，在图像上拖动鼠标，按住Sh抗键并抱移可将区域限制为方形。按住Alt键（Windows）或Option键（Mac OS）并拖移，可从中心拖移图像映射区域（和矩形绘图工具使用方法相同）。如果在工具的选项框中选择了固定大小并在后面的数字框中输入了高度宽度或圆形的半径，那么只需在页面上单由鼠标，就可产生固定大小的矩形或圆形图像映射区域。

·使用多边形图像映射工具，在图像上单由确定起始点，然后在下一个点处单击，中间就会有直线相连。按住Shift保证450或其倍数的角度，双击鼠标结束多边形的绘制。或将鼠标放在起点处，此时游标的右下角会有圆圈，单击鼠标就可将多边形封闭。

2．从图层中创建图像映射区域

（l）在图层调板中，选择一个图层用来创建图像映射区域（见图34）（如果要在一个图像映射区域中使用多个图层的信息，需要将这些图层先合并）。

（2）选择“图层＞基于新建图层的图像映射区域”命令，就可以从图层中创建图像映射区域(见图35)。

图34 图35

5．2将基于图层的图像映射转换为基于工具的图像映射

因为基于图层的图像映射区域和图层上的像素内容密切相关，唯一可移动、缩放或对齐它的途径是编辑这一个图层。你可以将图层图像映射区域转换为工具图像映射区域，就可以打断映射区域和图层的链接。

将一个图层图像映射转换为工具图像映射的方法如下所述。

（l）使用工具箱中的图像映射选择工具选择一个图层图像映射区域2

(2) 从图像映射调板右上角的弹出某单中选择“提升基于图层的图像映射区域”命令就会产生图像映射区域，如果图层包含多个非重叠的像素区域，会产生多个工具图像映射区域。

5．3观看图像映射

选择图像映射选择工具图像映射区域就会自动显示，可以使用“图像映射可视性”按钮（注意在工具箱中）来显示或隐藏图像映射区域。

图像映射预置决定了图像映射区域在文件窗口中如何显示，可以设定图像映射的边线、边线的显示颜色和颜色调节。

1．显示或隐藏图像映射区域

执行下列任何一种操作都可以显示或隐藏图像映射区域：

·单击工具箱中的“切换图片可视性”按钮（）；

·选择“视图＞显示＞图片”命令；

·选择“视图＞显示额外内容，’命令，可以显示或隐藏选择边线、切片、文字边框和文字选择。

2．指定图像映射选项

在图像映射调板中为一个图像映射区域指定一个名字、一个URL、一个目标框架target frame和Alt文字。

3．选择图像映射类型

ImageRea却可以创建“客户端图像映射”和“服务器瑞图像映射”。在客户端图像映射中链接是由浏览器本身解释的。在服务器端图像映射中链接是由服务器来解释的。因为客户端图像映射不需要联系服务器实现功能，它们经常在浏览时更快。根据内定的情况，ImageReady将图像映射存储为客户瑞图像映射。

注意：服务器端图像映射在有多个切片的图像上不工作。

在“输出设置”对话框中选一个图像映射的类型。如果选择了一个“客户瑞图像映射”，ImageReady基于选择的服务器选项产生一个分离的映射文件，然而需要在HTML文件中更新到这个映射文件的路径。

6. 使用翻转

使用翻转调板和图层调板相结合，用来给Web页面增加翻转效果。作为一个翻转状态显示一个动画，或可以创建次级翻转，当将鼠标移过某区域时可引起另一个区域的图像发生变化。ImageReady给最后的HTML文件增加了Javascript编码用来定又翻转状态。

注意：当使用翻转时，在一个Web浏览器中预视图像是非常重要的，是用来保证你的文件在web用户面前功能正常，同时要记住在不同的操作系统上图像的显示是不同的。

6．1关于滚动按钮

一个翻转是一种Web效果，当湖览者在Web页面上的某区域执行一个鼠标动作时，如滚动或单击，在页面上会显示不同的图像状态。一个状态被一个图层调板上的特定设定所定义，包括图层位置、样式和其他格式选项。

你可以使用切片或图像映射区域来为一个翻转定义一个活跃的区域。根据内定的情况，每个切片或图像映射区域具有一个状态，即正常状态（正常状态对应干一个图像第一次被下载到Web训览器中并且没有翻转效果的外观）。当你给翻转增加了一个新的状态，在以前的状态捕捉了一个切片或图像映射区域，可以使用图层调板在新的状态下对图像进行修改。也可以对一个翻转状态增加一个动画。

在翻转调板中有三个翻转状态（见图36），在中间的小图标上的黑框表示Over状态被选中。

图36

将一个带有翻转状态的图像存储为一个Web页面，每个翻转状态都被存储为一个单独的图像文件。根据内定的情况，翻转状态是使用相应的切片名称加上激活翻转状态的鼠标动作来命名的。当你改变一个切片的名称，在切片中翻转状态就被重新命名。

6．2使用翻转调板

使用翻转调板来创建翻转并为翻转状态设定选项。翻转调板中显示翻转每个状态的预视图，在翻转调板中的第一个状态通常是正常状态。改变翻转状态的预视图显示方法如下所述。

（l）在翻转调板的弹出菜单中选择“翻转调板选项”（见图37）。

（2）选择一个预视图的大小。

(3) 在“缩览图显示”选项组的下面有两个选项：

·当前切片在预视图中只显示当前切片；

·整个文档在预视图中显示整个图像。当建立一个次级翻转效果时这种显示非常有用。

如果要在翻转调板中选择一个切片或图像映射区域，可在翻转调板左下角的弹出菜单中选择一个切片或一个图像映射区域（见图38）。

图38 1．创建流转状态

创建一个翻转状态时，需要选择一个状态并将其激活（在翻转中的第一个状态通常是正常壮态）。创建一个翻转状态的方法如下所述。

（1）选择需要增加到翻转中的切片或图像映射区域。

注：当应用翻转创建一个切片或图像映射区域时，建议使用基于图层的切片或图居图像映射区域，因为图层内容的大小在创建翻转的过程中可能会变化。

(2) 在翻转调板中单击底部的“创建新翻转状态”按钮（见图39），或在翻转调板的弹出

菜单中选择“新建状态”命令。

新的翻转状态和将要处理的状态是相同的，直到使用图层调板修改图像。

（3）使用内定的ImaseReady给定的翻转状态，或在翻转预视图上方弹出的菜单中选择一个翻转状态（见图40）。

图40

·Over：用来定义当web浏览者使用鼠标经过切片或图像映射区域肘（此时并没有按下鼠标键）的翻转的状态（Oyr通常是自动被选中的第二个翻转状态）。

·Down用来定义当Web浏览者在切片或图像映射区域上按下鼠标键肘的翻转状态（只要浏览者一直在这个区域上按着鼠标键，这个状态就会一直保留）。

·Click：用来定义当Web浏览者在切片或图像映射区域上单击鼠标时的翻转状态（浏览者单击鼠标后，这个状态一直保留到浏览者激活另一个翻转状态）。

·Out：用来定义当Web浏览者将鼠标从切片或图像映射区域上移开时的翻转状态（正常状态通常扮演这一角色）。

·Up：用定义当Web浏览者经过切片或图像映射区域时松开鼠标键时的翻转状态（Over 状态通常扮演这一角色）。

注：不同的web对浏览器或不同版本的浏览器处理单击和双击时可能不同。例如，一些浏览器在一个单击劫作后将切片保留在Click状态，并在一个双击的动作后将切片保留在UP 状态。其他一些对浏览器不论单击还是双击，只将Up状态作为一个过渡到Click状态的状态。为了确保你的Web页面显示正常的功能，一定要在不同的对浏览器中预现翻转。

·自定：用来定义一个新的翻转状态（必须创建Javascipt code上并将其增加到web页面的HTML文件中来保证自定翻转选项的正常功能。参看有关Javascript的手册来获取更多的信息）。

·无：用来保留图像当前的状态以备以后的翻转状态使用（被指定为None的状态将不会在Web页面中显示）。

翻转状态的弹出菜单只显示还没有被切片或图像映射区域使用过的翻转状态（除了无和自定出态，它们是可以重复使用的）。可以重新定义翻转状态（正常状态除外）。

（4）使用图层调板来修改不同翻转状态的图像。

2．预视翻转状态

直接在ImageReady文件窗口中预视翻转状态，切换到“翻转预视模式”即可。这一预视Wndows版的Internet Explorer 5.0是一致的，若要使用电脑内定的Web 浏览器来预视翻转效果，单击工具箱中的按钮（）。

使用翻转预视模式：

（l）单击工具箱中的翻转预览按钮( )，或单击翻转调极中“预览翻转性能”按钮（）；

(2) 在文件窗口中，执行激活翻转状态的按钮。例如，将鼠标移过翻转切片或图像映射区域来预视Over状态，然后单击切片或图像映射区域来预视Click状态。

退出翻转预视模式时，可选择工具箱中的任何一个工具包括翻转预览按钮），或单击翻转调板中“预览翻转性能”按钮。

3、给翻转状态增加动画效果

将动画调板和翻转调板结合起来就可以给翻转状态增加动画效果。当使用一个图层切片或一个图层图像映射区域时，在正常状态下移动这一图层会改变每一个翻转状态中的图层的位置。然而，在一个除正常状态之外的翻转状态移动图层只影响当前的状态。

4．使用和创建翻转样式

翻转样式简化了翻转的创建，只需单击鼠标就可以将一个图层转化为一个翻转效果。一个翻转样式包括一个翻转的所有特性，包括它的状态和图层效果。当你对图层执行一个翻转

样式后，这个图层就变成一个基于图层的切片。

对图层执行一个翻转样式的方法如下所述。

(1) 在图层调板中选择一个图层；

（2）选择“窗口＞显示样式”命令，出现样式调板（见图41）。

图41 （3）在样式调板中，单击需要使用的样式预视图。

创建一个新翻转样式的方法如下所述。

(1) 创建或选择一个图层切片。

注：为了创建一个翻转样式，你必须使用切片。

（2）在翻转调板中，创建翻转状态，使用样式调板中预先定义好的样式给每个状态执行特殊的效果，或者在图层调板中手工给每个状态设定图层效果。

（3）在样式调板中，单击“新建样式”按钮，或从调板菜单中选择“新建样式”命令（见图42）。

图42

(1)在“样式选项”对话框中给样式输入一个名字，单击“好”按钮（见图43）。为了创建一个翻转样式，“包含翻转状态”选项必须被选中。

新的翻转样式出现在样式调板中，调板中的预视图显示的是在正常状态的效果。

5，通过翻转状态对应图层

当你使用图层调板中的命令为一个翻转状态创建效果时，修改只对活跃的状态有效。然而，可以使用翻转调板对所有的状态或所有和翻转状态有关的图像执行图层修改。下面将介绍其方法。

（l）在图层调板中，选择需要通过翻转状态对应的图层。

（2）在翻转调板菜单中有以下选项：

·跨状态匹配图层：将选中的状态的图层特性执行到当前翻转的所有状态中；

·跨所有翻转匹配图层：将选中的状态的图层特性执行到所有和当前图像有关的翻转的状中。

6．拷贝和粘贴翻转状态

拷贝一个翻转状态并将其粘贴到当前翻转的另一个状态中，或另一个翻转的一个状态中。在原翻转状态的图层将取代目标翻转状态的图层。也可以从动画调板中拷贝动画帧，然后作为状态粘贴到翻转调板中，或从翻转调板中拷贝状态，然后作为动画帧粘贴到动画调板上。

7．拷贝和粘贴翻转状态

（1）选择一个翻转状态，并在翻转调板的弹出菜单中选择“拷贝翻转状态”命令。

（2）选择一个翻转状态用来粘贴刚才拷贝的状态。

（3）从翻转调板菜单中选择“粘贴翻转状态”命令。

8．删除翻转状态

删除单个的状态或翻转中的所有状态：

·删除一个状态：选择一个翻转状态，单由翻转调板中的垃圾桶图标或从翻转调板的弹出9单中选择“删除状态”命令；

·删除翻转中的所有状态：从翻转调板的弹出菜单中选择“删除翻转”命令。

7．创建动画（ImageReady）

7．关于动画

一个动画是一系列的图像或帧，通过一个时间段进行显示。每个动画帧都和前一帧有些不同，但进行快速播放的时候就产生了动画的效果。

在ImageReady中使用图层是创建动画的一个必需部分。将一个动画的每个元素放在其本

身的图层上，能够使用图层调板上的命令和选项来改变动画帧中的元素的位置和外观，从而产生动画的效果（见图44）。

图44

动画调板和图层调板结合起来从原始的多图层的图像中创建动画帧。给每帧分配一个延迟时间，使用“过渡”命令来产生新的动画帧，并为动画指定“循环”。

记住一个图像可以有多个动画和不同的翻转状态相联系。例如，给正常翻转状态增加一个动画可导致一个Web页面被一个Web浏览器第一次下载时播放动画。将一个动画增加给正常之外的另一个翻转状态只导致Web用户执行指定的动作时演示动画（如将鼠标经过翻转状态或单击翻转状态时）。在创建动画之前，检查翻转调板以保证所选中的状态是正确的。

1．使用动画调板

动画调板可以创建、观看动画中各帧，并能对其设定选项。可以改变动画调板中动画帧显示的预视图…使用小的预视图可减少调板所需要的空间，并能在给定的调板宽度内显示更多的动画帧。

选择“窗口＞显示动画”命令，或单击动画调板标签都可以弹出动画调板。

2．增加动画帧

在创建一个动画的时候，增加动画帧是第一步操作。如果在ImageReady中打开一个图像，动画调板上将图像显示为新动画的第一帧。每个新增加的动画帧都是前一帧的复制，然后使用图层调板对动画帧进行修改。

注：始终要在原稿视图状态下创建和编辑动画帧。当你在优化的视图中观看动画帧时，可编辑的选项是非常有限的。

如果你想给一个翻转状态增加动画，在翻转调板中选择你需要的状态，然后在动画调板中单击新建帧按钮（）（见图45），或从动画调板的弹出菜单中选择“新建帧”命令。

图45

3．选择动画帧

对一个动画帧进行编辑之前，必须选中它使其成为当前帧，当前帧的内容显示在文件窗口中。你可以选择多个连续或不连续的动画帧，作为一组对它们进行编辑或执行命令。当选择多个动画帧时，文件窗口中只显示当前帧。

在动画调板中，当前帧有一细线框表示。执行下面任何一种方法都可以选择当前帧：·在动画调板上，单由你想选择的动画帧的预视图；

·在动画调板上或图层调板上，单击选择下一帧按钮（），选择系列中下一帧作为当前帧；

·在动画调板上或图层调板上，单击选择前一帧按钮（），选择系列中前一帧作为当前帧；

·在动画调板上，单击选择第一帧按钮（），选择系列中第一帧作为当前帧。

若选择连续的多个帧，按住Shift键单击第二帧，第二帧以及第一帧和第二帧之间的所有帧都被选中，也可按住Ctrl键（Wndows）或按住Command键（MacOS）就可以将另外的帧加入到选择中，或是从动画调板的弹出菜单中选择“选择全部帧”命令。

按住Ctrl键（Windowos）或按住Command键（MacOS）并单击某帧可取消选择状态。

4．重新排列和删除动画帧

在改变某一帧的位置时，首先选择需要移动的动画帧，然后将选中的动画帧拖到新的位置（见图46）。

图46

“反向帧”命令可以倒转连续动画帧的顺序。首先选择需要倒转的连续的动画帧（见图47），然后从动画调板的弹出菜单中选择“反向帧”命令，效果如图48所示。

图47 图48 如果要将选中的帧删除，可执行下列任何一种操作：

·从动画调板的弹出菜单中选择“删除帧”命令；

·在动画调板中单击删除按钮（）并单击“是”确认删除；

·将选中的帧施放到删除按钮（）上。

从动画调板的弹出菜单中单击选择“删除动画”命令，可将整个动画删除。

5．过渡

术语过渡（Tween）是从“in betweening，”（在……之间）衍生而来，是传统的描述这一过程的术语。过渡操作大大减少了创建动画效果所需要的时间，如淡入谈出、移动一个元素等动画效果就很容易通过“过渡”操作来实现。通过“过渡”命令创建完中间帧后，可以单独对它们进行修改（见图49）。

使用过渡命令创建动画帧的方法如下所述。

（1）选择“文件＞新建”命令创建一个背景为透明色的新文件，在页面的左上角绘制一个椭圆形选区，如图50所示。应用油漆桶工具为选区填充前景色，如图51所示。

图50 图5l

（2）单击样式调板中的适当图标（见图52），为椭圆形选区加入样式，如图53所示

图52 图53

（3）选择“选择＞取消选择”命令取消选区状态，单击动画调板中的复制当前帧按钮创建新帧如图54所示。

图54

（4）选择移动工具，在图层调板内将创建的新帧移动到页面的右下角位置，动画调板如图155所示。

注：如果选择了两个连续的动画帧，新的帧会加入在两帧之间。如果选择了多于两帧的多个帧，在第一帧和最后一帧之间已有的帧通过过渡操作后就会被改变。如果选择了一个动画中的第一帧和最后的倾，这些帧被当作连续的侦，经“过渡”命令后的帧被加到最后一帧的后面（当动画被设定多次循环的时候，过渡的方法非常有效）。

（5）在动画调板中单击过渡按钮（），或从动画调板的弹出菜单中选择“过渡”命令，弹出“过渡”对话框（见图56）。

图56

（6）在新增的动画帧中指定改变的图层：

·所有图层：表示在选中的帧中改变所有的图层；

·选中的图层：表示在选中的帧中只改变当前选中的图层。

（7）指定要改变的图层特性：

·位置：表示在开始帧和结束帧之间将图层内容的位置在新的帧中平均分布；

·不透明度：表示在开始和结束帧之间将不透明度在新的帧中进行平均；

·效果：表示在开始和结束帧之间将图层效果的参数设定在新的帧中进行平均。

（8）在“过渡”菜单中选择从哪儿加入动画帧。

·下一帧：将动画帧加在选中的帧和后面的帧之间

·上一帧：将动画帧加在最后帧和第一帧之间，这一选项只有当你在动画调板中选择了最后帧时才可选。

·选区：将动画帧加在选中的帧和前面的帧之间。

·最后一帧：将动画帧加在选第一帧和最后帧之间，这一选项只有当你在动画调板中选择了第一帧时才可选。

（9）在“添加帧”选项的文本框中输入一个数值，或使用上下箭头键来选择要加入的动0数量（如果选择了多于两帧的动画帧，这一选项是不可选的。在这种情况下，过渡操作会改变的第一帧和最后帧之间以后的动画帧）。

（10）选项设定完成后，单击“好”按钮，就会得到过渡帧的效果（见图57）。单击“播放动画”（）按钮可以看到动画播放的效果。

图57 6．指定循环播放

选择一个循环选项指定动画播放时重复多少次。

在动画调板的左下角的弹出菜单中选择循环选项（见图58），一次，一直有效，如果选择了其它选项请在弹出的“设置循环次数”对话框中设定循环次数（见图59）。

图59 7指定动画帧的延迟

为动画中的单个帧或多个帧指定一个延迟时间，也就是动画帧显示的时间。延迟时间以秒显示，非整数秒用小数部分表示。如，四分之一种用0.25表示。

指定一个延迟时间，首先选择一帧或多个帧，然后在动画调板中，在选中的帧下面单击时间，在弹出的菜单中可选择不同的时间（见图60），或选择Other选项，在弹出的Set Fame Delar话框中输入数值，单击“好”按钮。

如果选择了多个帧，给其中一帧指定了延迟时间，所有的帧都使用这一时间。

注：当动画在ImageReady中进行预视的时候，延迟时间可能不准确。如果要使延迟时间的预视准确，在一个浏览器中预视动画。

7．3在动画中使用图层

在ImageReady中使用图层是创建动画的关键。每个新产生的动画帧都是前一帧的复制，通过调节它的图层来编辑新的动画帧。可以对单个帧和一组帧或整个动画执行图层修改。

1．使用图层编辑动画帧

这部分的信息对翻转状态和动画帧都适用。

在一个动画帧中使用图层，可以在图层中创建和拷贝选区，调整色彩和色调，改变图层的不透明度，混合模式，位置，增加图层效果，进行任何你在图像中所能进行的图层编辑工作。使用图层特性来创建动画效果是非常简单的，并且可以将动画文件存储为Photoshop格式以方便以后的修改。

记住对图层所做的一些修改只对活跃的帧有效，而有些修改可能影响所有的动画帧。

指定帧的改变只影响在动画调板中选中的动画帧，使用图层调板所做的修改，包括图层不透明度、混合模式、是否可见、位置和图层效果等都是针对特定帧的。

全部改变影响动画中的所有帧，对图层像素值所做的改变、使用绘图和编辑工具、色彩和色调调整、滤镜、文字和其它图像编辑命令影响每一个动画帧。

使用图层蒙版和图层裁切路径时，位置、状态（有效或无效）的改变和链接状态都是针对帧的，而在像素或矢量内容方面的改变是影响所有动画帧的。

2．给动画帧增加图层

创建一个新的图层，它在动画中的所有帧上都是可见的。为了在特定的帧上隐藏一个图层，在动画调板中选择这一帧，然后在图层调板中隐藏需要的图层。

在动画调板的弹出菜单中，使用“在新帧中添加图层”选项（见图61）将自动地在每次创建动画帧肘候给图像增加一个新图层。新的图层在新帧上是可见的，但在其它帧上是被隐藏的。当创建一个动画并且需要在每一帧上都增加新的可见元素时，使用这一选项可以节约时间。

3．显示和隐蔽在动画帧中的圈层

在一个动画帧中显示或隐藏一个图层时，图层是否可见只影响动画当前帧。例如，如果你使用多图层图像来创建一个三帧的动画，你可在第二帧上隐藏最上面的图层，但在第一帧和第三帧上那个图层仍是可见的。

4.通过动画帧对应图层

当你使用图层调板中的命令来编辑一个图层时，变化只对选中的帧有效。为了将图层的变化执行到动画中的所有帧，使用“跨帧匹配图层”命令，还可以使用“粘贴帧”命令将图层变化执行到其它帧上。

在图层调板中选择你想要在所有帧上都包含的图层（见图62），然后在动画调板的弹出菜单中选择“跨帧匹配图层”命令。选中的帧的图层特性就会被执行到动画中的所有帧上（见图63）。

图62 图63 7．4预视动画

1．在ImageReady中预视动画

可以在ImageReady或一个Web浏览器中预视动画。

（1）．在动画调板中单击播放动画（）按钮，在文件窗口中就会显示动画。动画会无限重复，除非在“动画选项”对话框中指定了重复次数。

（2）单击停止按钮（）停止动画的播放

2．在Web 浏览器中预视动画

在工具箱中单击“在默认浏览器中预览”（）、（）工具或选择“文件＞预览”命令并在子菜单中选择相应的浏览器。

3．优化动画

可以像对给非动态图像那样对动态图像执行优化设定。动画需要优化为GIF格式，因为GIF是ImageReady中唯一支持在Web上动画显示的格式。

注：当可以优化在JPEJG或PNG格式中的动画时，这些格式不支持动画，所以在最后的Web页面上只显示动画的第一帧。

除了标准的GIF格式的优化选项，可以只优化那些帧和帧之间变化的区域（这将会大大减少动态GIF的文件大小）。lmageReady对动画也采用了一种特殊的仿色技术来保证整个动画的仿色图案是一致的，并防止在动画播放的时候有闪烁。由于这些附加的优化功能，ImageReady需要比优化标准的GIF文件更多的时间来优化动态GIF文件。步骤如下：（1）从动画调板的弹出菜单中选择“优化动画”命令，弹出“优化动画”对话框（见图64）。

图64

·定界框：将每帧修剪到与前一帧不同的区域。通过此选项创建的动画文件较小，和不支持此选项的GIF编辑器不相容（这个选项是内定的并且是推荐的选项）。

·删除冗余像素：将和前一帧之间没有变化的所有像素边为透明。这个选项是内定的并且是推荐的选项。在“优化”调板中的“透明”选项必须选中以保证“删除冗余像素”选项正常工作。

注意：当使用“删除冗余像素选项”时，将动画帧的清除方法设定为自动。

（2）单击“好”按钮。

（3）当优化动画中的颜色时，在优化调板中选择随样性、可觉察的和可选的选项，能够保证整个动画颜色的一致性。

7．5在Photoshop中观看动态的图像

当你在Photoshop中打开一个包含动画的文件时，只有在ImageReady中选中的那一帧才显示。你不能单独编辑动画中的帧，或将动画存储为动态的GIF。

如果你在Photoshop中给文件增加了新的图层，这一图层将增加到动画中的所有帧。然而当你在ImagseReady中再次打开此文件时，新的图层将只出现在选中的帧中。如果在Photoshop中改变了图层的排列顺序，在ImaseReady中再打开它时，图层的排列顺序也会改变。

7.6存储动画

可以将动画存储为一系列GIF文件或存储为QuickTime电影。

1．将动画在储为动态GIF

你在Web览器中洲览的动画被称为Animated GIF（动态GIF）。当存储一个包含动画的优化的文件时，可以选择产生一个包含在Web页面中显示动态GIF编码的HTML文件，最终的Web页面可包含动态的GIF或附加的Web特性，如链接和翻转，这些根据源文件而定。

2．将动画存储为QuickTime电影

可以将动画存储为uickTime电影。最终的文件QuickTime播放器中可以观看，并且可以在其它支持QquickTime电影格式的应用软件中打开。

将动画存储为QuickTime电影的步骤如下：

（1）选择“文件＞导出原稿”命令；

（2）在格式的弹出菜单中选择“QuickTime影片”（见图65）。

注：在Windows平台上，只有安装了QuickTime之后QuickTime影片格式选项才是可选的。

(3) 输入文件名，选择存储的位置，然后单击“存储”按钮。

（4）如果需要，可选择压缩选项。

所有的图像文件都具有相同的大小，最后的动画播放效果将会非常好。

为了保证在动画中的所有帧以正确的顺序显示，按字母或数字顺序来给文件命名（当然也可以在输入文件后，在动画调板中改变各帧的顺序）。

选择“文件＞输入＞作为帧的文件夹”命令，并在弹出的对话框中选择要置入的文件夹。

这些文件在动画调板中作为帧出现，并在图层中作为图层出现，每个图层被分配给一个单独的帧。根据名字，字母顺序或数字顺序在最前面的文件在动画调板中成为第一帧，在图层调板中位于最下面。

3，将QuickTime电影作为动画打开

在ImageReady中可以以MOV、A VI和FLIC格式打开电影。

8. 优化用于Web的图像

8．1关于优化

优化是微调图像显示品质和文件大小的过程，以用于Web或其它在线媒体的一个过程。Adobe Photoshop和Adobe ImageReady提供了一个非常有效的控制方法，在压缩图像文件大小的同时又能优化在线显示的图像品质。可以使用三个在Web加上主要的图形文件格式来优化图像：GIF（图像交换格式）、JPEG（联合图片专家组）和PNG-8或PNG－24（8位或24位彩色的可移植网络图形）。

优化图像的方法有以下两种。

·基本的优化，Photoshop的“存储为”命令可将图像存储为GIF、JPEG或者PNG格式，根据不同的文件格式，可以指定图像品质，背景透明或边缘处理、色彩显示和下载方法，然而，任何附加给文件的Web特性，例如割图、链接、动画和翻转都不能被保留。

·对于精确的优化控制，可以使用在Photoshop或ImageReady中的优化特性来预视以不同的文件格式、具有不同文件特性的优化图像。可以同时观看一个图像多个不同的版本，并在预视的同时修改优化设定以选择你需要的最好的设置。你也可以指定背景透明和杂边，选择选项来控制仿色，并将图像修改至指定的像素尺寸或原始尺寸的特定的百分比。

通过“存为Web所用格式”命令（Photoshop）或“存储优化结果”命令（ImageRead）存储一个优化文件时，可以选择一个HTML文件，这个文件包含在Web浏览器中，显示图像、链接、翻转和动画所有必需的编码。

8．2在优化的同时观看图像

在Photoshop中，必须选择“文件＞存为Web所用格式”命令来观看和对图像进行优化设定（见图66）。在ImageReady中，可以在文件窗口中随时观看并对图像进行优化设定。

图66 在Photoshop和ImageReady中显示选项可使你在优化图像及原始（未优化）图像之间轻松切换，并可以同时观看一个图像四个不同的优化设置。

·原稿图像没有优化设置。

·优化的图像执行了当前的优化设置。

·双联观看两个不同代化版本的图像。

·四联观看四个不同优化版本的图像。

1．在双联和四联视图状态下进行操作

选择双联或四联视图时，Photoshop或ImageReady会根据图像的宽度和高度比例来决定图像在视图中的排列方法，如4个图像或垂直或水平或以2×2的布局排列。

在双联或四联视图中选择一个图像，然后执行新的优化设置。也可以自动地基于选中的图像重新生成新的优化设置的图像。还可以将优化设置恢复到原始的状态。

在ImageReady中，可以在“优化预置”中改变内定的优化设置。

选择一个视图，单击你想选择的视图，显示黑色方框表示选中。

在双联或四联视图中重新分布图像的的优化版本

（l）在双联或四联视图中选择一个图像的优化版本。

（2）在“存为Web所用格式”对话框（Photoshop）或优化调板中（ImageReady），从菜单中选择“重组视图”命令（见图67）。

67

Photoshop和ImageReady基于选中的版本产生较小的图像优化版本。

将图像的优化版本恢复到原始版本

（1）在双联或者四联视图中选择图像的一个优化版本。

(2)在优化调板中，从“设置”的弹出菜单中选择“原稿”（见图13七8）。

2．在一个中视图浏览

如果整个图像在视图区域不能完全显示，可以使用手掌工具进行画面的移动，在ImageReady中，也可以选择“视图＞满画布显示”命令，使整个图像在有限的空间全部显示。

在“存为Web所用格式”对话框中（Photoshop）或工具箱中（ImageReady）选择手掌工具。按住空格键，不论当前使用的是何种工具，都会变成手掌工具。在视图区域中拖拉手掌工具可以测览视图。

3．观看优化注解

在双联和四联视图中，根据内定，每个优化图像的下面都有一个注解区域，显示其优化设置。在Photoshop中，注解区域始终都在，在ImageReady中，可以选择“视图＞隐藏优化信息/ 显示优化信息”命令。

8．3为优化选择一个文件格式

为优化图像选择的文件格式是由颜色、色调和原始图像的图形特性来决定的。一般来讲，像照片这种连续调的图像应当使用JPEG这样的压缩格式，具有实地的颜色或清晰的边缘和细致的细节的图形，如文字等应当压缩为GIF或PNG－8文件（见图69）。

PNG－24文件格式对连续调的图像是适用的。然而同一个图像的PNG－24文件通常比JPEG文件大很多。当操作的连续调图像包含多级透明时建议使用PNG－24格式（PNG－24格式支持多色阶透明度但JPEG格式不支持）。

图69

照片适合用压缩为JPEG或PNG－24图像，线条图适合压缩为GIF或PNG－8图像你需要选择一个格式能够包含丰富的像素深度来显示图像中的颜色信息。PNG－8和GIF文件可支持8位颜色。JPEG和PNG－24可支持24位颜色。根据不同的文件格式，你可以指定图像品质，背景透明、杂边、颜色显示或下载方法。

在Web上一个图像的显示也依赖于电脑平台，颜色显示系统、操作系统和显示图像使用的湖览器，在不同的电脑平台上用不同的测览器进行预视，以保证最后在Web上能正确地显示。

1．关于JPEG格式

JPEG格式支持24bit颜色并可保留照片和连续调图像在亮度和色相的广泛细微的多种变化。并且这是一种被大多数浏览器支持的格式。

JPEG通过有选择地丢弃一些数据来压缩文件的大小。因为有数据丢失，所以JPEG压缩被定义为丢失压缩。图像品质越高丢失的数据越少。但是JPEG压缩方法会降低图像锐化的细节，尤其那些包含文字和矢量信息的图像（见图70）。

注：每次将图像存储为JPEG格式时，图像中会出现一些诸如波浪状的图案或大面积的色带。随着你存储次数的增加，这些不良的效果会累积，也就是说，每将图像执行一次存储为JPEG的操作，就人为地将图像破坏一次。所以，应当将最原始的图像存储为JPEG格式。

图70

原始图像和LOw｛低｝品质设定的JPEG图像

创建连续的JPEG文件，整个图像下载的过程在浏览器中显示一个低分辨率的图像。

JPEG格式不支持透明，当你将图像存储为JPEG文件时，透明的像素就像在优化调板中设定的那样被杂边所填充。如果你知道Web页面的背景色，可以将杂边设定为Web页面的背景色，用来模拟背景透明的效果。如果你不知道背景的颜色，应当使用可以支持透明的文件格式，如GIF、PNG－8或PNG－24。

2．关于GIF格式

GIF格式使用8bit颜色，在保留锐化细节的同时可以有效地压缩实地的颜色。例如，线

4月全国网页设计与制作自考试题及答案解析.doc

??????????????????????精品自学考料推荐?????????????????? 全国 2019 年 4 月高等教育自学考试 网页设计与制作试题 课程代码： 00900 一、单项选择题(本大题共 20 小题，每小题 1 分，共 20 分 )在每小题列出的四个备选项中只有一个 是符合题目要求的。请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.IP 协议对应于 OSI 七层协议的哪一层 ( ) A. 会话层 B. 网络层 C.传输层 D. 数据链路层 2.通用图像格式GIF 最多可以使用的颜色数是( ) A.16 色 B.216 色 C.256 色 D.512 色 3.XML 的主要特点之一是用户能够定义自己的( ) A.DTD B.CSS C.CGI D.Script 4.网站用三级结构实现时，位于最底层的是( ) A. 文章页 B.导航页 C.栏目页 D. 首页 5.用 FrontPage 200 建立网站时，默认建立的子目录是( ) A.titles 子目录 B.texts 子目录 C.sounds 子目录 D.images 子目录 6.如果采用了安全调色板以外的颜色，在浏览该网页时将会( ) A. 正常显示 B. 不显示 C.产生“抖动” D. 显示黑白两色 7.进行网页设计时，设置页面尺寸与下面哪一项有关( ) A. 显示器分辨率 B.显示器品牌 C.页面内容 D. 网页制作工具 8.目前在网页可嵌入的声音文件中，存储一首乐曲时，其文件最小的是( ) A.wav 文件 B.real 文件 C.Midi 文件 D.MPEG 文件 9.在 HTML 中嵌入 JavaScript，应该使用的标记是( ) A. B. C. D. 10.下列描述正确的是 ( ) A.JavaScript 是一种编译型语言 B.JavaScript 是一种基于对象和事件驱动的编程语言 C.JavaScript 中变量声明采用强定义类型 D.JavaScript 采用静态联编 11.JavaScript 脚本语言的前身是 ( ) A.Basic B.Live Script C.Oak D.VBScript 12.DHTML 技术的核心是 ( ) A.HTML 4.0 B.CSS C.DOM D. 脚本语言 13.使用 CSS 对文本进行修饰，若使文本闪烁，text-decoration 的取值为 ( ) A.none B.underline C.overline D.blink 14.FrontPage 2000 可供用户选择的视图有 ( ) A.3 种 B.4 种 C.5 种 D.6 种 15.在 FrontPage 2000 中，最多可用来创建表格的方式有( ) A.3 种 B.4 种 C.5 种 D.6 种 16.在 FrontPage 2000 中，用户可以处理站点访问者提交上来的表单结果的方式有( ) A.2 种 B.3 种 C.4 种 D.5 种

网页设计与制作》网上作业题答案(全)

1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.wendangku.net/doc/2817535484.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.wendangku.net/doc/2817535484.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.wendangku.net/doc/2817535484.html,（此处也可输入IP地址）； （3）http：如https://www.wendangku.net/doc/2817535484.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.wendangku.net/doc/2817535484.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.wendangku.net/doc/2817535484.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.wendangku.net/doc/2817535484.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.wendangku.net/doc/2817535484.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.wendangku.net/doc/2817535484.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。

Photoshop制作一款漂亮的网页模板

在这篇网页设计教程里，你将学习制作可以用于整站的一个既优雅又专业的网页，我们将用到Photoshop软件里的一些基本的工具，比如：笔刷和图层等。而且在教程下方包括了此网页的HTML/CSS/JAVASCRIPT模板和素材，你可以下载用作学习或使用都可以。 下面先预览一下本教程的最终效果： 教程开始： 第一步：新建文件打开PS软件，点击文件-新建命令或Ctrl+N键新建文件，设置宽度1020px，高度1180px，背景默认为白色，点击确定即可; 第二步：创建导航背景我们将从header开始我们的设计，所以我们先用矩形选框工具，在画布上新建一个矩形选框，如图所示，填充颜色#393939;

然后设置图层的混合模式为叠加，不透明度设为23%; 第四步：创建网页logo和name对于教程中的logo，我使用了Georgia字体并设计为粗体并倾斜，设置‘SIX’的颜色为#FFFFFF，‘STUDIOS’的颜色为#F7E5C4，logo旁边的图片用的是素材中的boxupload32图片。样式如图所示： 第五步：加入导航链接活动链接的颜色我用的是#DBD1BE，普通链接用的颜色为：#ABAAAA。 为了使活动链接显示的更突出，在其后便添加一个矩形框。选择圆角矩形工具，设置半径为5px，前景色为#464646,然后在活动链接处添加矩形背景，样式如图： 给矩形背景图层添加内阴影和描边效果，具体设置参数如图：

第六步：给特色区域添加背景在我们网页布局的顶部，需要有一块特色区域，这块区域通过播放幻灯片将网站的特色内容展示给来访者。这块区域也可以同时包括对网站的介绍等，第一步我们需要做的就是利用矩形选框工具选中这块区域，然后在此矩形选区中填充颜色#D3CAB8。 然后你需要下载

网页设计与制作

Web考点 一、判断、单选（20*2’）、填空 1、Window对象表示一个浏览器窗口或一个框架，在JavaScript中，Window对象是全局对 象，所有的表达式都在的那个齐纳的环境中计算。就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来声明。例如，可以只写document 和alert，不必写成window.document和window.alert（）。 2、Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。 提示：Document对象是Window对象的一部分，可通过window.document属性对其进行访问。又代表了整个HTML文档，可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型（弱类型）。C#是强类型语言，声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.wendangku.net/doc/2817535484.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.wendangku.net/doc/2817535484.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。 超文本传送协议，是万维网（world wide web）交换信息的基础。它允许将超文本标记语言（HTML）文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径（Relative Path） (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下，如果2.html链接到3.html，可以在2.html中这样写：同目录下文件间互相链接； ../代表一级上级目录路（间隔一个目录） ../../代表二级上级目录（间隔两个目录），比如4，html链接到1.html，可以在4，html中这样写：链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html，可以在1.html中这样写：链接到下级目录（first）中的文件； 如果在 1.html中链接到 4.html，可以在 1.html中这样写：链接到下级目录（first/second）中的文件。

网页设计与制作模板

存档资料成绩： 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日

课程设计评阅意见 评阅人__________职称________ 年月日

目录 第1章课程设计任务书 (1) 一、课程设计题目设计个人网站主页 (1) 二、课程设计工作： (1) 三、课程设计的内容要求： (1) 1、课程设计要求 (1) 2、课程设计内容 (1) 第2章课程设计目的 (3) 第3章课程设计内容 (4) 设计一选题的基本原则 (4) （1）选题应反映本专业的培养目标，符合专业综合训练的要求。 (4) （2）选题要有利于深化所学的专业知识和拓展所学的知识面。 (4) （3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。 设计二选题范围 (4) 设计三选材 (4) 设计四正确运用DW和Ps (4) 设计五课程设计心得 (4) 第4章课程设计步骤 (5) 设计一查找相关资料 (5) 设计二利用Ps进行切片 (5) 设计三利用DW编辑 (6) 设计四利用DW的站点功能上传或用FTP工具上传站点 (8) 第5章课程设计心得 (10) 第6章参考文献 (11)

第1章课程设计任务书 专业电子商务班级（1）班姓名肖恢邦 一、课程设计题目设计个人网站主页 二、课程设计工作： 自 2011 年 6 月 12 日起至 2011 年 6月 20 日止 三、课程设计的内容要求： 1、课程设计要求 （1）通过课程设计把课堂上讲的内容融会贯通，掌握表格在网页布局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面动与静的搭配合理，动而不乱，静而不僵和谐效果。 2、课程设计内容 （1）设计一选题的基本原则。 （2）设计二选题范围。 （3）设计三选材。 （4）设计四正确运用DW和Ps。 （5）设计五课程设计心得。

网页设计与制作总结

网页设计与制作 实训报告 班级：多媒体152 姓名：张莉钧 学号： 指导老师：薛杨王淑惠 实训时间：6.20——6.24 一、实训目的： 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5、具备独立撰写实训报告基本能力； 6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予 以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字。同时，查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划 我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

自考29942网页设计与制作

自考29942网页设计与制作

高纲1349 江苏省高等教育自学考试大纲 29942 网页设计与制作（实践） 南京大学编 江苏省高等教育自学考试委员会办公室

Ⅰ课程性质与课程目标 一、课程性质和特点 《网页设计与制作》是为江苏省自学考试“计算机及应用”、“计算机信息管理”或相关专业专科段学生开设的专业基础课，是一门不进行理论考试而仅参加实践考核的课程。本课程重点培养学生基本的网页设计和制作技能，要求学生在自学理论知识的基础上，培养动手能力，加强实践环节，并能熟练使用相关工具软件。 二、课程目标 网页是互联网最常见的应用之一，是人们获取和发布信息的主要途径。本课程从实际应用出发，培养学生了解网页设计和制作基础知识，学习和初步掌握：网页设计和制作、网页编写语言及网站规划和管理的实际能力。经过课程实践考核，要求学生能上机实验验证相关理论知识，设计、制作、修改或完善指定内容的网页，初步掌握网站建设和开发流程、熟悉站点的上传和维护并能独立解决网页编辑中遇到的一般问题，具有一定的计算机网络信息发布常识。

经过本课程的学习，应达到以下目标： 1．理解Fireworks和Dreamweaver软件界面，并能熟练独立进行操作； 2．重点掌握Fireworks画布、图层、修饰位图、绘制矢量图形、文本特效的操作； 3．重点掌握Fireworks图像切片、元件与实例的操作，并灵活运用； 4．重点掌握Dreamweaver基础网页制作、链接的使用、插入多媒体元素的操作； 5．重点掌握Dreamweaver表格、框架、模板的灵活应用。 三、与相关课程的联系与区别 本课程需要具有一定计算机基础知识，程序设计语言基础知识及计算机网络基础知识，因此，要以本专业的“计算机应用技术”、“计算机网络技术”、“高级语言程序设计”等作为先导课程。在学习完毕本课程后，将来能够为“网络信息编辑”、“多媒体技术”等课程，或进行本科段的深造打下坚实基础。

网页设计与制作试题及答案精选范文

《网页设计与制作》期末考试试题 一、单项选择题(本大题共15小题，每小题2分，共30分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、