[发明专利]HTML模板可视化制作、编辑方法及系统

说明书

技术领域

本发明涉及本发明涉及可视化编辑方法及系统，尤其涉及一种HTML模板可视化制作、编辑方法及系统。

背景技术

随着计算机的日益普及，互联网的蓬勃发展，使得计算机使用者能够通过访问各种网站中的网页来获取所需要的讯息。而网站中的各个网页通常是网站编辑者通过HTML语言（HyperText Markup Language，超文本标记语言）设计出来的。

目前，需要通过HTML代码来设计网站必须熟悉专业的HTML代码。

发明人在实现本发明的过程中发现，现有技术至少存在以下的缺点和不足：

HTML代码较为复杂，若不熟悉HTML代码等网页编辑语言而无法对网页模板进行制作以及后期编辑。

发明内容

本发明所要解决的技术问题是提供一种HTML模板可视化制作、编辑方法及系统，以解决现有技术中若不熟悉HTML代码等网页编辑语言而无法对网页模板进行制作以及后期编辑的问题。

本发明公开的具体技术方案如下：

对HTML模板进行可视化制作，获得HTML可视化模板；

对所述HTML可视化模板进行编辑，获得编辑后的HTML可视化模板。

优选的，所述对HTML模板进行可视化制作，获得HTML可视化模板的步骤包括：

将网页原始HTML录入到网站内容管理系统，以进入HTML模板的制作视图；

创建碎片，获得相应的碎片的节点；

选取节点，以及根据所述选取节点，生成相应的碎片；

依据所述碎片，判断是否存在碎片嵌套，以执行相应的操作；若判断结果为存在碎片嵌套，则显示嵌套提示；若判断结果为不存在碎片嵌套，则所述碎片入库；

依据所述碎片是否成功入库的判断结果，以执行相应的操作；若判断结果为所述碎片入库，则在所述网页原始HTML模板代码里添加所述碎片标记，以获得HTML可视化模板；若判断结果为所述碎片入库失败，则输出判断结果为错误。

优选的，所述对所述HTML可视化模板进行编辑，获得编辑后的HTML可视化模板的步骤包括：

进入对所述HTML可视化模板进行编辑的编辑视图进行编辑；

获取所要编辑的所述HTML可视化模板的选取区域；

对所述HTML可视化模板的选取区域进行定位标记，生成所述HTML可视化模板的选取区域的页面浮层；

对所述HTML可视化模板的选取区域的页面浮层的碎片配置进行修改，生成相应的修改后的碎片；

通过判断所述相应的修改后的碎片是否成功入库，以执行相应的操作；若判断结果为所述相应的修改后的碎片成功入库，则在所述HTML可视化模板进行编辑的编辑视图添加所述修改后的碎片的碎片标记；若判断结果为所述相应的修改后的碎片入库失败，则输出判断结果为错误。

优选的，所述对所述HTML可视化模板的选取区域进行定位标记，生成所述HTML可视化模板的选取区域的页面浮层的步骤包括：

发布引擎，以及输出所述HTML可视化模板的选取区域的HTML；

查找所述HTML可视化模板的选取区域的碎片标记；

依据所述碎片标记，生成所述HTML可视化模板的选取区域的页面浮层。

优选的，所述HTML可视化模板的选取区域的页面浮层的显示方式为全页预览或局部预览的方式。

本发明还提供了一种HTML模板可视化制作、编辑系统，包括：

制作模块，用于对HTML模板进行可视化制作，获得HTML可视化模板；

编辑模块，用于对所述HTML可视化模板进行编辑，获得编辑后的HTML可视化模板。

优选的，所述制作模块具体用于：

将网页原始HTML录入到网站内容管理系统，以进入HTML模板的制作视图；

创建碎片，获得相应的碎片的节点；

选取节点，以及根据所述选取节点，生成相应的碎片；

依据所述碎片，判断是否存在碎片嵌套，以执行相应的操作；若判断结果为存在碎片嵌套，则显示嵌套提示；若判断结果为不存在碎片嵌套，则所述碎片入库；

依据所述碎片是否成功入库的判断结果，以执行相应的操作；若判断结果为所述碎片入库，则在所述网页原始HTML模板代码里添加所述碎片标记，以获得HTML可视化模板；若判断结果为所述碎片入库失败，则输出判断结果为错误。

优选的，所述编辑模块包括：

进入子模块，用于进入对所述HTML可视化模板进行编辑的编辑视图进行编辑；