吧内搜索搜贴搜人进吧搜标签

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

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

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

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

[0004]为了解决上述技术问题本发明实施例的技术方案如下:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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网页的区别点进行标注显示

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

【申请人】成都秋雷科技有限责任公司

【申请日】2015年8月26日