GOLIVE5.0教程(四十一)

教程

4.3 调整物件的位置与大小尺寸

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

  步骤一、按住键盘上的Shift键后依次单击用于Web页面标题的三幅图像,然后在工具栏中Vertical Position(垂直位置)文本编辑框中输入数字:4,参见图4-19。

  在这一步操作中,先是选定三幅图像,使它们成为一个选择集,以便于同时接受后面的操作,结果又能保持它们相互之间的位置不变。接着在Vertical Position文本编辑框中指定了它们在垂直方向上的位置,所输入的数字单位是象素。如果您输入了这个值并按下键盘上的Enter键,GoLive 5仍显示原来的值:0,说明它与下方的物件间没有足够的间距来移动,此时需要先移动位于下方的那些物件,然后重新在Vertical Position文本编辑框中输入移动值。对于初学者来说,由于可能习惯于公制单位中的厘米、毫米长度单位,所以操作时不可能一次就输入较大的值,若移动的距离不够,可以输入更大(或者更小)的值来再一次调整,如图4-19中可以看到图像上方的Layout Grid了,而Vertical Position文本编辑框中的值已修改成了4,该值可以分两次输入,第一次输入2后,效果不理想,可以再扩大至4个象素单位,以后熟悉了GoLive 5中的象素单位值,就可以直接输入最终的值了。

图4-19 在群组的图像物件上方可以看到Layout Grid了

  注意:若要在较大的范围内移动物件,应当先拖动它至最靠近目标点的位置,然后再按上述方法进行操作。图4-21中手势所指处的按钮用于将当前选定的图像还原为原始大小尺寸,而不管图像当前是放大还是缩小了。

图4-20 向右移动4个象素单位

图4-21 单击Auto-resize按钮

时间: 2024-10-27 02:34:29

GOLIVE5.0教程(四十一)的相关文章

GOLIVE5.0教程(十一)

教程 步骤三.关闭所有的面板,然后单击Layout Grid的边框线,让它的控制手柄显示出来后,参见图2-9,向右拖动手势所指处的手柄,结果如图2-10所示. 图2-11 拖动此光标可以移动Text Frame 步骤四.单击Text Frame的边框线,让它的控制手柄显示出来后,参见图2-10,向右拖动手势所指处的手柄,结果如图2-11所示. 图2-12 将Text Frame拖至此处 注:这一步操作对您的计算机硬件系统将是一个不大也不小的考验,如果内存不够大,那么拖动结束后将会等待一分钟,甚至

GOLIVE5.0教程(五十四)

教程 在已经存在的表格中添加行与列是难以避免的操作,除非列表项数从不改变,但这在Web页面中的设计与制作中是非常罕见的.当需要这样做时可以参照下列步骤来进行. 图2单击此单元格下边框线 步骤一.参见图2,单击某单元格边线的边框线,选定该单元格,并使Inspector面板下部分出现四个按钮,如图3所示. 图3 单击该按钮添加一新行 步骤二.单击图3中手势所指处的按钮,在当前单元格的上方添加一新行. 完成了这两步操作,新的行将插入在表格中选定单元格的上方,其操作的关键是要使Inspector面板中显

GOLIVE5.0教程(五十一)

教程 步骤三.进入GoLive 5中后,参见图4-44创建一个Text Frame,然后按下键盘上的Ctrl + V组合键,粘贴Windows剪切板中的字符. 图4-44 粘贴Windows剪切板中的字符 图4-45输入一些竖直线 步骤四.按下键盘上的Enter键,给出一个回车后,参照上一步操作从"新年快乐.doc"文档中复制一个竖直线字符并粘贴在当前光标所在处.反复操作,直到输入足够的竖直线,参见图4-45. 注:您也可以直接从键盘上输入一条竖直线. 图4-46 选定各字符  

GOLIVE5.0教程(四十九)

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

GOLIVE5.0教程(四十七)

教程 步骤三.进入Inspector面板中,并从Format(格式)下拉列表中选择"中国",指定使用我国标准日期格式,参见图4-32.   图4-32 选择"中国"日期格式 步骤四.从Inspector面板的列表中选择一种日期显示格式,参见图4-33与图4-34. 图4-33 选择这一种日期显示格式 步骤五.参见图4-34,扩大Text Frame后,按住键盘上的Ctrl键并拖动日期图标,以便在下方复制一个新日期图标,接着从Inspector面板的列表中选择一种时间

GOLIVE5.0教程(二十四)

教程 在Size子菜单与Font Size下拉列表中可以选择的尺寸值有22种,它们各自的控制 范围如下表所列. 表:可以选择的尺寸值 尺寸值 在Web浏览器中的显示结果 None 取消现有的关联尺寸,使用GoLive 5默认设置的文字尺寸值. 1 比Web浏览器中设置的参数小两点(Point) 2 比Web浏览器中设置的参数小点 3 与Web浏览器中设置的参数相同 4 比Web浏览器中设置的参数大一点 5 比Web浏览器中设置的参数大两点 6 比Web浏览器中设置的参数大三点 7 比Web浏览器

GOLIVE5.0教程(四)

教程 1.3 设置Web页面属性 当您在浏览器中打开一个网页时,总会在浏览器的左上角看到此网页的标题,而许多网站的页面会有固定的色彩或者图象背景,这些特征可由Web页面属性来控制,在开始设计Web页面时即可设置好各属性.在下面的操作中,您将会发现与DreamWeaver 3不同的是,Golive 5充分发挥了Adobe公司在图象色彩处理方面的技术优势,能应用不同的颜色模式来设置颜色,而且操作方法完全可以照搬Photoshop中的做法,另外基本理论也相同. 请按下列步骤进行操作: 步骤一.参见图1

GOLIVE5.0教程(十四)

教程 2.4 应用段落标题格式 上面图2-17.图2-18表示的是单行文本的格式化处理结果.GoLive 5格式化段落文本与Microsoft Word中设置"段落格式"的操作相类似,但内容更加广泛,功能比DreamWeaver 3更加强大.除了与DreamWeaver 3一样,GoLive 5能快速格式化段落标题与子标题,以及通过工具栏中的按钮快速对齐段落.缩排段落外,也能创建多段落列表编号.控制段落中文本的流向,甚至使段落中的部分文本省略边框,以及加入行断点.这一节将讲述应用段落标

GOLIVE5.0教程(三十一)

教程 表:更多的选项 选项 功能 Find uncapitalized begin of sentences 查找非大定字母开头的句子 d repeat words 查找重复字 Ignore words with numbers 不理睬数目字 Ignore Single Chars 不理睬单个字 Ignore words with only uppercase 不理睬大写字母字 Ignore number 不理睬数字 Ignore roman numbers 不理睬罗马数字 在拼写检查处理中,若