[发明专利]一种生成HTML网页的方法和装置

说明书

本发明公开了一种生成HTML网页的方法及装置。所述方法包括如下步骤：读取Photoshop网页设计文件；对读取的所述Photoshop网页设计文件进行解析和识别，获得用于HTML网页的显示的网页要素；根据所识别的所述网页要素生成HTML网页文档和与所述HTML网页文档关联的级联样式表CSS文档。本发明提供的方法和装置不仅大幅提高了网页生成效率，而且能够准确快速地还原Photoshop网页设计文件。

技术领域

本发明涉及计算机网络领域，尤其涉及一种生成HTML网页的方法和装置。

背景技术

超文本标记语言HTML（Hypertext Markup Language），是用于描述网页文档的一种广泛使用的标记语言，它通过标记符号来标记要显示的网页中的各个部分。而级联样式表CSS（Cascading Style Sheet），则通常用来设计网页的风格（比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格）。通过设立级联样式表CSS文档，可以统一地控制HTML网页文档中各部分的显示属性，从而方便开发人员更有效地控制网页外观。

基于HTML和CSS技术的商业级网站开发主要有以下的方法：第一种方法，通过可视化编辑工具（例如Adobe Dreamweaver）从网页设计稿获取颜色、位置等信息，再通过拖拽，填充表格等办法制作网页；第二种方法，从网页设计稿获取颜色、位置等信息，手动编辑HTML、CSS生成网页。以上两种方法都存在着实现效率低下、不能准确还原网页设计稿的问题。

发明内容

本发明的目的在于通过一种改进的生成HTML网页的方法和装置，来解决以上背景技术部分提到的问题。

为达此目的，本发明采用以下技术方案：

一种生成HTML网页的方法，所述方法包括如下步骤：

读取Photoshop网页设计文件；

对读取的所述Photoshop网页设计文件进行解析和识别，获得用于HTML网页的显示的网页要素；

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

进一步的，所述网页要素包括网页元素和所述网页元素的属性。

进一步的，所述网页元素包括列表、按钮、图片、文字或者链接；而所述网页元素的属性是对所述网页元素进行描述的信息，包括位置、大小、颜色、内容或者形状。

进一步的，所述对读取的所述Photoshop网页设计文件进行解析和识别包括：根据预先提供的网页元素定义文件来识别各个网页元素并获得所述网页元素的属性。

进一步的，所述网页元素定义文件是对网页元素进行描述的XML文件。

进一步的，所述对读取的所述Photoshop网页设计文件进行解析和识别包括：根据对由Photoshop应用所显示的Photoshop网页设计文件的、用户的点击或拖放动作来识别各个网页元素并获得所述网页元素的属性。

进一步的，所述方法进一步包括在读取Photoshop网页设计文件之前提供通用的HTML网页文档模版和通用的级联样式表CSS文档的步骤；所述根据所识别的所述网页要素生成HTML网页文档和与所述HTML网页文档关联的级联样式表CSS文档包括：把所识别的所述网页要素的数据填充到通用的HTML网页文档模版和通用的级联样式表CSS文档中，从而生成HTML网页文档和与所述HTML网页文档关联的级联样式表CSS文档。

对应地，本发明还提出了一种生成HTML网页的装置，所述装置包括：

读取模块，用于读取Photoshop网页设计文件；