GOLIVE5.0教程(四)

教程

1.3 设置Web页面属性

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

请按下列步骤进行操作:

步骤一、参见图1-7,从Site窗口中将Index.html文档拖入Golive 5的操作窗口中。

图1-7 拖至此处

  Index.html文档在网站中的地位非同小可(有些服务器要求使用Index.htm,或者别的文档),没有它,该网站就不能被访问。此文档通常被称为“主页文档”,“主页”是具有特殊作用的Web页面,如同一本杂志的封面,但所担负的责任比杂志封面更多,因为它提供了访客跳转至网站中各Web网页的链接,而这些被链接的Web页面,无论是否属于本地站点,都如同杂志中的各页面。由上述内容可见,Golive 5及用户之所想,在建立好本地站后自动建立起了此文档,您只需要直接拿来用就是了(结果参见图1-8),真是方便极了!。

 图1-8 由此可见当前打开的文档名

 

时间: 2024-10-21 18:33:36

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

GOLIVE5.0教程(五十四)

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

GOLIVE5.0教程(四十一)

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

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教程(十四)

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

GOLIVE5.0教程(三十四)

教程 若要移动水平线,最简单的方法就是拖动它.如果拖动前,按住键盘前Ctrl键,那么就将复制这一条水平线,参见图3-35. 注:上述设置水平线的宽度.高度.位置的操作也可以通过工具栏来完成. 图3-35 向下方拖动这一条水平线 图3-36 在Preview视图中观看设计的Web页面 上述操作说明了水平线的应用方法.大多数的Web页面设计者喜欢在分隔标题与主体内容处应用它,并且很巧妙地放置一些链接文字,从而达到美化Web页面的效果,如图3-36所示.有些Web页面在局部使用水平线,也收到了非常漂亮

GOLIVE5.0教程(四十六)

教程 4.7 添加日期与时间标志 在GoLive 5中,若要在当前Web页面中添加日期与时间标志,需要按下列步骤进行操作. 步骤一.参见图4-30,书写好相关文本后创建一个空白Text Frame,然后在Objects面板中单击Smart(漂亮的)标签. 图4-30 单击这张标签 步骤二.从Smart标签中将Modified Date(修改日期)图标拖至空白Text Frame中,参见图4-31,结果如图4-32所示. 图4-32 将Modified Date图标拖至此处

GOLIVE5.0教程(四十四)

教程 4.5 控制多个物件的相对位置 前面所述的对齐操作仅是GoLive 5提供的部分对齐功能.若要了解所有的对齐功能,可以进入Align(排列)面板,参见图4-26.在这个面板中,当前可以使用的选项将高亮显示,即"点亮",不可以使用的则显示为灰色,即不被"点亮".根据当前选定的对象,GoLive 5会自动提供可用选项. 图4-26 进入Align面板 在这个面板中,Align to Percent(对齐至母本)区域里的选项用于将选定的物件与它们的母本,如Layou