发信人: 2001asp(ujj)
整理人: eagle(2001-05-19 17:48:01), 站内信件
|
第一讲、设置参数
作者的话:各位网友好!本教程自改在信誉好的太平洋网站发表以来,得到了网站编辑与经理的大力支持,除了全力保护著作权与支付稿费外,还允许读者直接与作者联系询问各种问题和寻求帮助,有读者提出索要GoLive 5软件,这可以在Adobe公司的网站下载;还有些读者提出操作技巧方面的问题,本作者分别致信给予了回复,若您没有收到回复,可能是别的原因造成的,可来信再次提出问题。我们的地址是:[email protected]。有读者问为什么中止与原网站的合作(仅写了少部分功能),而改在太平洋网站重写并全部出版本教程,原因上面已说明,以后不再多说了,请原谅!谁也不愿意回顾痛苦的经历,对吧?
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列表项。
第二讲、插入图像
做好了上面的操作,就能很方便的插入图像了,其操作方法与DreamWeaver 3相类似,只是GoLive 5更加方便些,不必先制定好图层,或者表格再来插入。在下面的操作中,本节将讲述一种实用性很强的技巧,请注意了!
步骤一、从Window下拉菜单中选择Objects命令,让Objects面板显示在屏幕上,并从Basic标签中拖动Image图标至文档窗口中的Layout视图中。
此后,Layout视图中将出现一个图像占位符,GoLive 5称为Image Frame(图像框),按住键盘上的Ctrl键后拖动还可复制它。
步骤二、单击某一个Image Frame,让它处于选定状态后从Window下拉菜单中选择Inspector命令,进入Inspector面板后单击图7中手势所指处的Browse (浏览)按钮。
步骤三、进入Windows的“打开”对话框后选择要插入的图像,接着单击工具栏中的对齐按钮,如Align Center(对齐中心)按钮,或者使用拖动的方法确定好图像的位置即可完成操作。
完成上述操作插入图像后,Layout视图中所显示的Image Frame将处于选定状态,并用一个边框线围住所插入的图像,该边框的大小尺寸正好与图像的尺寸相同,若拖动边框线上的手柄可调整其大小尺寸,插入的图像也将随之得到变化。若插入的是GIF动画, Layout视图中可能不会显示它,单击文档窗口中的Preview标签,进入Preview视图后就能看到它在Web页面中的显示情形。
通过Inspector面板中的Alignment下拉列表还能选择十种对齐方式: Default(默认)、Top(顶部)、Middle(中部)、 Bottom(底部)、Left(左)、Right(右)、Text Top(文本顶部)、Abs Middle(相对中部)、Baseline(基线)、Abs Bottom(相对底部)。它们的特点在屏幕上一试就清楚了,这里也就不详述了。
---- E网情深国立华侨大学商检95本主页(http://sj95.126.com)
|
|