Total Pageviews

Monday, 3 August 2015

CSS+DIV网页设计利器:Boks


现在的web2.0网页基本上都基与CSS+DIV布局 的,但好像还没有一个非常好用的软件可以进行这些布局的设计,DW是一个不错的选择,但感觉还是不够直观,现为大家介绍一款很不错的CSS+DIV布局设 计的软件,名字叫:Boks,此软件是基与AIR的应用程序,所以在使用前要先安装AIR客户端,不过只需上他们网站就可以直接在线安装的了,就像是浏览 器的一个插件似的,安装起来很方便.

到底这个Boks可以做些什么呢?让我们先看看其主界面.

Boks的界面很简单,但也很直观,你可以直接在上面拖拉出需要的布局,如上图我定义了Header/Left/Content等几个DIV,然后也可以直接在这些DIV里插入HTML内容,这样就可以对布局有一个整体的概念,不容易出错。

你还可以为选定的DIV设置是否要边框,还可以设置其CSS,同时也可以进行实时的界面预览.

当然,Boks也提供了不少的设置以方便控制布局,由于Boks使用的是Grid来布局的,所以这些设置也是针对整个Grid,在这里可以设置Grid的相关属性,如整个页面的宽度,页面的列数与宽度等.
第二项是设置底线,可以添加自定义的CSS选择器以设置.

在更多设置里,可以添加自定义的CSS甚至整个相关资源的目录.

最后是输出设置,可在此设置页面的标题(不过好像不支持中文 :ermm:),而且在最下面的选项里,还可以将整个页面输出为PDF文件.

至于其他细节的设置,请大家自己去体验吧

要了解更多,可到其官方网站上查看:
http://toki-woki.net/p/Boks/