WO2015172576A1

WO2015172576A1 - Webpage generation method and device

Info

Publication number: WO2015172576A1
Application number: PCT/CN2015/070261
Authority: WO
Inventors: Guoyi XIANG
Original assignee: Tencent Technology (Shenzhen) Company Limited
Priority date: 2014-05-13
Filing date: 2015-01-07
Publication date: 2015-11-19
Also published as: CN105094775A; CN105094775B

Abstract

A webpage generation method and device is disclosed. The webpage generation method includes: obtaining an image to be parsed (S402); parsing the image to obtain element information about the image, wherein the element information is used to form a webpage (S404); obtaining framework information about the webpage (S406); obtaining a correspondence between the framework information and the element information (S408); and generating the webpage by the framework information and the element information based on the correspondence between the framework information and the element information (S410).

Description

A WEBPAGE GENERATION METHOD AND DEVICE CROSS‐REFERENCE TO RELATED APPLICATIONS

The application claims priority to Chinese Patent Application No. 2014102017789, filed on May 13, 2014, which may be incorporated by reference in its entirety.

FIELD OF THE TECHNOLOGY

The present disclosure relates to the field of Internet technologies, particularly to a webpage generation method and device.

BACKGROUND

Webpage templates are used in a number of scenarios on Internet sites, such as an "Insert template" function which is available when a blog article is written using a blogger and a provided "Template journal" when a journal is published using a cyber‐community application, such as the Q‐Zone. A webpage template provides designed webpage layout, pictures, and text format. A user may replace relevant template contents with the needed contents and store changes to obtain an exclusive webpage, greatly storing time.

With the rapid increase in the number of users, to better meet users' individual needs, existing webpage templates support personalized editing. Users may design webpages according to personal preferences, showing their individual characters. The existing template editing mode may be as follows:

(1) First, a page may be divided into a webpage structure label (control layout and display) and webpage content. The webpage structure label mainly contains the structural of a webpage, as shown in Figure 1. The layout of the page may be determined and the contents of each part being planned. Then, a suitable structure may be selected from the default structure template on the server, dragged to the needed location, and then edited.

(2) Second, a data module may be added. After a webpage structure label is obtained from the server, a user may invoke contents that need to be added from the existing data modules on the website, as shown in Figure 2. A user may set information such as data module attributes in the attribute window. After setting the attributes of the data module of a webpage, a user may also select a headline style for the module, as shown in Figure 3.

With the prior art, a user may only need to select a webpage template from among the templates provided by the server and then edit the selected webpage template in order to generate a webpage. However, the number of webpage templates provided by a service provider is limited and not very flexible. A user may therefore generate webpages based on only the webpage templates provided by the service provider, but unable to design or modify the webpages according his or her needs. Consequently, users'individual needs cannot be fully met.

With the prior art, the styles of generated webpages are also limited to those provided by webpage templates and consequently lacks customization or individual creativity. Currently, there is no known solution being proposed to effectively solve this problem.

SUMMARY

The objectives of the embodiments of the present disclosure are to provide a webpage generation method and a device which may solve the problems of inflexibility and lack of customization and limitedness in the styles of generated webpages provided by webpage templates in the prior art methods.

To achieve the above‐mentioned purpose, in an aspect of the embodiments of the present disclosure, a webpage generation method is provided. The webpage generation method may include: obtaining an image to be parsed； parsing the image to obtain the element information about the image, wherein the element information is used to form a webpage. In addition, the method may also include the steps of obtaining the framework information about the webpage； obtaining the correspondence between the framework information and element information； generating a webpage by the framework information and element information based on the correspondence between the framework information and element information.

In another aspect of the embodiments of the present disclosure, a webpage generation device is provided. The webpage generation device according to the embodiments of the present disclosure may include: at least one processor with circuitry, operating in conjunction with at least a memory storing codes as a plurality of modules and units, wherein the plurality of modules and units are executed by the at least one processor with circuitry to perform webpage generation functions, wherein the plurality of modules and units may include: a first acquisition unit, which is used to obtain an image to be parsed； a parsing unit, which is used to parse the image to obtain element information about the image, wherein the element information is used to form a webpage； a second acquisition unit, which is used to obtain framework information about the webpage； a third acquisition unit, which is used to obtain a correspondence between the framework information and the element information； and a generation unit, which is used to generate the webpage by the framework information and the element information based on the correspondence between the framework information and the element information.

Yet another aspect of the embodiments discloses a non‐transitory computer‐readable storage medium, wherein the computer readable storage medium stores a program which includes codes or instructions, when executed, causes a processor circuitry to request to perform webpage generation on a device, the operations including: obtaining an image to be parsed； parsing the image to obtain element information about the image, wherein the element information is used to form a webpage； obtaining framework information about the webpage； obtaining a correspondence between the framework information and the element information； and generating the webpage by the framework information and the element information based on the correspondence between the framework information and the element information.

The above embodiments of the present disclosure may solve the problems of inflexibility and lack of customization and limitedness in the styles of generated webpages provided by webpage templates in the prior art methods.

BRIEF DESCRIPTION OF THE DRAWINGS

The accompanying drawings may be included to provide further understanding of the claims and disclosure which may be incorporated in, and constitute an area of this specification. The detailed description and illustrated embodiments described may serve to explain the principles defined by the claims.

Figure 1 shows an exemplary template diagram for selecting a webpage framework for a webpage generation, according to the prior art；

Figure 2 shows an exemplary diagram for adding a webpage template, according to the prior art；

Figure 3 shows an exemplary schematic diagram for editing a webpage template, according to the prior art；

Figure 4 shows a flowchart of a webpage generation method, according to an embodiment of the present disclosure；

Figure 5 shows an exemplary schematic diagram for an image to be parsed, according to an embodiment of the present disclosure；

Figure 6 shows an exemplary schematic diagram of associating among different element information, according to an embodiment of the present disclosure；

Figure 7 shows a flowchart of webpage generation method, according to an embodiment of the present disclosure；

Figure 8 shows an exemplary schematic diagram of a webpage generation device, according to an embodiment of the present disclosure； and

Figure 9 shows an exemplary schematic diagram of a webpage generation device, according to another embodiment of the present disclosure.

DETAILED DESCRIPTION OF ILLUSTRATED EMBODIMENTS

The various embodiments of the disclosure may be further described in details in combination with attached drawings and embodiments below. It should be understood that the specific embodiments described here may be used only to explain the disclosure, and may not be configured to limit the disclosure. In addition, for the sake of keeping description brief and concise, the newly added features, or features which may be different from those previously described in each new embodiment may be described in details. Similar features may be referenced back to the prior descriptions in a prior numbered drawing or referenced ahead to a higher numbered drawing. Unless otherwise specified, all technical and scientific terms herein may have the same meanings as understood by a person skilled in the art.

Note that, in the Specification, Claims, and drawings of the present disclosure, terms such as "first" and "second" are used to distinguish between similar objects, not necessarily used to describe a specific sequence or precedence order. It should be understood that the numbers used in this way may be interchanged where appropriate, so that the embodiments of the present disclosure described here may be implemented in a sequence other than those shown or described here. In addition, the terms "comprise" , "include" , and any other variants may indicate inclusion but not exclusion. Thus, a process, method, system, product, or device that contains a series of steps or units include not only those steps or units but also other steps or units not expressly listed, or include the steps or units inherent in such process, method, product, or device.

The embodiments of the present disclosure provide a webpage generation method. According to the embodiments of the present disclosure, a method embodiment that may be which is used to implement the device embodiment of the present disclosure may be provided. Note that, the steps in the flowcharts as shown in the drawings may be executed in a computer system, such as a set of computer‐executable instructions. In addition, though logical sequences are shown in the flowcharts, in certain cases, the steps shown or described may be executed in a sequence other than those sequences.

Figure 4 shows a flowchart of a webpage generation method, according to an embodiment of the present disclosure. As shown in Figure 4, the method includes the following steps:

Step S402: Obtain an image to be parsed. To ensure that the generated webpage meets the user's individual needs, the image to be parsed may be an image that the user prefers. The image may be a photo that the user takes or downloads from the Internet. The image may be anyone of: only graphics, a combination of texts and graphics, or be an image source file generated using graphics software such as Adobe Photoshop.

Step S404: Parsing the image to obtain element information about the image, wherein the element information is used to form a webpage. The obtained image to be parsed may be parsed to obtain the element information contained in the image, and the element information obtained through image parsing is used to form a webpage.

The element information obtained through image parsing may form different components of a webpage. Each piece of element information does not limit the functions that form the webpage. For example, one layer may be used as the element information that forms a webpage； multiple layers may be used as the element information that forms a webpage； a layer and the images on the layer may be used as the element information that forms a webpage.

For example, an image may include multiple layers, each of which may be a full‐length picture or partially containing pictures； alternatively, a layer may contain texts only, a combination of texts and pictures or even be a blank layer. Multiple layers may form a complete image. Thus, the element information obtained by parsing the image may include multiple layers and the pictures and/or text information contained in each layer. Such element information obtained by means of parsing may be those which are used to form webpages.

For example, the picture on a layer of an image may be used as a background of a webpage； while the picture on another layer may be used as the webpage region segmentation picture. The texts on a layer with texts may be used as the title of a webpage.

As shown in Figure 5, layer 001 of the image may be used as a background and layer 002 may be used as a segmentation picture for a region. Layer 002 may contain only a picture, or an outlined block diagram with colors. Layer 002 may also contain texts. The "Webpage title" text as shown in Figure 5 may be over layer 002 or be used as a separate layer. Likewise, other texts such "body title" and "main body" as shown in Figure 5 may be over layer 002, on the same layer as the "Webpage title" text, or on a separate layer, respectively. In addition, Figure 5 shows that layer 003 may contain only one picture.

As shown in Figure 5, an image may be parsed into multiple layers, which altogether may form a complete image. The disclosed embodiments should not limit the number of layers contained in an image or the contents on a layer.

Step S406: Obtain framework information about the webpage. The framework information about a webpage may include webpage background, navigation of the webpage, webpage title, and webpage general information such as webpage search and classification. A user may obtain the framework information about a webpage through a server.

Step S408: Obtain a correspondence between the framework information and the element information. After the image is parsed for element information, the element information about the webpage may only be dispersed entities, unable to form a complete webpage. The framework information about a webpage only outlines the webpage, and the element information is only a representation of the webpage. Therefore, to ensure that the element information obtained by means of parsing to form a complete webpage, a correspondence between the framework information and the element information may be obtained to form a complete webpage.

Step S410: Generate the webpage based on the correspondence between the framework information and element information. For example, the webpage information may be the webpage title of the webpage. In the image as shown in Figure 5, the text "Webpage title" and the webpage title of the webpage in the framework information are associated. Thus, after the element information about the image as shown in Figure 4 is parsed as "webpage title" , the text "webpage title" obtained by means of parsing may be used as the webpage title based on the correspondence between the framework information and element information.

Likewise, after layer 001 of the image as shown in Figure 5 is obtained by means of parsing, layer 001 may be mapped to the background in the framework information. Thus, based on the correspondence between the layer 001 and the background of the framework information, the layer 001 obtained by parsing the image is used as the background of the webpage.

The method for generating a webpage by using other element information obtained by parsing an image is the same as the method used with layer 001 and therefore is not detailed here.

When the element information obtained by means of parsing is used to generate a webpage, the style of the element information is reserved. Assume that the style of the element information "webpage title" is STXingkai, italic, and using a font size of 30 pt. When the text "webpage title" in the image is used as the title of the webpage, the title style of the generated webpage may also beS TXingkai, italic, and a font size of 30 pt.

In the above‐mentioned embodiments, an image to be parsed is obtained； using the element information about the image obtained parsing the image, a webpage is generated on the basis of the framework information about the webpage and the correspondence between the framework information and the element information about the webpage. Thus, the styles of generated webpages are not limited to those provided on the webpage templates provided by the service provider. This solves the problem with the prior art that the styles of generated webpages are limited to those provided by webpage templates and consequently monotonous, thereby achieving more diversified effects.

Preferably, after parsing an image to obtain the element information about the image, the webpage generation method may further include: receiving an instruction for editing the element information.

For element information editing, one or more pieces of element information may be edited. For element information editing, the contents, colors, fonts, and design effects of the element information may be edited.

For example, for the image as shown in Figure 5, the text "webpage title" may be edited. The text "webpage title" may be changed to "Monkey Bizness" ； the text font may be changed to "Times New Roman" ； the text font size and color may also be changed. For the image as shown in Figure 5, the picture on the layer 001 may be edited by replacing, cropping, or modifying the picture. The text content and the design effects between multiple layers may also be edited.

The element information may be edited according to the instruction to obtain the edited element information, wherein a webpage is generated by the framework information and the edited element information based on the correspondence between the framework information and the edited element information.

Based on the editing instruction, the element information may be edited to obtain new element information. As only the element information is modified, the correspondence between each element information and framework information may remain unchanged. Therefore, a webpage may be generated by the framework information and the edited element information based on the correspondence between the framework information and the edited element information. In this case, the content displayed on the generated webpage may include the edited element information.

With the above‐mentioned embodiments, all the elements that form a webpage may be flattened； that is, any element information about a webpage may be modified. In addition, such modifications need not be restricted within the framework of a module. With the prior art, before a content may be modified, a user needs to first access the module to which the content belongs and then make a modification within the scope of the module. The above‐mentioned embodiments eliminate such complexity, making it more convenient to perform personalized modifications on webpages. In addition, a user may edit any one piece or multiple pieces of element information. Thus, the webpages generated using the edited element information may be more diversified.

Preferably, the step of obtaining the correspondence between the framework information and element information may include: obtaining first identification information about the framework information； obtaining second identification information about the element information； and associating the framework information with the element information based on the first identification information about the framework information and the second identification information about the element information.

The identification information about the framework information may be used to identify the components of a webpage. The identification information about the element information is used to identify which component of a webpage the element information is. The framework information and element information may correspond to each other based on the first identification information about the framework information and the second identification information about the element information. Therefore, instead of being separate entities, the element information obtained by parsing an image may form a complete webpage together with the webpage framework information.

Preferably, the element information includes the first element information and the second element information. After parsing an image to obtain the element information about the image, the webpage generation method may further include the steps of: associating the first element information with the second element information to obtain association information between the first element information and the second element information； and displaying the first element information and the second element information based on the association information.

The element information obtained by parsing the image corresponds to the framework information. In addition, associations may exist among different pieces of element information. Based on the associations among different pieces of element information, different display effects may be achieved, thereby diversifying the styles of the generated webpages.

For example, as shown in Figure 6, layer 004, layer 005, and layer 006 may be overlapping layers, wherein the overlapping part may not be shown. Each layer may be used to display pictures. The layers may be switched to display pictures in turn, and each of the pictures may also be used as a piece of element information. Layer 004 may have block number 1； layer 005 may have block number 2； layer 006 may have block number 3.Each block number may also be used as a piece of element information. When the pictures on the layers are displayed, a block number may be used to indicate the sequence number of the picture currently displayed and the total number of pictures currently displayed.

Assuming that an image and a block number are parsed as a piece of element information. If the block number style may need to be changed without modifying the image. The layers may need to be created again and an image with a new block number may be made. If the image displayed on a layer needs to be modified without changing the block number style, a new image with the block number may need to be made. Thus, the modification procedure is complicated and the editing workload may be high. If an image and a block number are parsed as different pieces of element information, only the block number or only the image may need to be modified. However, to display the relationship between a block number and an image, the block number and the image may be associated, so that the block number and the image are displayed based on the association. Thus, the relationship between the element information may be displayed accurately. In addition, the element information may be edited conveniently. This reduces the editing workload, improving the efficiency of webpage generation.

In the embodiments of the present disclosure, a responsive design framework, for example, Bootstrap 3 and Foundation 5 may be which is used to complete precise correspondence between element information. Such a responsive design framework may not be detailed here.

Figure 7 shows the flowchart of the webpage generation method provided by a preferred embodiment of the present disclosure. As shown in Figure 7, after the step of generating a webpage by the framework information and element information based on the correspondence between the framework information and element information, the webpage generation method may further include:

Step S702: Extracting element data of the generated webpage. After a webpage is generated, the element data on the webpage may be extracted. The extracted element data may include the background image of the webpage, webpage title style, color, and font, and the display modes and locations of the images on the webpage.

Step S704: Obtaining the framework information corresponding to the element data. After the element data of a webpage is extracted, the framework information corresponding to the element data may be obtained, namely, to which part of the webpage each piece of the element data corresponds.

Step S706: Based on the framework information corresponding to the element data, store the element data as an image, wherein, the stored image may be an image that may be parsed.

Based on the framework information corresponding to the element data, the element data may be stored as an image. The stored image may be an image that may be parsed. In addition, the method provided by the present embodiment may be which is used to restore the webpage.

As an image is stored, not restricted by the version of the webpage generation tool, it is convenient to restore the webpage based on the stored image. Thus, the webpage may be restored on the basis of the stored image more truthfully and with little likelihood of any errors.

After the element data of a webpage is stored as an image, a brief description may be added for the image. Such description may include a subject name, a brief function explanation, and whether other users may be allowed to use the image repeatedly or not.

Step S708: Share the image that can be parsed. To allow other users to generate the same webpages repeatedly, the stored image may be shared to other others. For example, the stored image may be shared by means of microblog, Q‐Zone, WeChat friends, and WeChat friend circle. The stored image may also be shared by using an email, short message, or cloud‐based note.

Images obtained by storing webpages may also be shared using a unified display platform. After browsing the displayed images, a user may select the image he or she prefers. Then, a new webpage may be generated by parsing the image. As other users may access the stored images, a Uniform Resource Locator (URL) that may be visited may be generated for each stored image. Certain reference data, for example, the number of visiting users and the number of users who like the webpage, may be set on the webpage that displays the images. In addition, the statistics on platform sharing backflows may be collected to measure the popularity degree of the generated webpage.

The element data of the generated webpage may be extracted, and the element data may be stored as an image. This may allow other users to restore the webpage by parsing the stored image or generate a new webpage by modifying the element information contained in the image, implementing webpage sharing. Thus, the styles of the generated webpages may be made diversified by the users, and the efficiency of webpage generation may also increase.

For ease of description, the above‐mentioned method embodiments may be described as a series of actions. However, those of ordinary skill in prior art should understand that the present disclosure is not limited by the sequence of the actions described. According to the present disclosure, certain steps may be performed in another sequence or concurrently. In addition, those of ordinary skill in the prior art should also understand that the embodiments described in the Specification are only preferred embodiments and that the actions or modules involved may not necessarily be required by the present disclosure.

The description of the preceding embodiments allows those of ordinary skill in the prior art to clearly understand that the method provided by the above‐mentioned embodiments may be implemented by using software and a necessary universal hardware platform. The method may also be implemented by using hardware, but the former implementation mode is preferred in most cases. Based on such an understanding, the technical solution provided by the present disclosure essentially or the elements which may make a contribution to the existing art may be represented in the form of a software product. The computer software product is stored on a storage medium, such as a Read‐Only Memory (ROM) , Random‐Access Memory (RAM) , magnetic disk, and optical disk, comprising a number of instructions. The instructions allow a terminal device, which may be a mobile phone, computer, server, or network device, to execute the methods described in each embodiment of the present disclosure.

Embodiment 2

According to the present embodiment, a webpage generation device may be provided for implementing the above‐mentioned webpage generation method. The webpage generation device may be one which is used to execute a webpage generation method provided by the above‐mentioned embodiments of the present disclosure. The following describes in detail the webpage generation device provided by the present embodiment.

Figure 8 shows an exemplary schematic diagram for the webpage generation device (100A) provided by the present embodiment. As shown in Figure 8, the webpage generation device may include at least one processor with circuitry (17) , operating in conjunction with at least a memory (18) storing codes as a plurality of modules and units, wherein the plurality of modules and units may be executed by the at least one processor with circuitry (17) to perform webpage generation functions, wherein the plurality of modules and units may include: a first acquisition unit (10) , a parsing unit (20) , a second acquisition unit (30) , a third acquisition unit (40) and a generation unit (50) .

The first acquisition unit 10 may be used to obtain an image to be parsed. To ensure that the generated webpage meets the user's individual needs, the image to be parsed may be an image that the user prefers. The image may be a photo which the user takes or downloads from the Internet. The image may be graphic‐only, comprises texts, contain a combination of texts and graphics, or be an image source file generated using graphics software such as Adobe Photoshop.

The parsing unit (20) may be used to parse the image to obtain the element information about the image, wherein the element information may be used to form a webpage.

The obtained image to be parsed may be parsed to obtain the element information contained in the image, and the element information obtained through image parsing may be used to form a webpage.

The element information obtained through image parsing may form different components of a webpage. Each piece of element information may not limit the functions that form the webpage. For example, one layer may be used as the element information that forms a webpage； multiple layers may be used as the element information that forms a webpage； a layer and the images on the layer may be used as the element information that forms a webpage.

For example, an image may comprise multiple layers, each of which may be a full‐length picture or partially contains pictures. Alternatively, a layer may contain texts only or a combination of texts and pictures or may even be a blank layer. Multiple layers may form a complete image. Thus, the element information obtained by parsing the image comprises multiple layers and the pictures and/or text information contained in each layer. Such element information obtained by means of parsing may be which is used to form webpages.

For example, the picture on a layer of an image may be used as the background of a webpage； the picture on another layer may be used as the webpage region segmentation picture； the texts on a layer with texts may be used as the title of a webpage.

As shown in Figure 5, the layer 001 of the image may be used as the background and the layer 002 may be used as the region segmentation picture. The layer 002 may contain only a picture, colors, or an outlined block diagram. The layer 002 may also contain texts. The text "webpage title" as shown in Figure 5 may be above the layer 002 or be used as a separate layer. Likewise, other texts such "body title" and "main body" shown in Figure 5 may be above the layer 002, on the same layer as the text "webpage title", or respectively on a separate layer. In addition, Figure 5 shows the layer 003, which contains only one picture.

As shown in Figure 5, an image may be parsed into multiple layers, which altogether may form a complete image. Note that, the embodiments of the present disclosure do not limit the number of layers contained in an image or the contents on a layer.

The second acquisition unit (30) is used to obtain the framework information about a webpage. The framework information about a webpage may include the webpage background, navigation of the webpage, webpage title, and webpage general information such as webpage search and classification. A user may obtain the framework information about a webpage through the server.

The third acquisition unit (40) may be used to obtain the correspondence between the framework information and element information. After the image is parsed for element information, the element information about the webpage is only dispersed entities, unable to form a complete webpage. The framework information about a webpage only outlines the webpage, and the element information is only a representation of the webpage. Therefore, to ensure that the element information obtained by means of parsing forms a complete webpage, the correspondence between the framework information and element information is obtained to form a complete webpage.

The generation unit (50) may be used to generate a webpage based on the correspondence between the framework information and element information. For example, the webpage information may be the webpage title of the webpage. In the image as shown in Figure 5, the "Webpage title" text and the webpage title of the webpage in the framework information may be associated. Thus, after the element information about the image as shown in Figure 4 is parsed as "webpage title" , the text "webpage title" obtained by means of parsing may be used as the webpage title based on the correspondence between the framework information and element information.

Likewise, after the layer 001 of the image as shown in Figure 5 is obtained by means of parsing, the layer 001 may be mapped to the background in the framework information. Thus, based on the correspondence between the layer 001 and the background of the framework information, the layer 001 obtained by parsing the image is used as the background of the webpage.

The method for generating a webpage by using other element information obtained by parsing an image is the same as the method used with the layer 001 and therefore is not detailed here.

When the element information obtained by means of parsing is used to generate a webpage, the style of the element information is reserved. Assuming that the style of the element information "webpage title" is STXingkai, italic, and a font size of 30 pt.When the text "webpage title" in the image is used as the title of the webpage, the title style of the generated webpage is also STXingkai, italic, and a font size of 30 pt.

In the above‐mentioned embodiments, an image to be parsed is obtained； using the element information about the image obtained parsing the image, a webpage is generated on the basis of the framework information about the webpage and the correspondence between the framework information and the element information about the webpage. Thus, the styles of generated webpages may not be limited to those of the webpage templates provided by the service provider. This may solve the problem of the prior art that the styles of generated webpages are being limited to those provided by webpage templates and consequently inflexible and monotonous, thereby achieving more diversified effects.

Preferably, the webpage generation device may further include a receiving unit and an editing unit. The receiving unit may be used to, after an image is parsed to obtain the element information about the image, receive an instruction for editing the element information.

The editing unit may be used to edit element information according to the instruction to obtain the edited element information, wherein a webpage may be generated by the framework information and the edited element information based on the correspondence between the framework information and the edited element information.

Based on the editing instruction, the element information may be edited to obtain new element information. As only the element information is modified, the correspondence between each element information and framework information may remain unchanged. Therefore, a webpage may be generated by the framework information and the edited element information based on the correspondence between the framework information and the edited element information. In this case, the content displayed on the generated webpage comprises the edited element information.

With the above‐mentioned embodiments, all the elements that form a webpage may be flattened； that is, any element information about a webpage may be modified. In addition, such modifications need not be restricted within the framework of a module. With the prior art, before a content may be modified, a user may need to first access the module to which the content belongs and then make a modification within the scope of the module. The above‐mentioned embodiments eliminate such complexity, making it more convenient to perform personalized modifications on webpages. In addition, a user may edit any one piece or multiple pieces of element information. Thus, the webpages generated using the edited element information may be made more diversified.

Preferably, the third acquisition unit (40) may include a first acquisition module, which is used to obtain the identification information about the framework information； a second acquisition module, which is used to obtain the identification information about the element information, and an association module, which is used to associate the framework information with the element information based on the first identification information about the framework information and the second identification information about the element information.

The identification information about the framework information may be used to identify the components of a webpage. The identification information about the element information may be used to identify which component of a webpage the element information is. Based on the first identification information about the framework information and the second identification information about the element information, the framework information and element information may correspond to each other. Thus, instead of being separate entities, the element information obtained by parsing an image may form a complete webpage together with the webpage framework information.

Preferably, element information may include the first element information and the second element information. The webpage generation device may further include: an association unit which is used to, after the image is parsed to obtain the element information about the image, associate the first element information with the second element information to obtain the association information between the first element information and the second element information. The display unit is used to display the first element information and the second element information based on the association information.

The element information obtained by parsing an image may correspond to the framework information. In addition, associations exist among different pieces of element information. Based on the associations among different pieces of element information, different display effects may be achieved, thereby diversifying the styles of the generated webpages.

For example, as shown in Figure 6, the layer 004, the layer 005, and the layer 006 may be overlapping layers, with the overlapping part not shown. Each layer may be which is used to display pictures. The layers may be switched to display pictures in turn, and each of the pictures may be used as a piece of element information. Layer 004 has the block number 1； layer 005 has the block number 2； and layer 006 has the block number 3. Each block number may also be used as a piece of element information. When the pictures on the layers are displayed, a block number may be used to indicate the sequence number of the picture currently displayed and the total number of pictures currently displayed.

Assuming that an image and a block number are parsed as a piece of element information. If the block number style needs to be changed without modifying the image, the layers need to be created again and an image with a new block number made. If the image displayed on a layer needs to be modified without changing the block number style, a new image with the block number needs to be made. Thus, the modification procedure may be complicated and the editing workload may be high. If an image and a block number are parsed as different pieces of element information, only the block number or only the image needs to be modified. However, to display the relationship between a block number and an image, the block number and the image may be associated, so that the block number and the image are displayed based on the association. Thus, the relationship between the element information may be displayed accurately. In addition, the element information may be edited conveniently. This reduces the editing workload, improving the efficiency of webpage generation.

In the embodiments of the present disclosure, a responsive design framework, for example, Bootstrap 3 and Foundation 5 may be which is used to complete precise correspondence between element information. Such a responsive design framework is not detailed here.

Figure 9 shows the schematic diagram for the webpage generation device (100B) provided by a preferred embodiment of the present disclosure. Similar to the webpage generation device (100A) as shown in Figure 8, the webpage generation device (100B) may also include the first acquisition unit (10) , the parsing unit (20) , the second acquisition unit (30) , the third acquisition unit (40) , and the generation unit (50) . In addition, the webpage generation device (100B) may further include an extraction unit (60) , a fourth acquisition unit (70) , a storing unit (80) , and a sharing unit (90) .

The extraction unit (60) may be used to, after the webpage is generated by the framework information and the element information, extract the element data of the generated page based on the correspondence between the framework information and the element information.

After a webpage is generated, the element data on the webpage may be extracted. The extracted element data include the background image of the webpage, webpage title style, color, and font, and the display modes and locations of the images on the webpage.

The fourth acquisition unit (70) may be used to obtain the framework information corresponding to the element data. After the element data of a webpage is extracted, the framework information corresponding to the element data is obtained, namely, to which part of the webpage each piece of the element data corresponds.

The storing unit (80) may be used to, based on the framework information corresponding to the element data, store the element data as an image, wherein, the stored image is an image that may be parsed. Based on the framework information corresponding to the element data, the element data may be stored as an image. The stored image is an image that may be parsed. In addition, the method provided by the present embodiment may be which is used to restore the webpage.

An image is stored without being restricted by the version of the webpage generation tool. It is convenient to restore the webpage based on the stored image. Thus, the webpage may be restored on the basis of the stored image more accurately and with little likelihood of any errors.

After the element data of a webpage is stored as an image, a brief description may be added for the image. Such description may include a subject name, brief function explanation, and whether other users are allowed to use the image repeatedly.

The sharing unit (90) may be used to share the image that may be parsed.

To allow other users to generate the same webpages repeatedly, the stored image may be shared to other others. For example, the stored image may be shared by means of microblog, Q‐Zone, WeChat friends, and WeChat friend circle. The stored image may also be shared by using an email, short message, or cloud‐based note.

Images obtained by storing webpages may also be shared using a unified display platform. After browsing the displayed images, a user selects the image he or she prefers. Then, a new webpage may be generated by parsing the image. As other users may access the stored images, a URL that may be visited is generated for each stored image. Certain reference data, for example, the number of visiting users and the number of users who like the webpage, may be set on the webpage that displays the images. In addition, the statistics on platform sharing backflows are collected to measure the popularity degree of the generated webpage.

The element data of the generated webpage is extracted, and the element data is stored as an image. This may allow other users to restore the webpage by parsing the stored image or generate a new webpage by modifying the element information contained in the image, implementing webpage sharing. Thus, the styles of the generated webpages are diversified by users, and the flexibility and efficiency of webpage generation also increases.

In the above‐mentioned embodiments of the present disclosure, different parts are emphasized. For details about a part not detailed in an embodiment, see relevant description in another embodiment. The sequence numbers of the above‐mentioned embodiments are intended only for description, instead of indicating the priorities of the embodiments.

The units described as separate parts may be physically separated or not physically separated. Parts displayed as units may be physical units or not physical units. That is, parts may be located in a place or distributed over multiple network units. Based on actual needs, part of or all the units may be selected to achieve the purpose of the present embodiment.

In addition, the function units in the embodiments of the present disclosure may be integrated into a processing unit or exist separately and physically； alternatively, two or more units may be integrated into one unit. The above‐mentioned integrated unit may be implemented as hardware or as a software function unit.

Only the preferred embodiments of the present disclosure are described above. It should be pointed out that those of ordinary skill in the existing art may make certain alterations of and improvements on the present disclosure without departing from the spirit of the present disclosure and that all such alterations and improvements fall within the scope of the present disclosure.

The sequence numbers of the above‐mentioned embodiments may be intended only for description, instead of indicating the relative merits of the embodiments. It should be understood by those with ordinary skill in the art that all or some of the steps of the foregoing embodiments may be implemented by hardware, or software program codes stored on a non‐transitory computer‐readable storage medium with computer‐executable commands stored within. For example, the disclosure may be implemented as an algorithm as codes stored in a program module or a system with multi‐program‐modules. The computer‐readable storage medium may be, for example, nonvolatile memory such as compact disc, hard drive. ROM or flash memory. The computer‐executable commands may be used to generate a webpage.

Claims

A webpage generation method, which comprises:

obtaining an image to be parsed；

parsing the image to obtain element information about the image, wherein the element information is used to form a webpage；

obtaining framework information about the webpage；

obtaining a correspondence between the framework information and the element information； and

generating the webpage by the framework information and the element information based on the correspondence between the framework information and the element information.
The webpage generation method according to claim 1, wherein after obtaining the element information about the image, the method further comprises:

receiving an instruction for editing the element information； and

editing the element information according to the instruction in order to obtain the element information after the editing, wherein the webpage is generated by the framework information and the edited element information based on the correspondence between the framework information and the edited element information.
The webpage generation method according to claim 1, wherein the step of obtaining the correspondence between the framework information and the element information comprises:

obtaining first identification information about the framework information；

obtaining second identification information about the element information； and

associating the framework information with the element information based on the first identification information about the framework information and the second identification information about the element information.
The webpage generation method according to claim 1, wherein the element information comprises first element information and second element information； wherein after the image is parsed to obtain the element information about the image, the method further comprises:

associating the first element information with the second element information to obtain association information between the first element information and the second element information； and

displaying the first element information and the second element information based on the association information.
The webpage generation method according to claim 1, wherein after the generating of the webpage by the framework information and the element information based on the correspondence between the framework information and the element information, the method further comprises:

extracting element data of the generated webpage；

obtaining the framework information corresponding to the element data；

based on the framework information corresponding to the element data, storing the element data as an image, wherein, the stored image is an image that can be parsed； and

sharing the image that can be parsed.
A webpage generation device, comprises at least one processor with circuitry, operating in conjunction with at least a memory storing codes as a plurality of modules and units, wherein the plurality of modules and units are executed by the at least one processor with circuitry to perform webpage generation functions, wherein the plurality of modules and units comprise:

a first acquisition unit, which is used to obtain an image to be parsed；

a parsing unit, which is used to parse the image to obtain element information about the image, wherein the element information is used to form a webpage；

a second acquisition unit, which is used to obtain framework information about the webpage；

a third acquisition unit, which is used to obtain a correspondence between the framework information and the element information； and

a generation unit, which is used to generate the webpage by the framework information and the element information based on the correspondence between the framework information and the element information.
The webpage generation device according to claim 6, further comprises:

a receiving unit, after the image is parsed to obtain the element information about the image, which is used to receive an instruction for editing the element information； and

an editing unit which is used to edit the element information according to the instruction to obtain the element information after editing, wherein the webpage is generated by the framework information and the edited element information based on the correspondence between the framework information and the edited element information.
The webpage generation device according to claim 6, wherein the third acquisition unit comprises:

a first acquisition module, which is used to obtain first identification information about the framework information；

a second acquisition module, which is used to obtain second identification information about the element information； and

an association module, which is used to associate the framework information with the element information based on the first identification information about the framework information and the second identification information about the element information.
The webpage generation device according to claim 6, wherein the element information comprises the first element information and the second element information, and the webpage generation device further comprises:

an association unit, used to, after the image is parsed to obtain the element information about the image, associate the first element information with the second element information to obtain association information between the first element information and the second element information； and

a display unit, which is used to display the first element information and the second element information based on the association information.
The webpage generation device according to claim 6, which further comprises:

an extraction unit, used to, after the webpage is generated by the framework information and the element information based on the correspondence between the framework information and the element information, extract element data of the generated page；

a fourth acquisition unit, which is used to obtain the framework information corresponding to the element data；

a storing unit, used to, based on the framework information corresponding to the element data, store the element data as an image, wherein, the stored image is an image that can be parsed； and

a sharing unit, which is used to share the image that can be parsed.
A non‐transitory computer‐readable storage medium, wherein the computer readable storage medium stores a program which comprises codes or instructions, when executed, causes a processor circuitry to request to perform webpage generation on a device, the operations comprising:

obtaining an image to be parsed；

parsing the image to obtain element information about the image, wherein the element information is used to form a webpage；

obtaining framework information about the webpage；

obtaining a correspondence between the framework information and the element information； and

generating the webpage by the framework information and the element information based on the correspondence between the framework information and the element information.
The non‐transitory computer‐readable storage medium according to claim 11, wherein after obtaining the element information about the image, the method further comprises:

receiving an instruction for editing the element information； and

editing the element information according to the instruction in order to obtain the element information after the editing, wherein the webpage is generated by the framework information and the edited element information based on the correspondence between the framework information and the edited element information.
The non‐transitory computer-readable storage medium according to claim 11, wherein the step of obtaining the correspondence between the framework information and the element information comprises:

obtaining first identification information about the framework information；

obtaining second identification information about the element information； and

associating the framework information with the element information based on the first identification information about the framework information and the second identification information about the element information.
The non‐transitory computer‐readable storage medium according to claim 11, wherein the element information comprises first element information and second element information； wherein after the image is parsed to obtain the element information about the image, the method further comprises:

associating the first element information with the second element information to obtain association information between the first element information and the second element information； and

displaying the first element information and the second element information based on the association information.
The non‐transitory computer‐readable storage medium according to claim 11, wherein after the generating of the webpage by the framework information and the element information based on the correspondence between the framework information and the element information, the method further comprises:

extracting element data of the generated webpage；

obtaining the framework information corresponding to the element data；

based on the framework information corresponding to the element data, storing the element data as an image, wherein, the stored image is an image that can be parsed； and

sharing the image that can be parsed.