网页Div排版输出系统

软件简介

Web2.0网页美工助手―――网页Div＋css布局图板定位输出软件,简称Divbrush ；最新版本v1.53,是一款专业制作DIV CSS布局切图与样式设计的网页前期辅助工具软件。

　Divbrush基本实现了可视化DIV容器布局的画板辅助功能,通过图纸定位操作和白板定位操作,可实现HTML/css（DIV流与相对定位）代码输出。同时,它面向网页基础美工群体,是基于PS与DW等专业网页设计软件的理想中间件产品。

软件功能

一。真正意义上的可视化视图定位操作,只要有设计图,或利用白板,就可以把想法通过矩形定位来告诉给软件。而这一切,都符合传统的美工人员动手的特点。

二。设计人员无需编程,所有的DIV CSS代码都是自动生成的。而且,输出的代码符合web2.0规范。另外,此DIV非彼DIV,Dvbrush具有高度的智能判断性,我们的设计将WEB2.0的CSS模式进行了分析处理,应用人工智能识别算法,形成了软件特定的DIV定位库。所以,输出源码结果是标准的逻辑流、是相对定位意义下的“块”而非Photoshop等传统软件输出来的那种绝对定位下的“图层”。

三。输出样式代码具有高度的多浏览器的兼容性。新版本同时可兼容IE6,IE7,FOX,MZ。

四。操作软件的步骤,采用向导式。定位从“主容器”“框架”“布局块”,最后到“背景切分”；在所有定位完成确定后,右键可赋予CSS样式。符合人工设计流程特点、简单易用。

五。将CSS样式表达也面板化操作、并且,软件在纷繁复杂的样式中提取了常用的样式：长度、高度、颜色、边框,这样,菜鸟一看就懂得操作。如需要更多的样式,软件也提供了高级CSS样式编辑器。

六。集成了纯CSS圆角边框、DIV居中等等这些在传统软件中不易生成或困难描述的智能解决办法。

七。可扩展性。系统留有用户自定义图库接口,方便美术人员扩充使用。

八。语意性表达。虽然这个要求对于一部机器来讲的确困难些,但是,系统还是照顾了使用者的需求。比如,在属性修改中,用户完全可以自己定义语意、所有标签的ID、CLASS......均可自己更改。

更新日志

V1.59升级的有：

#　更新html输出的算法,输出的div css更加简洁。修改ｈ标签的大写错误；

#　上个版本安装错误问题。