GOLIVE5.0教程(九)

教程

2.1 为输入文本创建Text Frame

  在GoLive 5输入文本的工作类似于操作常见的文字处理器,如Mircosoft Word。您可以直接在文档窗口(即Layout视图)中输入文本,或者从另一应用程序中复制与粘贴文本,并且能应用各种文本格式与拼写检查、搜索文本等操作,文本可直接输入在Text Frame、Table Cell(表格单元)、Floating Box中。操作时,若使用布局网格,可以很容易的重新排布文本的位置,因为您可以选定文本框后将文本拖至任何一个地方,以及重新排列段落文本。

  在开始设计Web页面时,通常是先制定标题文本,这就需要使用Layout Text Box来创建Text Frame,请按下列步骤进行操作。

步骤一、从Window下拉菜单中选择Reset Palattes(复位面板)命令,参见图2-1。

图2-1 选择Reset Palattes命令

  这一步操作的目的是要让GoLive 5将各种窗口复位,使得Object(物件)面板显示在各面板的前面,让您在屏幕上一眼就能看见它,参见图2-2。顺便说一句,若想看清楚Layout视图中右边部分的内容,可以使用拖动的方法将各面板移至别处,或者关闭所有的面板,但这是最不明智的作法,GoLive 5也不提倡这样做,而是在Window窗口中提供了Hide Palettes(隐藏面板)命令,让您快速隐藏所有的面板。稍后,完成了相关操作再次执行Reset Palattes命令,即可继续选择使用各面板了。

  Object 面板包含有许多工具图标,分别用于创建HTML tags、构造页面元素,以及站点中一般用途的物件。若鼠标指针停留在某一个图标上,即可在该面板的左下角处看看它的名称,如图2-2所示。

图2-2 显示当前光标所指处的图标名称

图2-3 拖动Layout Grid图标至此处

图2-4 拖动Layout Text Box图标至此处

步骤二、在Object面板的Basic标签中找到Layout Grid图标,然后将它拖至当前正在设计制作的Web页面中,如图2 所示。

步骤三、在Object面板的Basic标签中找到Layout Text Box图标,然后将它拖至前面建立的网格中,如图2-4所示。

  完成上述操作后,Layout Grid与Text Frame就创建好了,如图2-5所示。此时,您可以如同使用DreamWeave 3那样,拖动这两个物件的控制手柄来修改其尺寸和位置,但本章将后面做此操作。

图2-5 单击此处 

时间: 2024-09-27 21:20:28

GOLIVE5.0教程(九)的相关文章

GOLIVE5.0教程(二十九)

教程 步骤四.从Window下拉菜单中选择Inspector命令,让Spacer Inspector显示在屏幕上,然后参见图3-27从中选择Vertical(垂直)单选按钮,结果如图3-28所示. 图3-27 选择这个单选按钮 此后,在Layout Grid与文本间就会出现一个垂直定位格,这是Web页面中常用的一种定位格.在Spacer Inspector中,实际上可以将当前定位格转换为三种类型:Horizontal (水平).Vertical(垂直).Block(块),它们的特点如下表所列.

GOLIVE5.0教程(三十九)

教程 步骤四.进入"打开"对话框后,选择要插入的图像后,单击工具栏中的Align Center按钮,结果如图4-11所示. 图4-11 上述操作的结果 完成上述操作后,Layout视图中就将显示插入图像后的Image Frame状态,其大小尺寸将自动变得与源图像相同.在图4-11中,由于插入的是GIF动画,所以Layout视图不能显示它,单击文档窗口中的Preview标签,进入Preview视图后就能看到它在Web页面中的显示情形,如图4-12所示.顺便说一句,您如果想得到这幅图像,以

GOLIVE5.0教程(四十九)

教程 步骤三.修改Label文本编辑框中的文本,参见图4-39. 为了节省宝贵的Web页面篇幅,通常是将下拉菜单中的第一项作为该下拉菜单的名称,或者说明列表的范围,这一步操作就是为此而做的,您可以将Label文本编辑框中原有的字符串Choose修改成适用的新文本,如这里的新文本是:图书中的彩色插图.输入完毕,按下键盘的Enter键,GoLive 5就将接受新的文本,结果如图4-39所示. 图4-39 在这里指定列表中的选项 图4-40 单击这个按钮 步骤四.单击New按钮后,在Label文本编辑

GOLIVE5.0教程(五十九)

教程 再下来,进入图9浮动框的Inspector面板后,在Name文本编辑框中指定当前浮动框的名称.当第一个浮动框被创建后,GoLive 5会自动为它分配一个名称:Layer1(图层1),对创建的第二个浮动框也会自动分配一个名称:Layer2,等等.该名称能在有多个浮动框存在的情况下,标识每一个浮动框,从而将它们作为有名物件来引用,通常老练的Web页面设计者会指定一个特定的.包含某种问意义的名称,如使用Plane命名该浮动框,意识就是说此浮动框将用于表现飞行中的飞机. 图9 调整屏幕上的各窗口位

GOLIVE5.0教程(十九)

教程 3.1 设置默认中文字体与关联尺寸 设计Web页面时,设置文本的显示格式是一种较难掌握的操作,因为设计时需要考虑到Web浏览器中的参数设置问题,GoLive 5在这方面所能做的工作是同类软件中最棒的,除了允许使用关联文字尺寸(Relative Font Size),使格式化的文本能与Web浏览器中可设置的文字尺寸参数集相对应外,还提供了字体集功能,向Web浏览器提供多种字体,这是它与DreamWeaver 3相比的又一个不同点."关联文字尺寸"是一个许多Web页面设计教程没有说清

GOLIVE5.0教程(六)

教程 拖动颜色条上的滑标,设置当前颜色. 操作时,当前文档的背景颜色会随滑标的位置而发生变化,同时也将显示在位于Color面板中颜色条左旁的预览框中,而颜色值则显示位于此颜色条右旁的文本编辑框中,Golive 5也使用ISO标准为各种颜色分配一个颜色号,如果您对此熟悉的话即可在此输入颜色值,从而定量地设置颜色.不过,这里应当说明,这种定量设置颜色的做法仅限于极其特殊的场合,也很少有人会使用它. 对设置的颜色满意后,您不必担心如何将当前颜色赋予当前Web页面,只管停止在Color面板中的操作,转而

GOLIVE5.0教程(二十七)

教程 3.4 向Web页面添加定位格 GoLive 5还提供有设置定位格(Spacer)功能,以及绘制水平线的功能.定位格能让您在特殊场合定位Web页面中的物件,水平线是Web页面中常见的物件. 读者应当注意,"定位格"是一种基于Netscape的特殊物件,用于在Web页面中的文本与其它物件间制造空格,以便定位各物件,这是GoLive 提供的.与众不同的特殊功能,当您的Web页面中没有运用Layout Grid.Tables.Floating Boxes,那么就可以考虑使用它. 注意:

GOLIVE5.0教程(四十一)

教程 4.3 调整物件的位置与大小尺寸 通过图4-14可以看出,尽管前面的操作非常认真而又仔细,但各物件的位置与大小尺寸仍然不尽人意,特别是所插入的Web页面标题图像,上边缘正好与Layout Grid 上边缘重合,各图像的间隔也不明显,看上去好像是同一幅图像,这是由于拖动时,物件与Layout Grid网格结点相对齐的缘故.下面的操作将利用GoLive 5提供的物件的位置与大小尺寸调整功能修正这些不足之处. 步骤一.按住键盘上的Shift键后依次单击用于Web页面标题的三幅图像,然后在工具栏中

GOLIVE5.0教程(五十八)

教程 5.3创建动画 在GoLive 5中应用浮动框(Floating Boxes)即可创建动画.浮动框与DreamWeaver 3/4中的图层非常相似,也是基于HTML DIV元素而存在的,由于HTML 3.2与HTML 4.0增强了DIV元素的功能,因而使得GoLive 5能很好的应用它,并允许放置和堆栈接受背景图像或者背景颜色.又由于DIV是DHTML (Dynamic(动态) HTML)的核心元素,以及放置CSS的Major Building Blocks(主营造块),所以使用浮动框能在