dreamweaver高级应用技巧(doc36)-经营管理(编辑修改稿)

dreamweaver高级应用技巧(doc36)-经营管理(编辑修改稿)内容摘要：

在 Timelines 面板中，做下列之一： ● 从动画条中选择一个现存的、控制着要改变的对象的关键帧。 ● 要创建一个新的关键帧，在动画条中随意点击一帧，然后选择 Modify Timeline Add Keyframe（添加关键帧）或按住 Ctrl 键点击一个帧。 2) 通过选择下列选项为对象定义新特性： ● 要改变一幅图像的源文件，在特性检查员中点击 Src 域右边的文件夹图标浏览并选择一个新图像。 从可以看出，从帧 1到帧 14 显示的同一个图像（中文版图像），在帧 15我改变了图像的源文件，图像在这时将改变，从帧 15 直到帧 30都显示的是改变后的图像（ English 图像），同时我选择了 Autoplay 和 Loop。 因此，当页面装载后，你将发现每隔 1 秒两个图像就替换一次。 注意：在改变图像的源文件时应当使新图像的高度和宽度与原图像的一致，这样才不会发生原来图像的高度和宽度被改变的情况，当然如果这种改变正是你所希望的，就另当别论了。 中 国最大的管理资料下载中心 (收集 \整理 . 部分版权归原作者所有 ) 第 12 页 共 31 页 ● 要改变一个层的可见性，从特性检查员的 Vis 下拉菜单中选择 inherit、 visible 或 hidden。 ● 要改变一个层的大小，在拖曳层的缩 放柄或在特性检查员的 W 和 H 域中输入新值。 ● 要改变一个层的堆叠顺序，在 ZIndex 域中输入新值，或使用层面板改变当前层的堆叠顺序。 3) 按住 Play 按钮预览一下动画吧。 4．拷贝和粘贴动画 一旦有了一个喜欢的动画片断，你就可以通过拷贝并将其粘贴到当前 Timeline 的其他区域，或同一文档中另外的 Timeline，或不同文档中的 Timeline 中。 你也可以一次拷贝并粘贴多个动画片断。 要拷贝或剪切并粘贴动画片断： 1) 单击一个动画条中的非关键帧以选择一个动画片断。 要选择多个动画片断，点击时按住 Shift 键，或是在 Timeline 面板中任何地方单击一下，然后按 Ctrl+A选择所有的动画片断。 2) 拷贝或剪切选择的片断。 3) 做下列之一： ● 将回放磁头移动到当前 Timeline 中的另一个帧位（希望动画片断被粘贴的地方）。 ● 从 Timeline 下拉菜单中选择另一个 Timeline，然后在希望动画片断被粘贴的地方单击。 ● 打开另一个文档或创建一个新文档，然后在 Timeline 面板中希望粘贴的地方单击。 4) 执行粘贴命令将拷贝或剪切的动画片断粘贴到 Timeline 中。 注意：用来控制同一个 对象的动画条不能相互重叠，因为一个层不能在同一时刻出现在两个地方（一幅图像也不能在同一时刻有两个不同的源文件）。 如果你正在粘贴的动画条将与另一个控制同一个对象的动画条重叠， Dreamweaver 会自动地将粘贴的动画条转移到恰好可以不重叠的那帧。 但在这里有一个例外：当你将动画条粘贴到另一个 Timeline 时，即使控制同一个对象的动画条出现重叠， Dreamweaver 也不会自动的转移这些重叠的动画条，因此这可能导致无法预料的结果。 在这种情况下，你只能手工来修正。 当要粘贴动画片断到另外的文档中时，要记住以 下两个原则： 中 国最大的管理资料下载中心 (收集 \整理 . 部分版权归原作者所有 ) 第 13 页 共 31 页 ● 如果你拷贝了一个层的动画片断，而新文档中含有一个与拷贝的层同名的层，在这种情况下当你进行动画片段粘贴时， Dreamweaver 会在新文档中将动画特性应用于同名的那个层。 ● 如果你拷贝了一个层的动画片断，而新文档中并不含有一个与拷贝的层同名的层，在这种情况下当你进行动画片段粘贴时， Dreamweaver 会将原始层连同它的内容与动画片断一起粘贴到新文档中。 要想将粘贴应用到新文档中另外的层，你可以从上下文菜单中选择 Change Object（改变对象）或选择 Modify Timeline Change Object，然后从弹出的对话框中选择需要的层。 5．重命名 Timeline 要重命名在 Timeline 面板中显示的 Timeline，做下列之一： ● 选择 Modify Timeline Rename Timeline（重命名 Timeline），然后在弹出的对话框中输入一个新名字。 ● 直接在 Timeline 面板的 Timeline 下拉菜单中输入一个新名字。 注意：如果页面的源代码中含有你自己编写的对某个 Timeline 的引用，在你重命名这个 Timeline 后，会弹出一个警告 框。 这个警告框告诉你要手动修改那些对原 Timeline 名字的引用，因为它们无法被自动更新。 这是因为 Dreamweaver 无法动态跟踪页面上由你自己编写的代码中对 Timeline 名字的引用。 当然，那些由 Dreamweaver 自动生成的代码中对 Timeline 名字的引用会被自动更新。 例如：下面的这行代码就是我自己编写的，这是对 Timeline2 的引用，当我将 Timeline2 的名字改为 Timeline1 时，这里的 Timeline2 不会自动的更新为 Timeline1，我必须自己手动修改才行。 播放 这应该是 Dreamweaver 3 中就存在的一个问题。 在 Dreamweaver 3 中，如果你对某个 Timeline 进行了重命名操作，那么对 Dreamweaver 来说，这个重命名的 Timeline 是一个全新的 Timeline， Dreamweaver 已经完全不记得几秒钟前它与这个 Timeline 还是个老相识。 因此，一旦一个 Timeline 被重命名，你对这个 Timeline 所做的所有设置（比如所有捆绑在其上的行为）都将被丢弃，这经常会是灾难性的。 现在，虽然 Dreamweaver 4 已经比 Dreamweaver 3 在对 Timeline 的动态跟踪上前进了一大步，不会再乱丢东西了，但仍留有问题，希望在 Dreamweaver 5中不会再出现这种情况。 6． Timelines 的动画技巧 下列建议可以改善你的动画的性能，并使你创建动画的工作变得更加轻松： 中 国最大的管理资料下载中心 (收集 \整理 . 部分版权归原作者所有 ) 第 14 页 共 31 页 ● 要想产生在图像间切换的效果，应当使用显示及隐蔽层的技术，而不是频繁的改变图像的源文件。 改变一幅图像的源文件常常会产生恼人的视觉延迟，因为新图像必须被下载。 而一旦层中的图像都被下载后，通过显示和隐藏某些层，就可以达到很好的在图像间进行切换的效果，每个图像都会 被立刻显示，不会产生视觉上的延迟，也不会因速度太慢而错过某些图像。 ● 拉伸动画条来创建更为平滑的运动。 如果动画的运动看起来太过凶猛，在两个位置间产生视觉上的弹跳，你就应当拉伸动画条的最后一帧，以便为完成大幅度的动作扩展出更多的帧。 拉伸动画条将在运动的开始和结束点之间创建更多的数据点，但同时也会导致对象的运动变得缓慢，你可以试着增加每秒播放的帧数（ FPS）来抵消这种慢动作效果。 但应当清楚，大多数普通的系统中的浏览器播放动画的速度不会比每秒 15 帧更快。 在不同系统中的不同的浏览器上测试动画以确定最好的设置。 ● 不要试图让大的位图运动起来。 的确，一个蠕动着的大位图可能确实蔚为壮观，但你的这个想法或许会让你的浏览者发疯。 总而言之，尽可能创建简单的动画，不要让你创建的动画的需求比用户的浏览器能提供的更多。 因为浏览器总是会尽心尽力地播放动画中的每一帧，即使当系统性能下降到不能胜任这一工作时。 四、创建 Web 相册 Create Web Photo Album 是 Dreamweaver 极富创意的表现，你可以使用这个功能让 Fireworks 处理一个全部都存放着图像的文件夹，为这个图像文件夹中的每一个图像都创建一个 缩微图像和一个全尺寸的图像，然后使用 Dreamweaver 来创建一个 Web 页面，这个页面上包含了这些缩微图像（这些缩微图像被放置在这个页面的一个表格中），并通过这些缩微图像连接到全尺寸图像。 使用这个功能你可以轻松的创建你的 Web 相册。 Create Web Photo Album 命令通过使用 JavaScript 从 Dreamweaver 内部来调用 Fireworks，因此，要想使用此功能，你的机器中必须安装有 Fireworks。 在你开始以前，首先将所有你要为其创建 Web 相册的图像放置到一个独立的文件夹中，但 这个文件夹不需要在站点内部。 另外，确信图像文件的扩展名（即图像文件的格式）是 Create Web Photo Album 命令可以识别的。 这些可识别的图像文件扩展名包括： gif、 jpg、 jpeg、 png、 psd、 tif 和 tiff。 扩展名无法被识别的那些图像文件不会被包含在 Web 相册中。 要创建一个 Web 相册： 1）选择 Commands Create Web Photo Album，出现 Create Web Photo Album对话框。 2）在 Photo Album Title（相册标题）域中为 要创建的相册输入一个标题。 这个标题将被显示在主相册页（包含缩微图像的页面）顶端的一个灰色的矩形区域中。 中 国最大的管理资料下载中心 (收集 \整理 . 部分版权归原作者所有 ) 第 15 页 共 31 页 如果你愿意的话，你可以在 Subheading Info（子标题信息）和 Other Info（其他信息）文本域中输入额外的两行文本，它们将直接出现在相册标题的下面。 3）单击 Source Images Folder（源图像文件夹）右边的 Browse 按钮选择文件夹，或直接在该文本域中输入文件夹的路径。 这个文件夹中所有可以被识别的图像文件都将被包含到相册中。 4）单击 Destination Folder（目的文件夹）右边的 Browse 按钮选择一个目的文件夹或者你也可以创建一个新的目的文件夹。 在这个目的文件夹中将存放所有的输出图像和 HTML 文档。 注意：你选择的目的文件夹中不应当包含一个相册，如果你选择了一个已经包含了一个相册的文件夹，则如果新生成的图像文件与文件夹中的图像文件重名的话，就会覆盖掉以前的图像文件。 5）在 Thumbnail Size（缩微图像大小）下拉菜单中为缩微图像选择一个大小。 图像将会按比例地创建相应的缩微图像，以适合在这里以像素指定的正方形大小。 6）要在每一个缩 微图像的下面显示相应的全尺寸图像的名字，选择 Show Filenames（显示文件名）复选框。 7）在 Columns（列）中为显示这些缩微图像的表格指定一个列数。 8）在 Thumbnail Format（缩微图像格式）下拉菜单中为缩微图像指定一种格式： ● GIF WebSnap 128— 使用适合 Web的 128 色调色板创建 GIF 格式的缩微图像。 ● GIF WebSnap 256— 使用适合 Web的 256 色调色板创建 GIF 格式的缩微图像。 ● JPEGBetter Quality— 使用相对更高的画质和更大的 文件大小来创建 JPG格式的缩微图像。 ● JPEGSmaller File— 使用相对较低的画质和更小的文件大小来创建 JPG 格式的缩微图像。 9）在 Photo Format（相片格式）下拉菜单中为要创建的全尺寸图像指定一种格式。 你的每一个原始图像都将以你在这里指定的格式创建一个相应的全尺寸图像。 你可以为你的全尺寸图像和缩微图像指定不同的格式。 中 国最大的管理资料下载中心 (收集 \整理 . 部分版权归原作者所有 ) 第 16 页 共 31 页 注意： Create Web Photo Album 命令不允许你将原始图像作为你的全尺寸图像，因为如果你的原始图像中含有除 GIF 和 JPG 以外的格式的话，这 些格式的图像可能无法在所有的浏览器上被恰当的显示。 另外，需要知道的是，如果你的原始图像是 JPG 格式，生成的全尺寸图像可能会具有比原始图像更大的文件大小或更低的图像画质。 10）在 Scale（缩放）中为全尺寸图像选择一个缩放百分比。 将缩放百分比设置为 100%将指定创建与原始图像同样大小的全尺寸图像。 注意：这个缩放百分比将作用于所有的原始图像，如果你的原始图像并非同样大小，设置成统一的百分比可能不能得到你希望的结果。 11）通过选择 Create Navigation Page for Each Photo（为每一个相片创建导航页面）复选框可以为每个全尺寸图像创建一个单独的网页，并在页面上包含 Back、 Home 和 Next 导航连接标签。 如果你选择了这个选项，缩微图像将连接到导航页；如果你没有选择这个选项，缩微图像将直接连接到全尺寸图像。 当你做完所有的设置之后，你的 Create Web Photo Album。