ViewDiv(可视化网页制作) v1.0官方版

ViewDiv是一款操作简单但功能强大的可视化网页制作工具。即使您是计算机的初学者，也可以在短时间内掌握软件的基本操作过程。致力于为大多数用户创建一个良好的网页制作环境，以使用户不会沉迷于繁琐的网页。在制作过程中遇到麻烦，该软件提供了大量编辑工具供用户选择和使用。主要目的是让有需要的用户创建美观实用的可视网页，该软件提供了强大的文本识别功能，可以识别图片中的文字，方便用户编辑网页，非常方便又快此外，该软件主要提供六个辅助功能：操作工具，基本组件，文本组件，表单组件，TAB模板和网络组件。用户可以根据自己的需要选择使用，软件支持一键式插入CSS代码和JS Code，代码信息实时显示在软件页面上，方便用户查看或更改。欢迎下载体验！

软件特点

1、操作简单，即使您是计算机初学者，也可以在短时间内掌握软件的基本操作流程。
2、一键插入CSS代码和JS代码。
3、支持实时预览正在编辑或正在编辑的网页信息。
4、强大的文字识别功能，方便用户编辑网页图片。
5、支持HTML预览模式，避免制作网页后出现错误或缺陷。
6、支持一键式添加组件到网页或布局网页，可分为垂直布局和水平布局。
7、一键创建CSS基类和修改CSS类名称，还支持一键批量删除CSS类。
8、支持格式化CSS和格式化HTML9、提供了大量的编辑工具，颜色选择工具，编码转换工具等。

软件功能

1、操作工具：
此功能包括放大工具，缩小工具，一键排版网页布局，设置网页的高度和宽度等信息。
2、基本组件：
包含信息，例如块，链接，列表，图片以及网页所需的其他信息。
3、文本组件：
包含网页所需的文本信息，例如标题，文本样式，标签等。
4、表单组件：
提供表单样式，下拉选项框样式，按钮，文本框和网页所需的其他组件。
5、颜色选择工具：
用户可以通过将鼠标移至指定的颜色区域来选择所需的颜色。
6、编码转换：
可以将编码转换为UTF-8，GBk等编码信息，也可以直接覆盖源文件。
7、查找和替换：
指定的内容可以替换为原始内容，支持区分大小写，或者忽略第一个和最后一个空格。
8、程序设置：
支持自定义工作区目录，资源目录，图片目录，浏览器等。
9、用户可以根据自己的需要选择文本颜色，元素颜色，背景颜色，选择的线条背景颜色，参考线条颜色等。
10、支持文档缩放，文档字体大小，文档字体，预览窗口缩放等独立设置。

ViewDiv主界面介绍

1、工具栏
工具栏提供了用于创建各种元素的基本工具。和toolbar可以添加，修改，删除，创建新组等，并可以通过组件中心动态添加模块化组件。添加方法“设置”菜单->“添加组件”功能。

2、菜单栏
菜单栏提供对特定功能的访问。
3、信息栏
信息栏用于显示当前所选元素和项目的基本信息。

4、布局窗口
布局窗口是程序的核心窗口。元素布局的绘制在此工作区域中完成。通过在工具栏中选择要创建的元素的类型，在绘图窗口中绘制元素的宽度和高度以及显示位置，预览窗口将始终显示绘图内容。
5、预览窗口
预览窗口可以分为HTML效果预览，HTML代码预览，CSS代码预览。

6、快捷栏
显示正在编辑的CSS类名称和常用的快捷键功能。
“微调工具（快捷键F1）”，“自动创建CSS（快捷键F2）”，“着色开关（快捷键F3）”
7、内容设定面板
设置所选元素和CSS样式模板的内容。可以在此处添加任何类型的自定义内容。
8、TAB设定面板
设置TAB元素模板和CSS样式，标签数量，宽度，高度和其他参数。

文档模式

1、默认模式：创建窗口启动时的默认创建模式。它通常用于创建计算机上显示的网页。 CSS单位是px。2、弹性布局：选择灵活的布局，在此模式下创建的网页与各种移动设备的屏幕尺寸兼容。 CSS单元必须使用rem。设置CSS单位时，您可以输入px值，然后按Enter将其转换为rem。在CSS设置面板中，设置字体大小，输入16，然后按Enter键，它将自动转换为0.16。在这种模式下，自定义CSS样式也需要遵循此转换公式100px = 1rem。