步骤四、进入“打开”对话框后，选择要插入的图像后，单击工具栏中的Align Center按钮，结果如图4－11所示。

图4－11　上述操作的结果

　　完成上述操作后，Layout视图中就将显示插入图像后的Image Frame状态，其大小尺寸将自动变得与源图像相同。在图4－11中，由于插入的是GIF动画，所以Layout视图不能显示它，单击文档窗口中的Preview标签，进入Preview视图后就能看到它在Web页面中的显示情形，如图4－12所示。顺便说一句，您如果想得到这幅图像，以及本教程中所用到的其它素材，请与本作者联系。

图4－12　在Preview视图中观看GIF动画 　

　　步骤五、返回Layout视图后单击第一个Image Frame，让它处于选定状态，然后拖动右下角处的手柄，将大小尺寸调整得如图4－13所
< src="http://www.zzhtz.com/upload_files/42/0QHxzCtr1113-image116.gif" WIDTH=554 HEIGHT=138>
　图4－13　拖动右下角处的手柄

图4－14　在Netscape中预览上述操作结果

　　由于事先使用第二个Image Frame插入了图像，而且确定了它的大小尺寸与位置，因此在这一步操作中您能很容易的确定第一个Image Frame的大小尺寸，从而使得用它插入的图像正好合用。对上面复制的第三个Image Frame，也可以这样进行操作，插入图像后的结果将如图4－14所示。 　

　　注：图4－14中的Web浏览器为Netscape　4.5，显示的内容与前面的预览结果没有出入，这就是GoLive 5的一个特点，所设计的Web页面以在许多种类的Web浏览器中正常显示，而DreamWeaver 3却不一定能做到这一点。

发表评论
称　　呼:   内　　容: