|
发信人: 2001asp(ujj) 整理人: eagle(2001-05-19 17:48:01), 站内信件 |
| 第一讲 设置中文运行环境
与Adobe Photoshop一样，GoLive 5能支持使用多语种，但是在制作中文网页之前必须先设置好应用于中文的工作环境，否则您的操作将是很困难的。为此，可按下列步骤进行操作： 步骤一、从Edit下拉菜单中选择Preference(预设)命令，进入如图2所示的Preference对话框。接着从位于此对话框左部分的列表窗中选定Module(模块)，然后在右旁的列表中打开Encodings(编码)复选框，最后单击OK按钮，步骤二、并结束运行GoLive 5。再次重新启动GoLive 5后，从File下拉菜单中选择Document Encoding(文档译码)命令，进入Document Encoding子菜单后选择Simplified Chinese(简体中文) 此后，您就能毫无顾及地在GoLive 5中使用简体中文了。请准备好您 的网站所要的图像、文本、以及各种第三方插件，从下一讲开始，本教程就要开始设计并制作一个中文网站。 第四讲、设置Web页面显示尺寸与保存文档和创建模板 完成上面的操作后，就得考虑设置Web页面的显示尺寸了。对于当前正在设计制作的Web页面，GoLive 5允许选择一种默认的窗口尺寸来限制设计区域，尽管目前许多监视器的可见显示区域大于640象素尺寸(水平方向的值)，许多Web页面设计者仍然希望将显示尺寸定为580象素尺寸，甚至更小，以便确保浏览器中的Web页面完整地显示出来。从另一个方面的来看，14寸与17寸的显示器正被广泛使用着，这就给Web页面设计者带来了一个问题：怎样设置Web网页的尺寸？其实您用不着过多地考虑这个问题，就使用GoLive 5的默认值吧！如果真的需要做出设置，那就单击图16中手势所指处的Change Windows Size下拉按钮，进入页面尺寸下拉列表后从中选择一种尺寸。 注意：您必须让文档窗口在垂直方向上缩小，使得该窗口的底边框线显示出来，然后才能看到Change Windows Size下拉按钮。 在这一份下拉菜中，您可以看到用于14寸与17寸监视器的尺寸值，以及其它可用的值。其中，选择Windows Setting命令后，还能选择使用Select HTML Windows或者Site Windows两种尺寸值之一，以便控制GoLive 5工作期间的显示尺寸。 在GoLive 5的工作工作间，您必须为防止意外而随时保存操作结果，这与使用Photoshop是一样的，这里就多说了，只是需要提醒您注意不可将文档保存在本地站点以外的文件夹中，以免上传至Internet服务器时出错，令访客无法浏览此文档。 GoLive 5在创建本地站点时，会同时创建多个与操作相关的文件夹，保存文档时可要认准站点，即网站的根文件！另外，也不要随便删除其它的文件夹。在命名文档时应当注意，若所要使用的Internet服务器要求使用与DOS格式兼容的文档，包括Windows NT格式，其扩展名就应当为3个字符，即htm，若要求UNIX格式，扩展名则为四个字符：html。Internet服务器通常要求主页文档使用Index作为名称，如若在浏览器的URL栏中输入http://www.adobe.com，那么您将首先看到此站点中的index.html文档，这与直接输入http://www.adobe.com/index.html效果是一样的。 此外还要注意：这些字符不可以用于命名文档：斜线(/)、减号(-)、反斜线(\)、加号(+)、冒号(:)，英文句号也不可以多于一个，因为它用于分隔文档名与扩展名。 GoLive 5是利用信纸来创建模板的。当一张Web页面保存在GoLive 5中指定的文件夹中后，就将成为一张信纸。一张信纸就是一个模板，使用它可以快速创建新的Web页面，从而保持站点中的各页面的布局与组成风格一致。而且，信纸模板中还能包含框架集、图像、文本风格等各种信息。在GoLive 5中使用模板的操作方法有好几种，您可以根据当前操作选择一种来创建新的Web页面，而且通过拖动的方法即可完成操作。对于使用模板创建的Web页面来说，若源Web页面文档改变了，它还将自动更新为最新的版本。 用于保存信纸的文件夹名为Stationeries，其磁盘路径如图17所示。 Stationeries文件夹是事先存在的，也就是说是由GoLive 5自动创建的。在前面的操作中，一旦创建好了本地站点，所有相关的文件夹都会自动被创建，而该文件夹将是*.data文件夹中的一个子文件夹，操作时先选定*.data文件夹，然后就能找到Stationeries文件夹。*.data文件夹中的*表示站点名称(Site Name)。 第二讲 建立本地站点 与使用DW 3/4一样，在创建您的网站所用各Web页面时，GoLive 5也要求首先建立本地站点，以便保存所有Web网页与相关文档，并上传至Web服务器中。当然了，如果您只想了解一下该软件的个别功能，也就不必按下列步骤进行操作了。 步骤一、单击当前的Untitled.html文档窗口右上角处的“关闭”按钮，关闭它。 与DreamWeaver 3/4一样，GoLive 5被启动后会自动创建名为Untitled.html的文档，并打开相应的文档窗口。这里关闭它的目的是为了创建一个能适用于模板文档的新Web页面文档。 步骤二、从File下拉菜单中选择New Site(新站点)命令，进入New Site子菜单后选择Blank(空白)命令， 此后，GoLive 5将在屏幕上显示Create New Site(创建新站点)对话框，DreamWeaver 3/4也使用了它，用于指定站点名称与本地站点文件夹。假如您想要创建的网站名为“花蕾”，保存它的文件夹为d:\flower，就以按图5所示的内容将它们输入在这个对话框中。操作时，若打开Create New Site对话框中的Create Folder(创建文件夹)复选框，GoLive 5还会自动为新站点创建相应的文件夹，这些文件夹全部与创建与管理网站中的各种文档相关，因此应当GoLive 5创建好它们，否则您的操作将会诸多的不便。例如，当使用一个模板来创建新的Web页面时，此模板就需要事先存在于一个特定的文件夹中，以便GoLive 5自动搜寻到它。 结束上述操作后屏幕上将显示名为Site(站点)的窗口，这就是GoLive 5的站点管理器，看到它就知道名为“花蕾”的本地站点创建好了，通过Windows的“资源管理器”，或者其它的程序，您可以看到以它为名称的一个文件夹，以及配属于它的子文件夹，这些全是GoLive 5自动创建的。 在Site窗口中，您能看到一份名为index.html 的Web页面文档，这是一份主页文件，而且是一份空白文档，里面什么都没有。与DreamWeaver 3/4一样，通过此窗口即可很方便的观看和管理本地站点中的所有文档，以及存放的文件夹结构。也能使用拖动的方法将某一份Web页面文档，或者其它任何可用的文档，如图像、多媒体、Flash插件、文本等拖入Layout视图中，参见下一讲的内容与图6。 第三讲、设置Web页面属性 在浏览器中打开一张Web页面时，您总会在浏览器的左上角看到此页面的标题，许多网站的页面也都会使用一种固定的背景色彩或者图像背景，此外链接文本的颜色在被点击前与被点击后还可能不一样，这些特征可由Web页面属性来控制。开始设计一个网站时，即可对各Web页面设置好各属性。其操作方法如下所述。 步骤一、将所有的面板窗口都关闭，然后确认文档窗口中的Layout视图处于当前活动状态，接着参见图6从Site窗口中将上面创建的Index.html文档拖入GoLive 5的该视图中，让结果如图7所示。 Index.html文档是一个网的主面，是网站中必不可少的，有些服务器要求使用Index.htm，或者别的文档名，没有它该网站就不能被访问。不过，下面的操作并不是为了创建它，而是要创建一个模板，以便于让“花蕾”网站中的所有页面使用它来快速制定内容。 注：“主页”就是具有特殊作用的Web页面，它如同一本杂志的封面，但所担负的责任比杂志封面更多，因为它提供了访客跳转至网站中各Web网页的链接，而这些被链接的Web页面，无论是否属于本地站点，都如同杂志中的各页面。由上述内容可见，GoLive 5及用户之所想，在建立好本地站后自动建立起了此文档，只需要直接拿来用就是了。 步骤二、将光标移至图8中手势所指处，然后按Microsoft Word中选定文本的方法选定已有的标题文本，结果如图9所示。 步骤三、从键盘上输入您想要的标题名，如这里将输入：从花蕾到果实，结果如图10所示。 在默认状态下，GoLive 5为当前Web页面设置的标题名为Welcome to Adobe GoLive,为了能在站点中显示您想要的标题名，就应当修改它。在这一步操作中，只需要按操作Microsoft Word那样选定该标题文本，然后从键盘上输入新的标题文本即可 步骤三、右击文档窗口中的任意一个地方，然后选择图11所示快捷菜单中的Page Properties(页面属性)命令，进入图12所示的Page Inspector面板。 这一步操作也可以这样来完成：单击位于标题名左旁的Page按钮，然后从Window下拉菜单中选择打开Inspector(巡视员)命令， 在上面的操作中，有一个关键问题，那就是事先已将各面板关闭了，GoLive 5提供的面板非常多，如果不这样做，那么对于初次使用此软件的人来说，要应用Page Properties面板将是很困难的。 注：在Inspector面板的Page标签中，通过图1－13中光标所指处的文本编辑框，也能修改当前Web页面的标题。 步骤四、参见图13，在Inspector面板的Page标签中连击位于Color复选框右旁的图标，进入如图14所示的Color面板中。 图13中手势所指处的图标上所显示的颜色即为当前Web页面的背景颜色。若打开位于它下方的Image(图像)复选框，然后通过位于此复选框右旁的选项，还能为当前Web页面设置背景图像。操作时，可以单击显示为黄色、名为Browse的按钮，进入Windows的标准文件选择器，然后就能选择一幅背景图像了，参见图15。 图15 名为Browse的按钮 在Color面板中选择好模式后，就能按使用Photoshop的方法来设置颜色了。操作时，当前颜色也就是所设置的当前文档背景颜色，并将同时显示在文档窗口与Color面板中的预览框里，颜色值则显示位于此颜色条右旁的文本编辑框中。GoLive 5也使用ISO标准为各种颜色分配一个颜色号，如果您对此熟悉的话即可在该面板中输入颜色值，以便定量地设置颜色。设置好满意的颜色后，GoLive 5会自动保存操作结果的，当前Web页面也将使用最新设置的背景颜色，您不必继续做任何操作即可。 Page Inspector面板的Page标签中有一个名为Text Colors(文本颜色)的区域，它提供了四个物件，以便设置Web页面中各种文本的颜色，各物件的控制范围如下表所列。 表：Text Colors区域中的物件 物件名称 中文意思 控制范围 Text 文本 Web页面主体文本的颜色。 Link 链接 主体文本中超级链接的颜色。 Active Link 活动链接 被点后的超级链接颜色。 Visited Link 已访问链接 已访问链接的超级链接颜色。 顺便说一下，Page Inspector面板中的HTML 标签用于定义默认状态显示于Source 视图中的HTML标记与内容。初始时，GoLive 5将显示所有标记与内容。使用Component(组件)按钮还能将该页面设置成一个组件，并在保存该页面时同时直接保存至Site窗口中的 Componets 文件夹里。Pending(未定)的标签用于显示当前Web页面中的超文本链接状态，在初始状态下，由于还没有任何超文本链接存在，所以在此标签中不会看到任何内容。 ---- E网情深国立华侨大学商检95本主页(http://sj95.126.com)  |
|
[关闭][返回] |