龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

用GoLive实现CSS+DIV之一

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
在可视化CSS编辑器方面,GoLive在版本6已经成型,其设计构思甚至成为许多专业CSS编辑器模仿的对象,如众所周知的TopStyle。近来随着中文版GoLive的发布,引发了业内网页制作软件之争。
在可视化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(表格中的单元格)。
第 1 2 页
精彩图集

赞助商链接