| 第二讲、输入文本并调整位置
创建好了布局网格与文本框就能输入文本了。在一般情况下,Web页面设计与操作人员并不会事先对所要输入的文本内容与将要占用区域大小尺寸了解得非常清楚,因此需要边输入,边调整文本框的尺寸与位置,在GoLive 5中这种操作非常的容易,使用拖动的方法即可完成,下面的操作将说明这一点。
步骤一、参见图5,单击文本框物件中的任何一个地方,让一个如同在Microsoft Word中输入文本那样的插入点光标显示出来,如图6所示。
 
图5 单击此处 图6 让插入点光标显示出来
步骤二、埋头从键盘上的输入一行文本: IT作者稿件自卫术。
当输入文本时,不要看文本框的变化,埋头从键盘上的输入即可,也不必考虑布局网格与文本框有多宽、多高,能否容纳下所输入的内容,让GoLive 5自动按当前操作的结果与需要,即时调整其宽度与高度值就是了,结果应如图7所示。由此图可见文本不是横排的,文本框也是竖着的,若使用图8所示形状的光标单击文本框物件,即可看到此时的文本框大小范围与位置。

图7 输入一行文本

图8 使用这种光标单击此处
步骤三、将各面板隐藏后拖动文本框的手柄,将形状调整为图9所示的模样。

图9 调整文本框的形状与尺寸
拖动手柄时,文本的排列方式就会做相应变化,图9所示为横排文本,这正是本例所需要。以后当熟悉了输入文本的操作后,就可在输入文本前拖动布局网格与文本框这两种物件的控制手柄来修改其尺寸和位置,然后再输入文本。这种操作方法如同在Windows 98的“画图”程序中输入文本,不过很难一次就拖动到位,最终还是要边修改边输入的。

图10 单击此按钮
步骤四、单击属性栏中的Align Center(对齐中心)按钮,然后选定布局网格边框线后,再次单击此按钮,参见图11。

图11单击属性栏中的Align Center按钮
这一步将让文本框与布局网格框的垂直中心线对齐,而布局网格框又与页面的垂直中心线对齐,如图12所示。您也可以将布局网格框扩大至页面的边缘处,然后将文本框拖至中心处,不过这对计算机硬件系统将是一个不大也不小的考验,如果内存不够大,那么拖动结束后将会等待一分钟,甚至更多的时间才会在屏幕上看到结果。若内存不能满足需要,GoLive 5还可能会自动退出,并提示再次启动它。此后您可以继续设计自己的Web页面,但是先前的操作结果不会自动保存,这是此软件的一大特点,所以应当随时注意保存当前操作结果,这是初学者特别需要注意的问题。 |