步骤四、进入“打开”对话框后,选择要插入的图像后,单击工具栏中的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="tr1113-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却不一定能做到这一点。