非常实用的可视化网页制作软件，本款软件为您打造一个良好的网页

不是

是一款非常实用的可视化网页制作软件。该软件功能强大且易于操作。即使是电脑初学者，也能在短时间内掌握软件的基本操作流程，努力为广大用户打造一款好软件。网页制作环境让用户不用担心繁琐的网页制作过程。本软件提供了大量的编辑工具供用户选择和使用。主要目的是让有需要的用户创建一个美观实用的可视化网页，并且软件提供了强大的文字识别功能，可以识别图片中的文字，方便用户编辑网页，非常方便快捷。此外，本软件主要提供六大辅助功能：操作工具、基本组件、文本组件、表单组件、TAB 模板和网络组件。用户可以根据自己的需要选择使用，软件支持一键插入CSS代码和JS。代码，代码信息实时显示在软件页面，方便用户查看或修改，软件为绿色软件，绝不携带木马病毒或第三方恶意插件等信息。危害电脑安全的ins，请放心下载使用。

软件功能

操作工具：该功能包括放大工具、缩小工具、网页布局一键排版、设置网页高宽等信息

基础组件：包含网页所需的块、链接、列表、图片等信息

文本组件：包含网页所需的标题、文本样式、标签等文本信息

表单组件：提供网页所需的表单样式、下拉选项框样式、按钮、文本框等组件

选色工具：用户可以通过将鼠标移动到指定的颜色区域来选择想要的颜色

编码转换：编码可以转换成UTF-8、GBk等编码信息，或者直接覆盖源文件

查找和替换：可以用指定的内容替换原始内容，支持区分大小写或忽略前导和尾随空格

程序设置：支持自定义工作区目录、资源目录、图片目录、浏览器等。

用户可以根据自己的需要选择文字颜色、元素颜色、背景颜色、选定线条背景颜色、参考线条颜色等

支持文档缩放、文档字体大小、文档字体、预览窗口缩放等独立设置。

软件功能

操作简单，即使是电脑初学者，也能在短时间内掌握软件的基本操作流程

绿色软件，绝不携带任何第三方插件或木马病毒

支持一键插入CSS代码和JS代码

支持正在编辑或已编辑的网页信息的实时预览

强大的文字识别功能，方便用户编辑网页图片

支持 HTML 预览模式，避免网页创建后出现错误或缺陷

支持一键向网页添加组件或对网页进行布局可视化网页编辑软件，可分为垂直布局和水平布局

支持一键创建CSS基类和修改CSS类名，以及一键批量删除CSS类

支持格式化CSS和格式化HTML

软件提供了大量的编辑工具、取色工具、编码转换工具等。

安装方式

1、找到下载的压缩包并解压，然后双击“. .exe”应用程序进入安装步骤。

2、该程序将安装在您的电脑上，您需要同意该软件的用户许可协议，然后点击【一键安装】按钮开始安装。

3、如果要更改程序的安装位置，请点击自定义安装，然后点击【更改目录】按钮选择目标文件夹，安装完毕后点击【一键安装】继续安装选择完成。

4、等待安装过程，大约十秒左右即可完成安装。

5、安装完成后可视化网页编辑软件天外神坛源码网，点击【开始程序】按钮退出安装向导，默认打开程序。

使用说明

1、窗口介绍

工具栏

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

菜单栏

菜单栏提供对特定功能的访问。

信息栏

信息栏用于显示项目当前选中的元素和基本信息

布局窗口

布局窗口是程序的核心窗口，元素布局的绘制就是在这个工作区完成的。通过在工具栏中选择要创建的元素类型，在绘图窗口中绘制元素的宽度、高度和显示位置，预览窗口会一直显示绘制的元素。内容。

预览窗口

预览窗口可分为HTML效果预览、HTML代码预览、CSS代码预览

快速操作栏

显示正在编辑的 CSS 类名和常用的快捷功能

“旋转工具（快捷键 F1）”、“自动创建 CSS（快捷键 F2）”、“阴影切换（快捷键 F3）”

内容设置面板

设置被选元素的内容和CSS样式模板，任何类型的自定义内容都可以通过这个添加。

（注意！在编辑器中添加JS脚本时，不要使用“// ”格式的注释，请使用“/* */”格式的JS注释）

TAB 设置面板

设置 TAB 元素的模板和 CSS 样式、标签数量、宽度、高度等参数。

2、创建项目

默认模式：

创建窗口启动时的默认创建模式。它通常用于创建在计算机上显示的网页。CSS 单位是 px。

灵活的布局：

选择弹性布局。在此模式下创建的网页与各种移动设备的屏幕尺寸兼容。CSS 单位必须是 rem。设置 CSS 单位时，可以输入 px 值，回车即可转换为 rem。比如在CSS设置面板中，设置字体大小，输入16，按回车键，会自动转换为0.16，在这种模式下，自定义CSS样式也需要按照这个转换公式100px= 1雷姆。

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

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

在设计图的情况下，画布大小跟随设计图的大小，否则可以自定义。文件编码支持 UTF-8 和 GBK。

3. 创建元素

3.1、项目创建完成后，就可以在画布上创建需要的元素了。例如，选择“块 div 工具”在画布上绘制所需大小。整个创建过程就像编写 HTML 代码一样。相同的。

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

4. 工具栏

4.1、选择工具，选中元素后可以移动和改变大小，也可以使用对齐工具对元素进行上下左右对齐高度，按键盘 S 键，或右键菜单快速切换到此工具。元素的属性设置必须遵循先选择后操作的顺序。

4.2、 对齐工具，可以将被操作的元素对齐为“上对齐”、“下对齐”、“左对齐”、“右对齐”、“等宽”、“等高”， “相同的宽度和高度”操作。

要使用，按住键盘上的CTRL键，使用“选择工具”先选择第一个元素，再选择第二个要对齐的元素，再选择工具栏中的对齐工具。此时，第二个元素将与第一个元素对齐。元素对齐。选择更多元素也是如此。第一个选择的元素是对齐参考，后续选择的元素将与第一个对齐。

4.3、 批量创建，可同时创建多个子元素，支持水平、垂直、平均、比例创建等。如果选择“创建样式”选项，会为每个创建的子元素创建一个子元素。 添加了一个 CSS 样式来控制它的位置和大小。否则，它不会被创建。

放大/缩小工具放大和缩小画布，快捷键Z可以在放大和缩小之间切换

创建选项卡工具，可以在画布上创建多页TAB集合，这样创建HTML多页推拉门效果非常方便。结合底部的Tab工具面板，可以方便的设置Tab标签的个数、宽度、高度、设计图等信息，通过设置Tab模板可以做出更多的效果。

5、工具栏管理

5.1、右击工具栏，点击“组件管理”窗口，对管件进行管理。

5.2、在这个窗口中保存修改内容的方法是按两次回车键保存。

5.3、例如修改组名，将“基本组件”的名称改为“我的组件”

5.4、输入完成后按回车确认输入内容，下次按回车保存，然后点击“完成”。

5.5、在这个窗口中，你也可以批量采集组件。选择“收藏夹”复选框，然后单击“完成”。

元素跟随

拖动所选元素以更改元素的大小和位置。开启元素跟随功能时，外层元素的大小变化会同时影响子元素的大小和位置，否则只会影响当前选中的元素。打开和关闭的方法选择元素并右键单击“启用关注/禁用关注”。