用GoLive实现CSS+DIV之一

在可视化css编辑器方面，golive在版本6已经成型，其设计构思甚至成为许多专业css编辑器模仿的对象，如众所周知的topstyle。近来随着中文版golive的发布，引发了业内网页制作软件之争。面对这个在国内几乎是一夜之间出现的新面孔，许多人开始关注。我曾发表过有关golive将在网页制作方面取代dreamweaver的评论，预计后者将转型为数据库开发组件。这是因为dreamweaver在数据库方面非常优秀，但在可视化网页编辑方面早已落后(应该说不曾领先)。只是凭借着中文化优势占领着国内市场。
在css+div方式逐渐成为主流网页结构的今天，一款功能完善使用简单的css编辑器是非常必要的，并且应该融合到网页制软件之中，在这方面，golive领先同行软件至少两年。只是之前由于开发商不关注中文市场而一直不为人知。今天我们就来粗略看一下如何在golive中使用css编辑器。
1：css文件管理
golive默认是基于站点的软件，在建立新站点后将自动产生css目录及一个basic.css文件。如下图。如果有多个css文件存在，加粗的文件为默认css文件。可在列表中右键点击css文件设为默认。建立站点的视频教程：http://www.99ut.com/tutorial/golive/video/glv002.html (拥有视频源文件的站点可改为内部指向)
而新建的网页文件也将默认以链接方式使用这个外部css文件，这在源代码视图中可以看到。
对于已经打开处于编辑状态的页面，可长按编辑窗口右端红色箭头处的css编辑图标来选择更改外部css文件链接。如下图。
还可以在编辑窗口点击红色箭头处的标头区，然后选择其中绿色箭头处的外部css指示图标(删除该图标即脱离该外部css文件)，然后在检查器〖ctrl_1〗调板中按住蓝色箭头处拖出定位线，定位到站点窗口的css文件名称上。
即使在页面文件未打开的情况下，也可以在站点窗口中选择文件(可多选)，然后通过css调板来更改外部css文件链接，如下图就是为photo.html和story.html增加new1.css外部样式表的过程。此外还可以点击红色箭头处的按钮来增加。若要脱离外部css样式文件，可在css调板中选择后点击红色箭头右方的垃圾桶图标。
2：在页面中应用样式
主要使用css调板〖ctrl_shift_9〗来完成页面内容的样式指定。还可以使用快捷键〖ctrl_b〗开启浮动式css调板，每次操作之后浮动调板将消失。如下图所示，指定的类型分为四种：内联样式(鼠标所选部分)、块样式(光标所在文字块)、p(光标所在段落)、body(全页面)。如果光标位于一个链接之上还将出现a(链接样式)，选择表格或单元格后还将出现table(表格)和td(表格中的单元格)。
虽然完成指定后编辑窗口中将实时显示效果，golive还是提供了指定预览功能，鼠标在样式名称上悬停将出现浮动预览窗口(下图红框内即是)，预览的内容包括应用效果和样式源代码。根据不同的指定类型，预览窗口中的应用效果也不同。如下图所示，在选择了golive cs2文字后，鼠标悬停于内联样式上，预览窗口就显示所选的文字内容。如果此时鼠标悬停于块样式上，预览窗口文字将显示为“golive cs2中文版”。
3：css编辑器
在站点窗口中双击css文件就可以开启样式编辑器。在开启的页面中点击右上角的css编辑按钮(本篇第3图所示)也可以开启编辑器。两者的区别在于前者是编辑外部样式文件，后者是编辑自身html样式表。
现在我们来看一下golive的样式编辑器，分为可视化编辑和提供给代码狂人使用的源代码(红色箭头处)两大视图。并提供了样式搜索器(绿色箭头处)，这个看似简单的搜索其实非常全面，点击放大镜处可选择搜索的选项。
css内容可大致分为元素样式和自定义样式，元素样式的作用基本都是全局性的，如td将应用于页面中全部的单元格。而自定义样式(即类样式)可选择性地应用于页面的某个部分。在编辑窗口左方是样式列表，其中包含着元素样式和类样式，点击橙色箭头处可新建元素，点击紫色箭头处可新建类。
点击蓝色箭头处的两个按钮可将编辑窗口拆分为源代码或文本预览。此外在编辑的同时检查器调板〖ctrl_1〗也会出现文本预览。
在左方选择一个样式后，则可进入编辑状态，如下左图，共有7大项目：字体属性、文本属性、块属性、边距和填充、边框和外框、列表项目及其它、背景属性。默认为字体属性。相应属性如果被设定，将会在信息栏(红色箭头处)出现图标。
点击绿色箭头处将出现颜色调板，从中可以选取色彩。golive提供了很多专业的色板。
此外，golive可以从对象调板〖ctrl_2〗中使用css布局，如下图红色箭头处。从而实现css+div的网页结构。
建立了css布局后将产生相应的样式，可在页面的样式编辑器中进行设定。如下左图。可同时配合如下右图的表和框调板进行选择。


网站模板：用模板站建站要注意的内容
创建网站干扰浏览的问题
网站定时更新文章的优点
网站建设需求现状如何呢？
免费企业自助站建设的一般流程是什么
浅谈网站的须知问题事项
西安网站制作中如何提高软文发布的成功率
让界面动画更自然