GOLIVE5.0教程(三)

教程

1.2 设置中文环境并建立本地站点

  在使用Golive 5制作中文网页之前,必须先设置好能应用中文的工作环境,这是此软件的一个特点。为此,请按下列步骤进行操作:

步骤一、从Edit下拉菜单中选择Preference(预设)命令,进入如图1-2所示的Preference对话框。

图1-3 选择Simplified Chinese命令

步骤二、接着从位于此对话框左部分的列表窗中选定Module(模块)文件夹,然后打开Encodings(编码)复选框。单击OK按钮,并结束运行Golive 5。再次重新启动Golive 5后,从File下拉菜单中选择Document Encoding(文档译码)命令,进入Document Encoding子菜单后选择Simplified Chinese(简体中文)命令参见图1-3。

  此后,您就能毫无顾及地在Golive 5中使用简体中文了。不过,接下来首先要做事是建立本地站点,因为这样才能真正地开始设计Web网页,除非您只想练习一下。请按下列步骤进行操作:

步骤一、关闭当前的Untitled.html文档窗口。

与DreamWeaver 3一样,Golive 5被启动后会自动创建名为Untitled.html的文档,由于新的本地站点中还不会存在任何Web页面,所以这里就应当关闭它。为此,您只需要关闭工作区域窗口即可。

步骤二、从File下拉菜单中选择New Site(新站点)命令,进入New Site子菜单后选择Blank(空白)命令,参见图1-4。

     图1-4 选择这一条命令
  此后,Golive 5将在屏幕上显示CreateNew Site(创建新站点)对话框,如图1-5所示。这是您应当熟悉的对话框,DreamWeaver也使用了它,用于指站点名称与本地站点文件夹,图1-5说明了各选项的回答方式,这里不再多说了。
 
  注:打开Create New Site对话框中的Create Folder(创建文件夹)复选框,Golive 5会自动为新站点创建相应的文件夹。

图1-5 输入本地站点文件夹名

          图1-6 进入Site窗口
 
  结束上述操作后,屏幕上将显示名为Site的窗口,这是Golive 5的站点管理器, 彼得鞅镜卣镜愦唇ê昧耍么翱谥幸步嵯允疽环菝猧ndex.html的主页文件(如图1-6所示),但此文件中并没有任何您设计的内容,下面的操作才会对它填充内容。与DreamWeaver 3一样,Golive 5的站点管理器也将显示站点中的文件结构,并允许使用拖动的方法将Web页面中所需要的文件拖入Layout视图中,这些文件包括图象、多媒体、Flash插件、文本等类型,是事先准备好了的。

  注:您一定看出Golive 5的站点管理器比DreamWeaver 3的站台管理器复杂得多,因此本教程将在后面另辟章节来讲述它。

 

时间: 2024-12-30 23:17:04

GOLIVE5.0教程(三)的相关文章

GOLIVE5.0教程(三十八)

教程 4.2 在Web页面中插入图像 做好了上面的操作,就能很方便的插入图像了,其操作方法与DreamWeaver 3相类似,只是GoLive 5更加方便些,不必先制定好图层,或者表格再来插入.在下面的操作中,本节将讲述一种实用性很强的技巧,请注意了! 步骤一.从Window下拉菜单中选择Objects命令,让Objects面板显示在屏幕上,并从Basic标签中拖动Image图标至图4-7所地方. 图4-7 拖动至此处 步骤二.按住键盘上的Ctrl键,将上一步操作建立的Image Frame(图

GOLIVE5.0教程(三十六)

教程 步骤三.在"浏览文件夹"对话框中选择保存图像文档的文件夹.然后单击File Format下拉按钮,进入File Format下拉列表后选择JPEG格式,参见图4-4. 如前所述,站点中用于保存图像文档的文件夹是事先存的,并需要先将图像文档复制在此文件夹中,除非您不想通过本地站点引用它,这与DreamWeaver 3等同类软件的要求一致.所不同的是GoLive 5可以直接引用来自Photoshop的图像(本教程后面将会介绍此功能),这里将要使用的是GIF与JPEG格式的图像,所以需

GOLIVE5.0教程(三十九)

教程 步骤四.进入"打开"对话框后,选择要插入的图像后,单击工具栏中的Align Center按钮,结果如图4-11所示. 图4-11 上述操作的结果 完成上述操作后,Layout视图中就将显示插入图像后的Image Frame状态,其大小尺寸将自动变得与源图像相同.在图4-11中,由于插入的是GIF动画,所以Layout视图不能显示它,单击文档窗口中的Preview标签,进入Preview视图后就能看到它在Web页面中的显示情形,如图4-12所示.顺便说一句,您如果想得到这幅图像,以

GOLIVE5.0教程(三十二)

教程 3.6 在物件间添加水平线 许多Web页面中都有水平线,以便分隔某些物件.而且通常会在网站的标题与主体页面之间放置它,有些甚至会放置多条水平线. 步骤一.从Window下拉菜单中选择Objects命令,让Objects面板显示在屏幕上,并从Basic标签中拖动Line图标至图3-33所地方. 图3-33 将Line图标拖至此处 步骤二.从Window下拉菜单中选择Inspector命令,让Inspector面板显示在屏幕上并通过它调整水平线的参数. 图3-34 单击此按钮将建立实线 在In

GOLIVE5.0教程(三十)

教程 3.5检查文本拼写错误 GoLive 5也能如同文字处理器那样检查文本中的拼写错误,而且操作方法与Microsoft Word类似,您会很容易理解的.与DreamWeaver 3不同的是,GoLive 5能检查站点中的所有Web页面,而不是仅检查当前正在设计的Web页面,智能性也更强,不但能识别Layout视图中的文本错误,还能检查Source视图中的文本. 为了检查当前正在设计的Web页面文本,您只需要进入Layout视图或Source视图,然后参见图3-29从Edit下拉菜单中选择Ch

GOLIVE5.0教程(三十一)

教程 表:更多的选项 选项 功能 Find uncapitalized begin of sentences 查找非大定字母开头的句子 d repeat words 查找重复字 Ignore words with numbers 不理睬数目字 Ignore Single Chars 不理睬单个字 Ignore words with only uppercase 不理睬大写字母字 Ignore number 不理睬数字 Ignore roman numbers 不理睬罗马数字 在拼写检查处理中,若

GOLIVE5.0教程(三十七)

教程 在图4-5所示的下拉列表中,列出了用于JPEG图像的六种品质,不同的品质对于Web浏览器来说,要看到它的所花费的时间是不一样的.品质较高,从Internet站点下载到访客的浏览器中所用时间就较长,下表将进一步说明这个问题. 表:六种JPEG图像品质与下载速度 品质 中文意思 下载速度 Lossless Quality 损失较小品质 较快 Maximal Quality 最高品质 最慢 High Quality 高品质 慢 Normal Quality 正常品质 正常 Low Quality

GOLIVE5.0教程(三十五)

教程 第4章 设计Web页面中的常用物件 为了在Web页面中插入图像,有必要在GoLive 5中做好下列设置操作: 图4-1 单击这个图标 步骤二.参见图4-2,在Picture Input(图片输入)区域中单击Select 按钮,进入图4-3所示的"浏览文件夹"对话框. 图4-2 单击这个按钮 完成上述第一步操作后,Picture Input区域中的Import Folder(图像输入文件夹)文本编辑框中将显示GoLive 5默认的图像文档文件夹,也就是保存站点避所用图像文件的磁盘目

GOLIVE5.0教程(三十四)

教程 若要移动水平线,最简单的方法就是拖动它.如果拖动前,按住键盘前Ctrl键,那么就将复制这一条水平线,参见图3-35. 注:上述设置水平线的宽度.高度.位置的操作也可以通过工具栏来完成. 图3-35 向下方拖动这一条水平线 图3-36 在Preview视图中观看设计的Web页面 上述操作说明了水平线的应用方法.大多数的Web页面设计者喜欢在分隔标题与主体内容处应用它,并且很巧妙地放置一些链接文字,从而达到美化Web页面的效果,如图3-36所示.有些Web页面在局部使用水平线,也收到了非常漂亮