ViewDiv(可视化网页制作软件) V1.1 免费版

　　ViewDiv破解版是一款功能丰富简单实用的专业网页制作软件，能够帮助用户轻松制作出高质量的网页界面，为用户的网页设计工作提供了帮助。软件提供了快速创建新的CSS样式、可以应用CSS样式、引用新CSS文件、编辑CSS样式等功能，满足用户的各种网页制作功能需求。

【软件功能】

　　1、所见即所得，布局可视化、CSS参数化、代码生成自动化。

　　2、实时着色，多种元素同时着色，清晰分辨各种元素。

　　3、可扩展工具栏，轻松添加各种模板，一键应用轻松完成。

　　4、多种项目模式，电脑页面、移动设备页面，支持栅格布局库。

【使用教程】

1、创建项目

　　1.1、默认模式：创建窗口启动时的默认创建模式 ，常用于创建电脑上显示的网页，CSS单位px。

　　1.2、弹性布局：选中弹性布局 ，在此模式下创建的网页可兼容多种移动设备的屏幕尺寸，CSS单位必需使用rem，在设置CSS单位时可以在输入px值，按下回车将会转换为rem，如在CSS设置面板，设置字号大小，输入16,按下回车键，将会自动转换为0.16，在此模式下自定义CSS样式也需要遵循此转换公式 100px=1rem。

　　1.3、在创建项目窗口中可选添加设计图，也可以创建完后通过“设置”菜单 “项目管理”进行修改。

　　1.4、选中“创建基类”将会为新创建的 CSS 添加基本的 CSS 设置。

　　1.5、在有设计图的情况下，画布尺寸跟随设计图的尺寸，反之则可自定义尺寸，文件编码支持UTF-8 和 GBK 。

2 、创建元素

　　2.1、项目创建完成后即可在画布上创建所需要的元素，如选中“区块 div 工具”在画布上画出需要的尺寸，整个的创建流程如同书写 HTML 代码相同。

　　布局顺序：从左到右，从外到内的布局方式。

3、创建参考线

　　3.1在画布“顶部标尺”上按下鼠标向下拖动，可以创建出水平的参考线，在垂直标尺按下拖动可创建垂直方向的参考线。 删除参考线，可以将参考线拖回标尺，或在参考线上右键选择删除参考线。通过工具菜单可锁定参考线。

4、编辑CSS样式

　　4.1、在文件名称的右侧 点击“编”按钮即可使用快速编辑功能

　　4.2、选中CSS内容使用文本编辑模式即可弹出CSS编辑窗口

　　4.3、在CSS编辑器右键，选择“编辑”，可编辑当前位置的CSS类