HTML模板可视化制作、编辑方法及系统技术方案

本发明专利技术提供了一种HTML模板可视化制作、编辑方法及系统，其中，所述方法包括：对HTML模板进行可视化制作，获得HTML可视化模板；对所述HTML可视化模板进行编辑，获得编辑后的HTML可视化模板。所述系统包括：制作模块和编辑模块。本发明专利技术用于解决现有技术中若不熟悉HTML代码等网页编辑语言而无法对网页模板进行制作以及后期编辑的问题。

【技术实现步骤摘要】
【专利摘要】本专利技术提供了一种HTML模板可视化制作、编辑方法及系统，其中，所述方法包括：对HTML模板进行可视化制作，获得HTML可视化模板；对所述HTML可视化模板进行编辑，获得编辑后的HTML可视化模板。所述系统包括：制作模块和编辑模块。本专利技术用于解决现有技术中若不熟悉HTML代码等网页编辑语言而无法对网页模板进行制作以及后期编辑的问题。【专利说明】 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可视化模板进行编辑的编辑视图进行编辑； 选取子模块，用于获取所要编辑的所述HTML可视化模板的选取区域； 标记子模块，用于对所述HTML可视化模板的选取区域进行定位标记，生成所述HTML可视化模板的选取区域的页面浮层； 修改子模块，用于对所述HTML可视化模板的选取区域的页面浮层的碎片配置进行修改，生成相应的修改后的碎片； 判断子模块，用于通过判断所述相应的修改后的碎片是否成功入库，以执行相应的操作；若判断结果为所述相应的修改后的碎片成功入库，则在所述HTML可视化模板进行编辑的编辑视图添加所述修改后的碎片的碎片标记；若判断结果为所述相应的修改后的碎片入库失败，则输出判断结果为错误。优选的，所述标记子模块具体用于: 发布引擎，以及输出所述HTML可视化模板的选取区域的HTML ； 查找所述HTML可视化模板的选取区域的碎片标记； 依据所述碎片标记，生成所述HTML可视化模板的选取区域的页面浮层。优选的，所述系统还包括:显示模块，用于显示所述HTML可视化模板的选取区域的页面浮层，所述HTML可视化模板的选取区域的页面浮层的显示方式为全页预览或局部预览的方式。与现有技术相比，本专利技术具有以下优点: O让编辑人员在零接触HTML代码的情况下完成内容更新。2)简化操作步骤，将模板创建和碎片创建最大程度自动化完成； 3)摆脱HTML代码，在可视化的界面中通过鼠标点击的方式实现模板制作和碎片创建的自动化； 4)在可视化的界面中通过鼠标点击的方式直接进入碎片编辑界面； 5)实现碎片编辑或模板制作都能在同一个界面中完成，避免画面频繁切换。【专利附图】【附图说明】图1是现有技术中网页内容维护的流程图； 图2是本专利技术实施例一种HTML模板可视化制作、编辑方法的流程图； 图3是本专利技术又一实施例一种HTML模板可视化制作、编辑方法的流程图； 图4是本专利技术一种HTML模板可视化制作、编辑方法的具体实例的示意图； 图5是本专利技术实施例一种HTML模板可视化制作、编辑系统的结构图； 图6是本专利技术又一实施例一种HTML模板可视化制作、编辑系统的结构图。【具体实施方式】为使本专利技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和【具体实施方式】对本专利技术作进一步详细的说明。参见图1，是现有技术中网页内容维护的流程图。从图1中，可以获知现有技术中，网站内容的更新和维护通常依赖于CMS(ContentManagement System,网站内容管理系统)，做法是:网站技术支持人员和内容管理人员共同约定，为了便于内容更新，将网页划分为一个个区块，技术支持人员将这些区块制作成碎片，在C本文档来自技高网...

【技术保护点】
一种HTML模板可视化制作、编辑方法，其特征在于，包括：对HTML模板进行可视化制作，获得HTML可视化模板；对所述HTML可视化模板进行编辑，获得编辑后的HTML可视化模板。

【技术特征摘要】

【专利技术属性】
技术研发人员：严伟锋，程邓时，杨俊杰，胡伟琪，
申请(专利权)人：怡丰联合北京科技有限责任公司，
类型：发明
国别省市：北京;11