GoLive 5教程 1.3 设置Web页面属性

源代码网整理以下第三讲、设置Web页面属性

　　在浏览器中打开一张Web页面时，您总会在浏览器的左上角看到此页面的标题，许多网站的页面也都会使用一种固定的背景色彩或者图像背景，此外链接文本的颜色在被点击前与被点击后还可能不一样，这些特征可由Web页面属性来控制。开始设计一个网站时，即可对各Web页面设置好各属性。其操作方法如下所述。

 

源代码网整理以下

　　　　　　　　　图6将Index.html文档拖至此处

　　步骤一、将所有的面板窗口都关闭，然后确认文档窗口中的Layout视图处于当前活动状态，接着参见图6从Site窗口中将上面创建的Index.html文档拖入GoLive　5的该视图中，让结果如图7所示。

　　Index.html文档是一个网的主面，是网站中必不可少的，有些服务器要求使用Index.htm，或者别的文档名，没有它该网站就不能被访问。不过，下面的操作并不是为了创建它，而是要创建一个模板，以便于让“花蕾”网站中的所有页面使用它来快速制定内容。　

注：“主页”就是具有特殊作用的Web页面，它如同一本杂志的封面，但所担负的责任比杂志封面更多，因为它提供了访客跳转至网站中各Web网页的链接，而这些被链接的Web页面，无论是否属于本地站点，都如同杂志中的各页面。由上述内容可见，GoLive　5及用户之所想，在建立好本地站后自动建立起了此文档，只需要直接拿来用就是了。



　　　　　　　　　图8　这就是页面的标题

　

　　步骤二、将光标移至图8中手势所指处，然后按Microsoft Word中选定文本的方法选定已有的标题文本，结果如图9所示。

　　步骤三、从键盘上输入您想要的标题名，如这里将输入：从花蕾到果实，结果如图10所示。



　　　　图9　选定当前页面的标题



　　　　　　　　图10　输入Web页面的标题

　　在默认状态下，GoLive 5为当前Web页面设置的标题名为Welcome to Adobe GoLive,为了能在站点中显示您想要的标题名，就应当修改它。在这一步操作中，只需要按操作Microsoft Word那样选定该标题文本，然后从键盘上输入新的标题文本即可。



　　　　　　图11　选择此命令　

　　步骤三、右击文档窗口中的任意一个地方，然后选择图11所示快捷菜单中的Page Properties(页面属性)命令，进入图12所示的Page Inspector面板。　

　　这一步操作也可以这样来完成：单击位于标题名左旁的Page按钮，然后从Window下拉菜单中选择打开Inspector(巡视员)命令，



　　　　　　图12　打开Page　Properties面板

　　在上面的操作中，有一个关键问题，那就是事先已将各面板关闭了，GoLive 5提供的面板非常多，如果不这样做，那么对于初次使用此软件的人来说，要应用Page　Properties面板将是很困难的。

注：在Inspector面板的Page标签中，通过图1－13中光标所指处的文本编辑框，也能修改当前Web页面的标题。



　　　图13　单击这个图标

　　步骤四、参见图13，在Inspector面板的Page标签中连击位于Color复选框右旁的图标，进入如图14所示的Color面板中。



　　图14　单击这个按钮进入RGB颜色模式

　　图13中手势所指处的图标上所显示的颜色即为当前Web页面的背景颜色。若打开位于它下方的Image(图像)复选框，然后通过位于此复选框右旁的选项，还能为当前Web页面设置背景图像。操作时，可以单击显示为黄色、名为Browse的按钮，进入Windows的标准文件选择器，然后就能选择一幅背景图像了，参见图15。



图15 名为Browse的按钮　

　　在Color面板中选择好模式后，就能按使用Photoshop的方法来设置颜色了。操作时，当前颜色也就是所设置的当前文档背景颜色，并将同时显示在文档窗口与Color面板中的预览框里，颜色值则显示位于此颜色条右旁的文本编辑框中。GoLive 5也使用ISO标准为各种颜色分配一个颜色号，如果您对此熟悉的话即可在该面板中输入颜色值，以便定量地设置颜色。设置好满意的颜色后，GoLive 5会自动保存操作结果的，当前Web页面也将使用最新设置的背景颜色，您不必继续做任何操作即可。

　　Page Inspector面板的Page标签中有一个名为Text Colors(文本颜色)的区域，它提供了四个物件，以便设置Web页面中各种文本的颜色，各物件的控制范围如下表所列。　



　　顺便说一下，Page Inspector面板中的HTML 标签用于定义默认状态显示于Source 视图中的HTML标记与内容。初始时，GoLive 5将显示所有标记与内容。使用Component(组件)按钮还能将该页面设置成一个组件，并在保存该页面时同时直接保存至Site窗口中的 Componets 文件夹里。Pending(未定)的标签用于显示当前Web页面中的超文本链接状态，在初始状态下，由于还没有任何超文本链接存在，所以在此标签中不会看到任何内容。