 |
|||||
|
|
|
||||||||
为了和MacroMedia公司争夺市场，Adobe公司最新推出了它的网页设计工具软件——Golive。经过笔者最近一段时间的试用和比较，发现Golive兼具DreamWeaver和FrontPage二者之长，同时又有自己的鲜明特色，是一款很优秀的软件。下面就向读者介绍一下这个网页制作的新式武器。
古人云：“工欲善其事，必先利其器”。为了很好地学习Golive，首先向大家介绍Golive的窗口组成。
认识Golive 4.0的窗口
安装完Golive 4.0以后，单击按钮，指向“程序”，指向“Adobe”，再指向“Golive 4.0”，然后单击“Adobe Golive 4.0”图标即可启动Golive。启动后的窗口如图1所示。
图1
读者可能已经发现，Golive的窗口和Adobe公司的其它产品（如Photoshop等）很类似。的确如此，假如读者曾经学过Photoshop，那么很快熟悉Golive的工作界面应该是不成问题的。具体来说，Golive的工作窗口主要包括以下几个部分：
标题栏：和所有的应用软件一样，蓝色标题栏中显示软件的名称和网页的文件名。
菜单栏：在菜单栏中包括了Golive有关的操作命令。
工具栏：在工具栏中包含了一系列的快捷按钮，单击工具栏按钮的作用执行有关的菜单命令完全相同。
文档窗口：在文档窗口的上方有一排Layout、Frames、Source、Outline和Preview标签，单击标签会切换到相应的视图方式下。
其中，Layout视图主要用于完成编辑网页的工作，它和FrontPage中的普通视图很相似。用户可以在Layout视图中键入文本、插入图像和创建超级链接等。
Frames视图用于创建框架网页，在介绍框架时会告诉大家如何使用它。
在Source视图中用户能够查看Golive自动生成的HTML代码。如果你是一位HTML语言的高手，那么也可以在该视图方式下直接手写HTML代码。
Outline视图是Golive的一大特色，它允许用户以大纲的方式来查看HTML代码，同时也允许用户在该视图方式下进行手写HTML代码的工作。对网页制作者来说，使用这种视图来查看网页的代码会感到结构非常清楚。它是Golive优于DreamWeaver和FrontPage的一点。
Preview视图和FrontPage中的预览视图很相似。它允许用户在不保存当前页面的情况下直接启用内置的IE浏览器来查看页面效果。而且，Golive的Preview视图还能够查看到显示在浏览器状态栏上的内容，这一点又比FrontPage的预览视图更胜一筹。和Golive相比，DreamWeaver的网页预览必须要启动外部浏览器，预览操作显得十分不灵活。
在文档窗口中，还有几个重要的图标，它们分别是：
：显示/隐藏文档头部。单击后显示文档的头部内容，同时按钮变成 形状，单击 按钮则可以隐藏文档的头部内容。
：页面图标。主要用于设置页面的背景颜色，背景图像等。关于它的具体使用在后面将会介绍。
：网页的标题。用鼠标单击标题后，光标会在其中跳动。用户可以直接在此修改网页的标题。
：打开Script编辑器窗口。单击后会打开Script的编辑窗口，用户可以在该窗口中进行Script脚本程序的编辑工作。
：打开Timeline编辑器窗口。单击后打开Timelin编辑器窗口，用户可以利用层和Timeline来创建网页动画。
：打开CSS编辑器窗口。单击后打开CSS编辑器窗口，用户可以该窗口中创建所需要的样式表。
：显示/隐藏标尺。单击后会显示标尺，再次单击则会隐藏标尺。
：Layout视图控制器。单击它可以对文档窗口的显示方式进行控制。
：文档窗口显示比例。单击右边的下拉箭头，能够方便地改变文档窗口的大小。这样用户就可以按文档窗口的大小来设计满足不同浏览器窗口宽度的Web页面。
控制面板（palette）
如果执行“View/Palette”命令，则会显示控制面板（如图2所示），再次执行该命令则会隐藏控制面板。
将控制面板中的图标用鼠标拖动到文档窗口中，则会在文档窗口中插入相应的对象。关于如何使用控制面板中的图标，在后面的内容中会具体介绍。
控制面板除了Basic视图外，还有Forms、Frames等视图，单击控制面板上方的选项卡可以在不同视图之间进行切换。
图2
颜色面板（color palette）
和控制面板一样，执行“View/Color Palette”命令将显示颜色面板，如图3所示。
图3
与DreamWeaver等软件相比，Golive的颜色面板提供了更加丰富的颜色模式。用户可以更加自由灵活地选择颜色。单击某个颜色模式选项卡，可以切换到相应的色彩模式中。如果选中某种颜色以后，则会在预览窗格中显示相应的颜色。至于如何应用选中的颜色，将会在后面进行介绍。
Inspector面板
执行“View/Inspector”命令会显示Inspector面板，如图4所示。
图4
Golive的Inspector面板非常类似DreamWeaver中的属性面板，用户若在Layout视图中选择某个对象后，Inspector面板的内容也会随之发生相应地改变。例如，选择文本则Inspector面板的标题会自动变成“Text Inspector”，选择表格则会自动变成“Table Inspector”。