WEBPAGE GENERATING METHOD AND APPARATUS

• US 20160314099A1
• Filed: 04/21/2015
• Published: 10/27/2016
• Est. Priority Date: 04/23/2014
• Status: Active Grant

• Current Assignee: Tencent Technology Company Limited (Tencent Holdings Limited)
• Original Assignee: Tencent Technology Company Limited (Tencent Holdings Limited)
• Inventors: LIN, Yue, XU, Li, WU, Renfei, FU, Xianghui
• Granted Patent: US 9,740,671 B2
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]

Abstract

A webpage generating method includes: obtaining a size of an original design file and layer information of a layer included in the original design file; obtaining a material included in the layer; and generating a webpage according to the size of the original design file, the layer information of the layer, and the material included in the layer.

Claims

1. A webpage generating method, comprising:

obtaining a size of an original design file;

obtaining a level of each layer folder comprised in the original design file, and combining all layers comprised in a layer folder of which a level is greater than a preset value into one layer;

obtaining layer information of a layer comprised in the original design file;

obtaining a material comprised in the layer; and

generating a webpage according to the size of the original design file, the layer information of the layer, and the material comprised in the layer.

2. The method according to claim 1, wherein the layer information at least comprises a sequence number and a type of the layer and a position and a size of the material comprised in the layer;

and

the obtaining layer information of a layer comprised in the original design file comprises;

obtaining a position and a size of a smallest area comprising all materials in the layer;

determining that the position and the size of the smallest area are the position and the size of the material comprised in the layer;

allocating the sequence number to the layer; and

obtaining a type attribute of the layer, and obtaining the type of the layer according to the type attribute.

3. The method according to claim 2, wherein when the type of the layer is text layer, the layer information of the layer further comprises pattern information of the layer;

and

the obtaining layer information of a layer comprised in the original design file further comprises;

obtaining a pattern attribute of the layer, and obtaining the pattern information of the layer according to the pattern attribute.

4. The method according to claim 1, wherein the obtaining a material comprised in the layer comprises:

obtaining text content comprised in the layer when a type of the layer is text layer, and determining that the obtained text content is the material comprised in the layer; and

taking a screenshot of a smallest area comprising all materials comprised in the layer if a type of the layer is image layer, to obtain the screenshot corresponding to the layer, and determining that the screenshot is the material comprised in the layer.

5. The method according to claim 1, wherein the generating a webpage according to the size of the original design file, the layer information of the layer, and the material comprised in the layer comprises:

creating a blank webpage according to the size of the original design file, wherein the blank webpage comprises a content area, and a size of the content area is equal to the size of the original design file;

creating a display area corresponding to the layer in the content area according to a position and a size of the material that are comprised in the layer information of the layer; and

loading the material comprised in the layer to the display area corresponding to the layer, to generate the webpage.

6. The method according to claim 5, wherein the loading the material comprised in the layer to the display area corresponding to the layer comprises:

loading text content comprised in the layer to the display area corresponding to the layer when a type of the layer is text layer, and setting a pattern of the text content according to pattern information comprised in the layer information of the layer; and

loading a screenshot corresponding to the layer to the display area corresponding to the layer if a type of the layer is image layer.

7. A webpage generating apparatus, the apparatus comprising:

a first obtaining module, configured to obtain a size of an original design file and layer information of a layer comprised in the original design file;

a second obtaining module, configured to obtain a material comprised in the layer; and

a generating module, configured to generate a webpage according to the size of the original design file, the layer information of the layer, and the material comprised in the layer.

8. The apparatus according to claim 7, wherein the layer information at least comprises a sequence number and a type of the layer and a position and a size of the material comprised in the layer;

and

the first obtaining module comprises;

a first obtaining unit, configured to obtain a position and a size of a smallest area comprising all materials in the layer;

a determining unit, configured to determine that the position and the size of the smallest area are the position and the size of the material comprised in the layer;

an allocating unit, configured to allocate the sequence number to the layer; and

a second obtaining unit, configured to obtain a type attribute of the layer, and obtain the type of the layer according to the type attribute.

9. The apparatus according to claim 8, wherein when the type of the layer is text layer, the layer information of the layer further comprises pattern information of the layer;

and

the first obtaining module is further configured to obtain a pattern attribute of the layer, and obtain the pattern information of the layer according to the pattern attribute.

10. The apparatus according to claim 7, wherein the second obtaining module comprises:

a third obtaining unit, configured to obtain text content comprised in the layer when the type of the layer is text layer, and determine that the obtained text content is the material comprised in the layer; and

a fourth obtaining unit, configured to take a screenshot of the smallest area comprising all the materials comprised in the layer if the type of the layer is image layer, to obtain the screenshot corresponding to the layer, and determine that the screenshot is the material comprised in the layer.

11. The apparatus according to claim 7, wherein the apparatus further comprises:

a combining module, configured to obtain a level of each layer folder comprised in the original design file, and combine all layers comprised in a layer folder of which a level is greater than a preset value into one layer.

12. The apparatus according to claim 7, wherein the generating module comprises:

a first creating unit, configured to create a blank webpage according to the size of the original design file, wherein the blank webpage comprises a content area, and a size of the content area is equal to the size of the original design file;

a second creating unit, configured to create a display area corresponding to the layer in the content area according to a position and a size of the material that are comprised in the layer information of the layer; and

a loading unit, configured to load the material comprised in the layer to the display area corresponding to the layer, to generate the webpage.

13. The apparatus according to claim 12, wherein the loading unit comprises:

a first loading subunit, configured to load text content comprised in the layer to the display area corresponding to the layer when a type of the layer is text layer, and set a pattern of the text content according to pattern information comprised in the layer information of the layer; and

a second loading subunit, configured to load a screenshot corresponding to the layer to the display area corresponding to the layer if a type of the layer is image layer.