|
发信人: 2001asp(ujj) 整理人: eagle(2001-05-19 17:48:01), 站内信件 |
| 第三部分 设计文本的显示格式与位置
第一讲 设置默认中文字体与关联尺寸 在设计Web页面时，由于需要考虑到Web浏览器中的参数设置问题。当您多做一些Web页面的设置工作后就会发现设置文本的显示格式是一种较难掌握的操作，即使是一个老手稍不留意也会出点小错误。尽管这与软件的功能没有多大的关系，但使用GoLive 5后一定会到它在这方面所能做的工作却很出色，可以说是是同类软件中最棒的，除了允许使用关联文字尺寸(Relative Font Size)来使格式化的文本与Web浏览器中可设置的文字尺寸参数集相对应外，还提供了字体集功能。“字体集”功能用于向Web浏览器提供多种字体，这将是下一讲中的内容，这一讲让我们先来看看关联尺寸的设置与应用方法。 “关联文字尺寸”是一个令人费解的东西，许多Web页面设计教程也没能说清楚它的概念，因此目前六要是那些专业设计人员能熟练应用它。那么，我们该怎样来理解它呢？这还得从Web页面设计软件的开发冲力说起，开发者通常是基于绝大多数的Web浏览器配置的文本显示参数为12点(Points)这个事实来考虑文字尺寸的，并以此提供关联文字尺寸功能，以便使让所设计的Web页面即可按此参数以较小、或较大的尺寸来显示文本，从而保持原Web页面的设计风格。 注：点(Points)是一种长度单位制，也是屏幕上的光栅点，参阅Microsoft Word可了解得更多，它对文字的尺寸单位有更详细的解释。 GoLive 5在初始状态下设置的默认英文文字尺寸是10点，以便能在屏幕上让Web页面容纳更多的文字，同时也方便在Layout视图中的进行操作。但是，为了能让Web浏览器按希望的尺寸显示文本与语种，本教程建议按下列步骤进行操作来了解设置这个参数的方法，其必要性在完成操作后您一定能体会到。 步骤一、从Edit下拉菜单中选择Preferences(参数选择)命令，进入Preferences对话框后单击Encodings图标，参见图1。 步骤二、参见图2，在位于Preferences对话框中右部分的列表中查找到CHINESE _GB2312复选框，看看是否打开，若没有打开的话则打开它。 在图2所示的列表中显示了GoLive 5所提供的可用语种，其中CHINESE_GB2313是我国标准的中文简体编码，目前常用各种Web浏览器，如中文版的Internet Explorer 5都能很好的支持它。如果您在设计并制作一个中文网站，那么就需要将它作为首选语种，因此这里要打开CHINESE _GB2312复选框。若将Golive 5安装在简体中文Windows 98/2000操作系统中，并按本教程第一部分中所述的方法设置了中文工作环境后，CHINESE _GB2312就会将它作为一种默认语种，并可在图2所示的列表中显示出来（连击CHINESE _GB2312即可看到它）。顺便说一句，这一份列表所列出的语种中许多是您不会使用到的，若在此关闭它们的复选框，可大大提高GoLive 5的运行平稳性，从而操作效率。 如前所述，对于设计中文Web页面的操作来说，打开这里的CHINESE _GB2312复选框就意味着可以使用简体中文，如果做了本教程第一部分中所述的设置操作，那么在默认状态下它就已经处于打开状态，所以上面的两步操作目的只是要确信是否如此！这一点对于后面的操作很重要，否则就无法继续操作下去。再下来，您还可以单击位于它左边的加号(+)图标，进一步选择编码方式。但所有可用的方式都应当已处于选定状态，不必再做什么设置操作了！除非您不想使用某种方式。 步骤三、参见图3，单击Fonts图标选定它后，接着在图的列表中单击CHINESE＿GB2313加号(+)图标，参见图4。 单击CHINESE＿GB2313加号(+)图标后，GoLive 5将展开列表，让您从中选择设置字体与尺寸，参见图4。在这一张展开的列表中列出了用于文本的当前字体与大小尺寸值，您的设置操作主要是对Proportional(相称)文本进行设置。一旦设置了新的字体与大小尺寸，书写文本时就将以此为默认值，而那些已经存的文本文字大小尺寸也会按比例的产生变化，这就是GoLive 5的一个特点。 步骤四、在展开的列表中的选定Proportional后，通过图5所示的Font下拉列表设置字体。 Font下拉列表中列出了当前可以用的所有字体，也许您的屏幕上显示的内容与本教程不一样，这是正常的！因为这些字体全都来自于您的计算机操作系统，也就是说由它所提供的运行环境确定了可显示的字体，不是GoLive 5自带的。 由于字体由计算机操作系统提供，所以有一些字体可能不能用，即使能够在Layout视图中看到它们的效果，也不能在预览中看到。而Web浏览器能支持的字体种类也是有限的，因此这一步操作要格外小心，本教程建议不要急于选择试用那些您感兴趣的、但很少在Web页面中看到的字体，以后熟悉了它们再说吧! 接下来，您可以通过Size下拉列表设置好字体大小尺寸，然后单击OK按钮，结束在Preferences对话框中的操作。再下来就会看到当前Layout视图中的所有文本都将使用新的字体，大小尺寸也会产生变化，这说明它们使用了新的默认中文字体与大小尺寸，这就是在设置应用关联尺寸。 注：稍后还可以使用别的操作方法修改选定文本的字体与大小尺寸。应用新的文字尺寸后，文本框的尺寸不会因为使用了较小的文字尺寸值而变小，因此会出现一些空白；若使用了较小的文字尺寸值，文本框将会向下方扩大尺寸，以便容纳文字变大了的文本，同时迫使位于下方的文本框向下移动，以免重叠在一起。 上面的操作说明了什么叫关联文字尺寸？以及应用方法。您一定体会到了Web页面中的文字尺寸与GoLive 5默认设置值相关，若还有什么不明白的，可在上述Size下拉列表中选择设置一种新的文字大小尺寸值，那么结束操作后当前已经存的文本都会以此值为参照来同步放大或者缩小，而不是变化至此值所限定的大小尺寸，即每一个文字绝不会变得一样大！这种特性延伸至Web浏览器中，就是“关联文字尺寸”！参阅下面的的内容您还能进一步了解关联文字尺寸的应用问题。 注：由于关联文字尺寸的上述特性，GoLive 5特别警告说：不要在对标题文本应用了段落格式，如Header 1或者Header 2后，再来设置默认文字尺寸！因为关联尺寸会引起标题超出文本边框，或者不适当的缩小，从而不利于对Web页面的布局操作。 上面说明了如何设置默认的关联尺寸的问题，您一定明白了在GoLive 5中设计Web页面时可以将关联尺寸应用于文本，而且能与Web浏览器的参数设置相对应。其实在该GoLive 5中的设置结果将应用于当前所创建的所有文本中，一旦设置操作完成就能在特定的文本上应用关联尺寸呢，操作也很简单，只需要选定要设置关联尺寸的文本内容，然后从Type下拉菜单中选择Size命令，进入Size子菜单中选择一种尺寸即可，或者通过工具栏中的Font Size下拉列表进行操作，这与DreamWeaver 3/4、FrontPage 2000中的操作是相同的，参见图6与图7即可清楚的了解到这一点。 图6 进入Size子菜单 图7 进入Font Size下拉列表 图6与图7所示的Size子菜单与Font Size下拉列表中，您一定在DreamWeaver 3/4、FrontPage 2000中也见到过，对吧？它提供了可以选择的尺寸值有22种，各尺寸值各自的控制范围如下表所列。 表：各种文字尺寸值 尺寸值 在Web浏览器中的显示结果 None 取消现有的关联尺寸，使用GoLive 5默认设置的文字尺寸值。 1 比Web浏览器中设置的参数小两点(Point) 2 比Web浏览器中设置的参数小点 3 与Web浏览器中设置的参数相同 4 比Web浏览器中设置的参数大一点 5 比Web浏览器中设置的参数大两点 6 比Web浏览器中设置的参数大三点 7 比Web浏览器中设置的参数大四点 +1至+7 依次比Web浏览器操作环境文本文字尺寸大一点 第二讲、应用文本字体与字体集 与Microsoft Word一样，文本字体作为文本格式的一部分是不可缺少的内容。在DreamWeaver 3/4、FrontPage 2000中能通过文本属性栏选择设置它，而文本属性栏除提供了设置选定文本字体的功能，还包括对文本字体集进行编辑，加入新的字体、删除不用的字体的功能。GoLive 5也提供了这些功能，但处理方式差别很大，字体集的用途也不一样，但也更加实用，操作更方便，这一点初次使用者可要小心了。GoLive 5的字体集不再是一个简单的字体列表单，而是为使用Web浏览器而设计的一个字体组，它用于让不同的计算机系统在打开Web页面后，首先按字体集中的第一种字体显示文本，若计算机系统不支持这一种字体，那就按字体集中的第二种字体显示，还不行的话就按第三种，第四种……,如果都不行，就按Web浏览器的默认字体显示。这种方式Web页面设计与制作人员提供了一个更加广阔的空间，被国外的许多网民也都特别钟爱于此。 与别的文字格式设计操作一样，为了应用一种字体集，只需要选定文本，然后从Type下拉菜单中选择 Font命令，进入Font子菜单选择一种字体集即可，参见图8。 在图8所示的Font子菜单中列出了当前可以选择使用的字体集，但各字体集中所包含的字体全是GoLive 5预先设置的，只可应用于英文文本。为了对中文文本应用中文字体集，需要按下列操作步骤编辑这份子菜单。 步骤一、在Font子菜单中选择Edit Font Sets(编辑字体集)命令，进入Font Sets对话框，参见图9。 步骤二、从图9中手势所指的下拉列表中选择Default Font Sets。 从这个一份下拉列表中可以选择字体集：Default Font Sets用于设置适用与所有要设计制作的Web页面，Page Font Sets仅用于当前正设计制作的Web页面。 步骤三、单击New按钮，让New Font Name(新字体名)出现在Font Sets与Font Names列表框中，参见图10。 步骤四、参见图11，单击手势所指处的Font Name下拉按钮，进入Font Name下拉列表中并选择一种字体，如“黑体”。 此后，Font Name列表框中就将显示“黑体”字体，说明该字体集成功的建立起来了，所使用的字体是“黑体”。这种添加字体集与字体的操作方法特别适用于对字体名称不熟悉的情况下，若您知道所要加入的字体名称，而且它已经安装在了自己计算机中，那么就可以单击上述New按钮后，立即在Font Names列表窗中出现的New Font Name栏中输入它，这样就能快速添加该字体。操作时，应注意New Font Name栏中的显示为图12所示的状态时，才可以这样做，否则只能通过字体下拉列表选择字体。 注：上述操作所创建的新字体集名为“黑体”，刚好与它所包含的第一个字体名相同，GoLive 5总是会将字体集中的第一个字体名称作为该字体集的名称，让您一眼就能看出该字体集中的第一字体。 步骤五、单击位于Font Names下拉列表窗下方的New按钮，然后参照上面的操作指定新的字体名，如“华文彩云”，参见图14。 步骤六、参照上面的操作，继续为当前字体集添加新的字体，直到不再需要添加了，接着单击OK按钮 完成上述操作后，屏幕上将显示一行英文提示，其中文意思是：修改不能取消！您对当前文档的字体集修改不可取消，您要继续吗？这里不用说您也知道该如何回答该提示信息，对吧？若回答“确定”，您就可以通过上述Type下拉菜单中的Font子菜单选择使用“黑体”字体集。一旦应用了该字体集，那么应用此字体集的文本，如“我们为什么要建立这个网站”这行标题，在Web浏览器中将首先使用它所包含的第一种字体，即“黑体”来显示，如果碰巧使用这个Web浏览器的计算机系统没有安装这种字体，那么就将使用该字体集中的第二种字体，即“华文彩云”来显示。若也不能使用“华文彩云”字体，那么就将使用默认的字体，即“宋体”来显示了，如果还不行，那只能说明计算机系统中没有可用的中文环境。 ---- E网情深国立华侨大学商检95本主页(http://sj95.126.com)  |
|
[关闭][返回] |