第四部分 创建Web页面中的常用物件
第一讲、设置参数
本教程受<中华人民共和国著作权法>保护!严禁转载与复制!
作者的话：各位网友好!本教程自改在信誉好的太平洋网站发表以来，得到了网站编辑与经理的大力支持，除了全力保护著作权与支付稿费外，还允许读者直接与作者联系询问各种问题和寻求帮助，有读者提出索要GoLive 5软件，这可以在Adobe公司的网站下载；还有些读者提出操作技巧方面的问题，本作者分别致信给予了回复，若您没有收到回复，可能是别的原因造成的，可来信再次提出问题。我们的地址是：zon2@163.net。有读者问为什么中止与原网站的合作(仅写了少部分功能)，而改在太平洋网站重写并全部出版本教程，原因上面已说明，以后不再多说了，请原谅!谁也不愿意回顾痛苦的经历，对吧？
第一讲、设置参数
Web页面中常用的物件主要有文本、图像、下拉菜单、日期与时间标志、水平线与竖直线、表格等，而在设计与放置这些物件时的主要操作与印刷排版差不多，创建它们后就需要做对齐、定位、排列、定义链接等处理。初级Web页面设计者也往往由这些操作入门，GoLive 5似乎很适合于此类用户，因为在它将绝大数的相关操作集中在一个或者两个面板中，而且面板中的选项图标形状与功能很贴近，一眼就能看出，选择时不容易出错，据大多数用户说，几乎从未出现过误操作，本教程也认为出现差别将是罕见的。
其实在GoLive 5中创建各种物件的操作都不复杂，对齐与定位、排列功能也是同类软件中最强的。如在图像应用方面，GoLive 5能处理那些不是为Web页面准备的图像文档，并将它们转换成GIF、JPEG、PNG这些Web页面支持的图像格式，像PICT、TIFF、BMP格式的图像只管拿来用就是了，从技术上讲这个软件充分发挥了Adobe公司在图像处理方面的看家本领，让人感到不足的只能是不可以提高图像品质了，好在Photoshop这个打遍天下无敌手的图像处理软件非常普及，很少有网页设计与制作者不使用它的，DreamWerver中的图像可直接进入FireWork中处理，然后自动在DreamWerver中更新，但图像能得到的处理将是非常有限的，绝大多数情况下还是要Photoshop来打总结，GoLive 5与Photoshop的关系正像DreamWerver与FireWork的关系，您只需要在GoLive 5中连击插入的图像就能让Photoshop来处理它，完事后图像也将自动更新。
在物件位置控制方面，GoLive 5可以象素为单位来操作。DreamWeaver提供了多种方式来控制物件的位置与大小尺寸，而GoLive 5却提供了更加丰富的操作方式与功能。您可在Layout Grid(布局网格)中放置好物件，并利用GoLive 5默认设置的Snap(捕捉)功能让物件与网格的结点快速对齐，或者仅是拖动物件来快速对准某一处的网格结点，然后在控制位置的文本编辑框中输入以象素点为长度尺寸的值，从而让物件的位置校准于附近某处。接着您不必启动Web浏览器即可立即预览效果，不行的话马上修改。如果您选定了三个物件，想让它们与其中最高的那个物件顶边对齐，或者自动排列它们的间距，这就叫着“控制物件们的相对位置”，这在DreamWeaver 3中操作起来可是有点麻烦的，但在GoLive 5中却是那样的轻忪，用覆手为云来形容绝不为过，因为您只需要在一个面板中单击一个图标按钮就成了！这些只是GoLive 5控制物件们的相对位置的一个侧面。通过这一讲对图像的应用，您可以了解到具体的操作方法，深刻地感受到一切真是那样的简单。
为了在Web页面中插入图像，有必要在GoLive 5中做好下列设置操作：
步骤一、从Edit下拉菜单中选择Preferences命令，进入Preferences对话框后打开图1中手势所指处的General列表夹加号(+)图标，展开General列表项后从中选择Image列表项。
图1 单击这个加号(+)图标
步骤二、参见图2，在Picture Input(图片输入)区域中单击Select 按钮进入图3所示的“浏览文件夹”对话框。
图2 单击这个按钮
这两步操作用于指定新的默认文件夹。完成第一步操作后，Preferences对话框中Picture Input区域里会有些变化，其Import Folder(图像输入文件夹)文本编辑框中将显示GoLive 5默认的图像文档文件夹，这是保存站点中所用图像文件的磁盘目录，为了与当前正在设计的站点相匹配，以便于查找各种文档，所以第二步操作选择设置了新的，让它指向本地站点。GoLive 5对文件夹的使用没有严格的限制，也就是说不做这一步操作也能使用保存在计算机系统中任何位置的图像文档，只是操作将会很不方便，容易出错。
图3 选择指定新的默认文件夹
步骤三、在“浏览文件夹”对话框中选择保存图像文档的文件夹。然后单击File Format下拉按钮，参见图4进入File Format下拉列表后选择一种文件格式，如JPEG格式。
图4 选择JPEG格式
图5 选择这个品质项
如前所述，站点中用于保存图像文档的文件夹是事先存的，图像文档也是先复制在此中的，除非您不想在本地站点中保存它并与网页一起上传至服务器中，而要采取一些更为复杂的操作方法，这与DreamWeaver等同类软件是一致，所不同的是GoLive 5可以直接引用来自Photoshop的图像，如前所述。通常，网页使用的是GIF与JPEG格式的图像，因 此这里需要从File Format下拉列表中选择GIF、JPEG格式，以便在下一步操作中控制此格式图像使用品质。
步骤四、打开Progressive(渐近)复选框后，从位于右旁的下拉列表中选择Normal Quality(正常品质)，参见图5。
打开图4中的Ask User(底部用户)单选按钮，GoLive 5会在每次插入图像时让您挑选图像格式，而此格式正是通过位于此按钮下方的下拉列表来指定的。
顺便说一下，用于网页的各种图像格式的特点如下表所列。
表：File Format下拉列表中的图像格式
注：上述三种图像格式是目前Web页面设计者广泛采用的，其中GIF与JPEG格式最常用，通常由Photoshop来产生，PNG格式不常于设计网页，如果您在Microsoft Word将文档存为HTML格式，就能看到这种图像文档的一种用途。
显示在网页中图像对品质很敏感，在图5所示的下拉列表中列出了用于JPEG图像的六种品质，不同的品质对于Web浏览器来说要看到它的所花费的时间是不一样的，也就是下载所用的时间不一样。品质较高，从Internet站点下载到访客的浏览器中所用时间就较长，下表将进一步说明这个问题。
表：六种JPEG图像品质与下载速度
在Web页面中插入图像时，还可以在此控制是否让GoLive 5创建一个副本，这是该软件的一大特点。这个副本是一个低解析度的图像，用于在所插入的图像被装入前先显示于Web页面中。如果您想创建这种副本，请继续做下面的操作。
步骤五、参见图6与下表，在Low Source Image(低源图像)区域中选择打开一个单选按钮，接着单击OK按钮结束操作。
图6 单击这个下拉按钮设置颜色模式
表：Low Source Image区域中选项
完成这一讲的操作后，就能按GoLive 5制定的标准方式为所设计的Web页面插了图像了，下一讲就将讲述这个问题。
