CN105068816A - 一种生成html网页预览的方法 - Google Patents

Abstract

本发明涉及网页设计技术领域，解决了现有技术中存在在进行HTML网页设计时，需要对每个修改版本的页面一个一个单独观看后才能决定哪个的网页效果最佳，不方便设计者的操作，通过提供一种生成HTML网页预览的方法，包括如下内容：获取至少两个HTML网页设计文件；读取所述至少两个HTML网页设计文件，获取用于显示HTML网页的网页要素;根据所述网页要素生成HTML网页文档和与所述HTML网页文档关联的级联样式表CSS文档；根据每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示，进而实现了能够同时显示多个设计的页面，便于设计者进行比较，方便设计者使用。

Description

一种生成HTML网页预览的方法

技术领域

本发明涉及网页设计技术领域，尤其涉及一种生成HTML网页预览的方法。

背景技术

现有在进行HTML网页设计时，需要单独将HTML设计的脚本与专门对HTML的美观设计的CSS文档进行编辑，而且，在对HTML网页进行预览时，仅仅能够一个一个修改然后单独看到每个修改后的页面，这样，不便于设计者进行比较的技术问题，因此，现有技术中存在在进行HTML网页设计时，需要对每个修改版本的页面一个一个单独观看后才能决定哪个的网页效果最佳，不方便设计者的操作。

发明内容

本发明实施例通过提供一种生成HTML网页预览的方法，解决了现有技术中存在在进行HTML网页设计时，需要对每个修改版本的页面一个一个单独观看后才能决定哪个的网页效果最佳，不方便设计者的操作，进而实现了能够同时显示多个设计的页面，便于设计者进行比较，方便设计者使用。

为了解决上述技术问题，本发明实施例的技术方案如下：

一种生成HTML网页预览的方法，包括如下内容：

获取至少两个HTML网页设计文件；

读取所述至少两个HTML网页设计文件，获取用于显示HTML网页的网页要素;

根据所述网页要素生成HTML网页文档和与所述HTML网页文档关联的级联样式表CSS文档；

根据每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示。

进一步地，所述根据每个所述HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示具体包括：

根据所述HTML网页设计文件的数量，确定网页划分的数量；

根据所述网页划分的数量，确定网页的设定区域，将每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示。

进一步地，在所述根据每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示之后，还包括：

将每个设定区域显示的HTML网页的区别点进行标注显示。

本发明实施例中提供的一个或多个技术方案，至少具有如下技术效果或优点：

由于采用在生成HTML网页预览的方法中，先获取至少两个HTML网页设计文件，然后读取至少两个HTML网页设计文件，获取用于显示HTML网页的网页要素，根据该网页要素生成HTML网页文档和与该HTML网页文档关联的级联样式表CSS文档，然后根据每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示，进而解决了现有技术中在进行HTML网页设计时，需要单独将HTML设计的脚本与专门对HTML的美观设计的CSS文档进行编辑，而且，在对HTML网页进行预览时，仅仅能够一个一个修改然后单独看到每个修改后的页面，这样，不便于设计者进行比较，进而实现了能够同时显示多个设计的页面，便于设计者进行比较，方便设计者使用。

附图说明

图1为本发明实施例中生成HTML网页预览的方法的步骤流程示意图。

具体实施方式

本发明实施例通过提供一种生成HTML网页预览的方法，解决了现有技术中存在在进行HTML网页设计时，需要对每个修改版本的页面一个一个单独观看后才能决定哪个的网页效果最佳，不方便设计者的操作，进而实现了能够同时显示多个设计的页面，便于设计者进行比较，方便设计者使用。

为了解决上述现有技术中存在在进行HTML网页设计时，需要对每个修改版本的页面一个一个单独观看后才能决定哪个的网页效果最佳，不方便设计者的操作，下面将结合说明书附图以及具体的实施方式对上述技术方案进行详细的说明。

本发明实施例提供的一种生成HTML网页预览的方法，如图1所示，包括如下内容：S101，获取至少两个HTML网页设计文件；S102，读取所述至少两个HTML网页设计文件，获取用于显示HTML网页的网页要素；S103，根据所述网页要素生成HTML网页文档和与所述HTML网页文档关联的级联样式表CSS文档；S104，根据每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示。

在具体的实施方式中，在S104中，具体包括，根据该HTML网页设计文件的数量，确定网页划分的数量，比如，设计者共设计了5个网页设计，都是针对同样的内容，接着，根据该网页划分的数量，确定网页的设定区域，将每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示，这样，用户就能同时在一个页面看到不同的网页设计的对比。方便用户的使用，同时，根据最先获得的HTML网页设计文件，获得该HTML网页的网页要素，然后根据要素生成HTML网页文档和与该HTML网页文档关联的级联样式表CSS文档，这样，解决了现有设计者需要针对HTML网页设计文件手动对样式文件进行编写，同时，在编写好之后需要反复查看编写的结果，这样复杂的过程，进而能够根据获得的网页要素获得对应该网页文档的CSS文档，方便了设计者使用。

在S104之后，将每个设定区域显示的HTML网页的区别点进行标注显示，为了使得设计者能够清楚观看到每个设计版本的区别点在哪，这样，根据CSS文档中语句的不同，从而对应在不同在HTML网页上显示该不同的标记信息，便于设计者查看。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (3)

1.一种生成HTML网页预览的方法，其特征在于，包括如下内容：

获取至少两个HTML网页设计文件；

读取所述至少两个HTML网页设计文件，获取用于显示HTML网页的网页要素;

根据所述网页要素生成HTML网页文档和与所述HTML网页文档关联的级联样式表CSS文档；

根据每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示。

2.根据权利要求1所述的生成HTML网页预览的方法，其特征在于，所述根据每个所述HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示，具体包括：

根据所述HTML网页设计文件的数量，确定网页划分的数量；

根据所述网页划分的数量，确定网页的设定区域，将每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示。

3.根据权利要求1所述的生成HTML网页预览的方法，其特征在于，在所述根据每个HTML网页文档与对应的CSS文档在网页设定区域对应每个HTML网页设计文件分别进行显示之后，还包括：

将每个设定区域显示的HTML网页的区别点进行标注显示。