GOLIVE5.0教程(二)

教程

1.Layout视图

  主要用于可视化的设计与制作网页,功能和FrontPage、DreameWeaver中的工作窗口相同,用于您输入文本、插入图像和创建超文本链接等。

2.Frames视图

  创建框架结构的网页。

3.Source视图

  查看Golive 5为当前设计结果自动生成的HTML代码,并允许在此直接编辑HTML代码。Golive 5所拥有的源代码编辑器能完整地创建相关HTML tags,并在该视图的文档窗口中正确地显示出来。

4.Outline视图

   以大纲的方式来查看HTML代码。Golive 5允许在该视图方式下直接编写HTML代码,而且能您快速观看整个当前网页所使用的脚本(Script),甚至通过简单的“点击”操作即可在屏幕上显示各代码块的内容。对网页制作者来说,使用这种视图来查看网页的代码会感到结构非常清晰。

5.Preview视图

  该视图的功能与FrontPage 中的预览视图相同,可在不保存当前设计的Web页面文档情况下,直接启用内置的浏览器来查看设计结果。所不同的是,在Golive 5的Preview视图中还能查看到显示在浏览器状态栏上的内容。

  除了上述特点之外,Golive 5还有好多令人兴奋的功能,特别是它提供有更专业的编排能力,这是FrontPage与DreameWeaver所不具备的。此功能除了能在可视化的环境下对网页做编排外,还提供了以象素为单位的格栅和标尺,使用起来真象是在用一个排版程序。在应用平台方面,Golive 5是跨平台开发的,能向使用不同版本的Mac和Windows平台站点发布网页,而且不受任何限制的显示在访客的浏览器中。

  在后面的操作中,本教程还将即时介绍Golive 5操作窗口中的其它物件。

图2 打开Encodings复选框

 

时间: 2024-08-22 15:09:13

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

GOLIVE5.0教程(二十八)

教程 步骤二.输入文本"本站所有内容受<中华人民共和国著作权法>保护,复制.转载必究!"与"航标工作室制作?2000年9月"两个段落文本,并将它们向中心对齐,参见图3-22. 图3-22 在Layout Grid下方书写文字 步骤三.从Window下拉菜单中选择Objects命令,让Objects中的Basic标签显示在屏幕上,接着从中拖动Horizontal Spacer(水平定位格)图标至图3-23所示的位置. 图3-23 拖动时将插入点光标对准此处

GOLIVE5.0教程(二十七)

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

GOLIVE5.0教程(二十五)

教程 步骤一.在Font子菜单中选择Edit Font Sets(编辑字体集)命令,进入Font Sets对话框,参见图3-12. 图3-12 单击这个下拉按钮 步骤二.图3-13所示的下拉列表中选择Default Font Sets. 图3-13 选择Default Font Set 从这个下拉列表中可以选择字体集,Default Font Sets用于设置适用与所有要设计制作的Web页面,Page Font Sets仅用于当前正设计制作的Web页面. 图3-14 建立New Font Nam

GOLIVE5.0教程(三十二)

教程 3.6 在物件间添加水平线 许多Web页面中都有水平线,以便分隔某些物件.而且通常会在网站的标题与主体页面之间放置它,有些甚至会放置多条水平线. 步骤一.从Window下拉菜单中选择Objects命令,让Objects面板显示在屏幕上,并从Basic标签中拖动Line图标至图3-33所地方. 图3-33 将Line图标拖至此处 步骤二.从Window下拉菜单中选择Inspector命令,让Inspector面板显示在屏幕上并通过它调整水平线的参数. 图3-34 单击此按钮将建立实线 在In

GOLIVE5.0教程(二十九)

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

GOLIVE5.0教程(二十六)

教程 步骤四.参见图3-15,单击Font Name下拉按钮,进入Font Name下拉列表中选择一种字体,如"黑体". 此后,Font Name列表框中就将显示"黑体"字体,说明该字体集成功的建立起来了,所使用的字体是"黑体".这种添加字体集与字体的操作方法特别适用于对字体名称不熟悉的情况下,若您知道所要加入的字体名称,而且它已经安装在了自己计算机中,那么就可以单击上述New按钮后,立即在Font Names中出现的New Font Name栏

GOLIVE5.0教程(四十二)

教程 文本编辑框中输入数字4,参见图4-20. 图4-22 建立2个象素单位的间距 图4-23 调整第三幅图像 步骤三.适当修改工具栏中Width文本编辑框里的值,以便在第一与第二幅图像间留出一段距离.然后单击第二幅图像,并进入Inspector面板单击图4-21中手势所指处的Auto-resize(自动更改尺寸)按钮,接着单击工具栏中的Align Center按钮,结果应如图4-22所示. 接下来,您可以参照的上面的内容调整第三幅图像的位置与大小尺寸,结果应如图4-23所示.至于别的物件,您已

GOLIVE5.0教程(五十二)

教程 步骤五.参见图4-46,选定所输入的各字符后,从Type下拉菜单中选择List命令,接着从List子菜单中选择Term命令,结果应如图4-47所示. 图4-48 在Preview视图中详细的观看上述操作结果 此后,您可以适当的放置一条水平直线来完善设计,并在Preview视图中详细的观看上述操作结果.如果您的竖直线是从键盘上输入,那么预览的结果将是不一样的,各字符上.下方的间距会更大,这也是为什么本教程要提供"新年快乐.doc"文档的原因,相信您会比本教程应用得更好. 总结: 本

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

教程 3.2 应用关联文字尺寸 如前所述,在GoLive 5中设计Web页面时,可以将关联尺寸应用于文本并与Web浏览器的参数设置相对应.上一节仅讲述了如何设置默认的关联尺寸,该设置将应用于前面操作时所创建的所有文本中,那么怎样在特定的文本上应用关联尺寸呢?其实操作很简单,只需要选定要设置关联尺寸的文本内容,然后从Type下拉菜单中选择Size命令,进入Size子菜单中选择一种尺寸即可,参见图3-9,或者通过工具栏中的Font Size下拉列表进行操作,参见图3-10. 图3-9 进入Size子