CN105468656B - Webpage background image generation method and system - Google Patents

Webpage background image generation method and system Download PDF

Info

Publication number
CN105468656B
CN105468656B CN201410466670.2A CN201410466670A CN105468656B CN 105468656 B CN105468656 B CN 105468656B CN 201410466670 A CN201410466670 A CN 201410466670A CN 105468656 B CN105468656 B CN 105468656B
Authority
CN
China
Prior art keywords
background image
image
module
background
html
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201410466670.2A
Other languages
Chinese (zh)
Other versions
CN105468656A (en
Inventor
潘杰茂
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201410466670.2A priority Critical patent/CN105468656B/en
Publication of CN105468656A publication Critical patent/CN105468656A/en
Application granted granted Critical
Publication of CN105468656B publication Critical patent/CN105468656B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Processing Or Creating Images (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The invention provides a webpage background image generation method and a webpage background image generation system, wherein the method comprises the following steps: cutting the original background image according to the style content of the self-adaptive module, and typesetting each picture obtained after cutting according to a cross mode; applying the combined background image obtained after typesetting to the two HTML tags, and carrying out staggered arrangement on the background images in the two HTML tags; respectively and repeatedly extending the background images in the two HTML labels according to the self-adaptive width or height; and superposing the two HTML tags to obtain a webpage background image. According to the technical scheme, the background images of the webpage are obtained with the least image request quantity through the background image staggered arrangement and the double HTML label superposition mode, meanwhile, the flexibility of the background image self-adaption module is reserved, and the page loading speed is improved.

Description

Webpage background image generation method and system
Technical Field
The invention relates to the technical field of computers, in particular to a method and a system for generating a webpage background image.
Background
In the process of making a background image of a web page, a method for realizing the function of a general self-adaptive module is to cut a designed content style module into 9 pictures according to the shape of a tic-tac-toe, write CSS (cascading style sheet, a computer language for expressing file styles such as HTML or XML) codes and form the pictures into a module with self-adaptive width and height, so that the self-adaptive content width and height of the content style module can be realized through the background attribute of the CSS in order to make the contents in the middle of the upper direction, the lower direction, the left direction and the right direction, and the like, when the background image is to be loaded, the pictures displayed on the web page are required to be requested through network connection, and each picture is a request, so that the number of the required requests is generally 9 times for loading the pictures, which results in low picture transmission speed and low page loading speed.
In order to reduce the number of requests, the method is to cut the background image into upper, middle and lower 3 individual pictures according to the shape of a three-character, so that the number of the requested pictures is generally 3 times, and although the number of the requests is reduced, the content module is not flexible enough, cannot adapt to the width of the content, and has poor expansibility.
In summary, in the existing web page background image production scheme, the number of requested pictures is generally increased to ensure the adaptive module function, and the number of requested pictures is reduced by reducing the adaptive module function, so that it is difficult to reduce the number of requests for loading pictures while ensuring the adaptive function of the content module.
Disclosure of Invention
In view of the foregoing, it is desirable to provide a method and system for generating a background image of a web page, which can effectively reduce the number of requests for loading pictures while ensuring the adaptive function of a content module.
A webpage background image generation method comprises the following steps:
cutting the original background image according to the style content of the self-adaptive module, and typesetting each picture obtained after cutting according to a cross mode;
applying the combined background image obtained after typesetting to the two HTML tags, and carrying out staggered arrangement on the background images in the two HTML tags;
respectively and repeatedly extending the background images in the two HTML labels according to the self-adaptive width or height;
and superposing the two HTML tags to obtain a webpage background image.
A web page background image generation system, comprising:
the typesetting module is used for cutting the original background image according to the style content of the self-adaptive module and typesetting each picture obtained after cutting according to a cross mode;
the dislocation module is used for applying the combined background image obtained after typesetting to the two HTML labels and performing dislocation arrangement on the background images in the two HTML labels;
the repeating module is used for respectively repeating and extending the background images in the two HTML labels according to the self-adaptive width or height;
and the superposition module is used for superposing the two HTML tags to obtain a webpage background image.
According to the webpage background image generation method and system, the background image is cut and then typeset in a cross mode; the two HTML tags are used as background image carriers, the staggered background images are repeatedly extended and then overlapped to obtain the webpage background images, the background images of the webpage are obtained with the least image request quantity through the background image staggered arrangement and the double HTML tag overlapping mode, meanwhile, the flexibility of the background image self-adaption module is reserved, and the page loading speed is improved.
Drawings
FIG. 1 is a schematic structural diagram of an application system of a method for generating a background image of a web page according to an embodiment of the present invention;
FIG. 2 is a flowchart of a method for generating a background image of a web page according to one embodiment;
FIG. 3 is a diagram of a background image for one embodiment;
FIG. 4 is a schematic diagram of cross-type layout of background images;
FIG. 5 is a schematic diagram of two HTML tags;
FIG. 6 is a schematic illustration of a misaligned arrangement of two HTML tags;
FIG. 7 is a schematic diagram of a portion of a background image obtained by superimposing the two HTML tags shown in FIG. 6;
FIG. 8 is a diagram of the effect of the background image obtained by superposition;
FIG. 9 is a diagram illustrating a background image generation system for a web page according to an embodiment;
FIG. 10 is a schematic structural diagram of a webpage background image generation system according to another embodiment;
FIG. 11 is a block diagram of a computer system capable of implementing embodiments of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.
The method for generating a background image of a web page according to the embodiment of the present invention may be applied to the system shown in fig. 1, please refer to fig. 1, where the terminal device 02 may be a device such as a personal computer, a smart phone, a tablet computer, a personal digital assistant, and the like, but is not limited thereto. The terminal device 02 may access a public network, such as the Internet, in a wired or wireless manner, and communicate with the server 04. A web access tool such as a browser can be operated on the terminal device 02, and a user can access the server 04 through the internet network by using the browser and the like and acquire required background image data; after the browser of the terminal device 02 is loaded to the background image data, the background image data is correspondingly processed and finally displayed as a webpage required by the user.
The terminal device 02 may refer to one device or a plurality of devices; the server 04 refers to a server device that implements various background functions, and may refer to one device or a plurality of devices, and in this application, more refers to a plurality of devices.
Referring to fig. 2, fig. 2 is a flowchart of a method for generating a background image of a web page according to an embodiment, and the method includes the following steps:
and step S10, cutting the original background image according to the style content of the self-adaptive module, and typesetting each picture obtained after cutting according to a cross mode.
In this step, to implement the function of the adaptive module, image segmentation processing is performed on the background image, and then the typesetting is performed in a cross manner, so as to ensure that the edge pictures to be repeated in the typeset image do not have any blocked images within 180 ° in the same direction, so that the image does not encounter conflicting images when being repeatedly extended.
In an embodiment, the processing procedure of step S10 may specifically include the following steps:
(1) dividing an original background image into 9 pictures according to the groined type according to a self-adaptive content style module; wherein the sum of the height of the top and bottom of the image is one half of the image height, and the sum of the width of the left and right portions of the image is one half of the image width.
Referring to fig. 3, fig. 3 is a schematic diagram of a background image according to an embodiment, the background image is divided into 9 pictures according to a groined font, and each picture corresponds to an adaptive module, which respectively includes: mdl _ t _ c, mdl _ b _ c, mdl _ c _ r, mdl _ c _ l, mdl _ t _ l, mdl _ b _ l, mdl _ t _ r, mdl _ b _ r, center image (blank) portion. The center image belongs to a pure color part, and here, there are requirements for division, that is, La + Lc ═ Lb, Ha + Hc ═ Hb.
(2) Typesetting and combining 9 pictures according to a cross mode by a CSS tool; wherein, the pictures of the upper left part, the upper right part, the lower left part and the lower right part are arranged in the central area of the image.
Referring to fig. 4, fig. 4 is a schematic diagram of cross-wise laid-out background images, and images of mdl _ t _ l, mdl _ b _ l, mdl _ t _ r, and mdl _ b _ r parts are combined on a central image of the background images by CSS Sprites image layout, which may be defined as Sprites image misalignment. It can be seen that, in the laid-out background image, each of the edge pictures mdl _ t _ c, mdl _ b _ c, mdl _ c _ r and mdl _ c _ l to be repeated does not have any shielding image within 180 ° in the same direction, so that the CSS attribute background-image can be conveniently used: repeat-x; or background-image: repeat-y is repeated in the longitudinal or transverse direction; the conflicting images are not encountered in the repeated process; and the original pictures mdl _ t _ l, mdl _ b _ l, mdl _ t _ r and mdl _ b _ r at the four corners are cut and then placed in the middle of the picture, which belongs to a pure color, so that the elements of the picture are not influenced, meanwhile, the pictures at the four corners can be used for subsequent calling after the pictures are repeated, and the pictures at the four corners are recovered in adaptive adjustment.
Step S20, the combined background image obtained after the layout is applied to two HTML (HyperText Markup language) tags, and the background images in the two HTML tags are arranged in a staggered manner.
In this step, two HTML tags are used as carriers of the background image and are arranged in a staggered manner, as an embodiment, step S20 may specifically include the following steps:
firstly, creating two HTML labels as carriers of background images; referring to fig. 5, two labels are label 1 and label 2, respectively, and a module of a background image may be applied to label 1 and label 2, for example, a picture of mdl _ t _ c portion is applied to label 1 and label 2, respectively, so that the top edge misalignment may be realized.
Then loading the typeset combined background image into the two HTML tags through a CSS tool; and then, the background images in the two HTML labels are staggered at an interval of half of the height or width of the image.
Referring to fig. 6, fig. 6 is a schematic diagram illustrating a staggered arrangement of two HTML tags, where the background images in the two HTML tags are staggered by half the image width.
And step S30, repeatedly extending the background images in the two HTML tags according to the adaptive width or height.
In this step, the repeated extension refers to repeatedly placing a plurality of same background images in the HTML tag along a certain extending direction; the repeated extension of the background image in the two HTML tags in the longitudinal direction or in the lateral direction can be performed by using the repeated attribute of the CSS tool.
Referring to fig. 6, in the drawing, the extension in the lateral direction is taken as an example, and the CSS attribute background-image is used: repeat-x; or background-image: repeat-y; infinite extension can be carried out, and repeated extension can be carried out in the transverse direction without encountering conflicting images, such as mdl _ t _ c and mdl _ b _ c in the picture; similarly, the pictures of mdl _ c _ r, mdl _ c _ l and mdl _ t _ l can be repeatedly extended in the longitudinal direction, so that the function of the adaptive module can be realized.
In the above steps, two HTML tags for superposition are repeatedly extended, so that adaptive widths of pictures in four directions, up, down, left and right, of an image module can be realized by using CSS attribute border-image, background images in various formats can be applied, and compatibility of picture formats such as JPG can be realized.
Further, before repeating the extension, the method for generating the background image of the webpage according to the embodiment of the present invention may further include:
step S40, determining the width or height of the adaptive adjustment according to the adaptive module input content size, and calculating the number of repetitions of the background image according to the width or height.
In the process, the width or height to be adjusted in self-adaptation is mainly determined according to the size of the actual input content, and then the number of times of repeated extension is determined.
And step S50, overlapping the two HTML tags to obtain a webpage background image.
In this step, the background image is recombined by means of the superposition of the two HTML tags, and since the background image can be infinitely extended in the HTML tags, the function of the adaptive module can be realized, but only one background image is essentially used.
In one embodiment, the superposition method of step S50 may be as follows:
(1) and loading the two HTML tags according to the image request.
Specifically, because the two HTML tags are used as carriers of the background image, when the image is actually loaded, the image corresponding to each content module of the background image does not need to be loaded, but the combined background image in the two HTML tags is directly loaded, the background image is applied to the HTML tags, and then the two HTML tags are superposed to obtain the webpage background image, so that the number of the actually requested background images is only one, and the loading speed of the webpage image data is improved.
(2) And seamlessly overlapping the two HTML tags through a CSS style to obtain a webpage background image.
Specifically, the webpage background image required by the user can be obtained through seamless superposition of the two HTML tags, the background image of the webpage is obtained with the least image request quantity, meanwhile, the flexibility of the background image self-adaption module can be kept, and the self-adaption adjustment of the width and the height of the content module can still be realized.
Referring to fig. 8, fig. 8 is a schematic diagram of a background image portion obtained after two HTML tags shown in fig. 7 are superimposed, width adaptive adjustment of a content module can be achieved through continuous repeated extension, for example, images of mdl _ t _ c and mdl _ b _ c portions can be repeatedly extended in a horizontal direction all the time, and since two background images are just staggered, a continuously-lengthened region is just formed after superimposition, and thus width adaptive adjustment of the content module is achieved.
For the background image formed after the superposition, the attribute setting can be performed on each content module of the background image through the CSS attribute, whether the content of the module is displayed or not is determined in the final background image, and simultaneously, according to the actual requirement, the elements in the background image can be called, for example, the image in the middle part of the image is uniformly color-displayed, the pictures at the four corners at the two ends of the two tags in fig. 7 are called to be superimposed to the positions of the four corners (as shown by arrows in the figure), so that the shape of the four rounded corners can be realized, after the image in the tag is set, the page is displayed through a browser, so that the background image effect diagram shown in fig. 8 can be obtained, in the webpage background image shown in fig. 8, the self-adaptive adjustment can be performed according to the number of characters in the content area, and the self-adaptive module.
At present, the technical scheme of the CSS3 multi-background attribute (CSS3background-image) is frequently used in webpage production to reduce the number of requests for page background images, and only one picture request is needed, but the scheme has the problems of browser compatibility, for example, IE 6-IE 9 have obvious compatibility, and the style display is incomplete. The webpage background image generation method provided by the invention can be compatible with all browsers, can be applied to background images in various formats, realizes the compatibility of picture formats such as JPG (Java native page) and the like, and obviously reduces the number of picture requests under the condition of ensuring the self-adaptive function of a content module.
Referring to fig. 9, fig. 9 is a schematic structural diagram of a webpage background image generation system according to an embodiment, including:
the typesetting module 10 is used for cutting the original background image according to the style content of the self-adaptive module and typesetting each picture obtained after cutting according to a cross mode;
a dislocation module 20, configured to apply the combined background image obtained after the typesetting to the two HTML tags, and perform dislocation arrangement on the background images in the two HTML tags;
a repeating module 30, configured to repeatedly extend the background images in the two HTML tags according to the adaptive width or height;
and the overlapping module 50 is configured to overlap the two HTML tags to obtain a webpage background image.
In one embodiment, the layout module 10 may be further configured to:
dividing an original background image into 9 pictures according to the groined type according to a self-adaptive content style module; wherein the sum of the height of the top and bottom of the image is one half of the image height, and the sum of the width of the left and right of the image is one half of the image width; typesetting and combining 9 pictures according to a cross mode by a CSS tool; wherein, the pictures of the upper left part, the upper right part, the lower left part and the lower right part are arranged in the central area of the image.
In one embodiment, the misalignment module 20 is further configured to:
creating two HTML labels as carriers of background images; respectively loading the typeset combined background images into the two HTML tags through a CSS tool; the background images in the two HTML tags are staggered at an interval of one-half of the image height or width.
In one embodiment, the repeating module 30 is further operable to:
and repeatedly extending the background images in the two HTML labels in the longitudinal direction or the transverse direction by utilizing the repeated attribute of the CSS tool.
In an embodiment, referring to fig. 10, the webpage background image generation system according to the embodiment of the present invention may further include, before the repeating module 30:
and the calculating module 40 is used for determining the width or height of the self-adaptive adjustment according to the size of the input content of the self-adaptive module and calculating the repetition times of the background image according to the width or height.
In one embodiment, the overlay module 50 is further operable to:
loading the two HTML tags according to an image request; and seamlessly overlapping the two HTML tags through a CSS style to obtain a webpage background image.
The web page background image generation system and the web page background image generation method of the present invention correspond to each other one to one, and technical features and advantageous effects thereof described in the embodiments of the web page background image generation method are applicable to the embodiments of the web page background image generation system, which is hereby stated.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by a computer program, which can be stored in a computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), or the like.
FIG. 11 is a block diagram of a computer system capable of implementing embodiments of the present invention. The computer system 900 is only one example of a suitable computing environment for the invention and is not intended to suggest any limitation as to the scope of use of the invention. Neither should the computer system 900 be interpreted as having a dependency or requirement relating to a combination of one or more components of the exemplary computer system 900 illustrated.
The computer system 900 shown in FIG. 9 is an example of a computer system suitable for use with the present invention. Other architectures with different subsystem configurations may also be used.
As shown in fig. 9, computer system 900 includes a processor 910, a memory 920, and a system bus 922. Various system components including the memory 920 and the processor 910 are connected to the system bus 922. The processor 910 is hardware for executing computer program instructions through basic arithmetic and logical operations in a computer system. Memory 920 is a physical device used for the temporary or permanent storage of computing programs or data (e.g., program state information). The system bus 920 may be any of several types of bus structures including a memory bus or memory controller, a peripheral bus, and a local bus. The processor 910 and the memory 920 may be in data communication via a system bus 922. Wherein memory 920 includes Read Only Memory (ROM) or flash memory (neither shown), and Random Access Memory (RAM), which typically refers to main memory loaded with an operating system and application programs.
Computer system 900 also includes a display interface 930 (e.g., a graphics processing unit), a display device 940 (e.g., a liquid crystal display), an audio interface 950 (e.g., a sound card), and an audio device 960 (e.g., a speaker). The display device 940 and the audio device 960 are media devices for experiencing multimedia content.
Computer system 900 typically includes a storage device 970. Storage device 970 can be selected from a variety of computer-readable media, which refers to any available media that can be accessed by computer system 900, including both removable and non-removable media. For example, computer-readable media includes, but is not limited to, flash memory (micro SD cards), CD-ROM, Digital Versatile Disks (DVD) or other optical disk storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store the desired information and which can accessed by computer system 900.
Computer system 900 also includes an input device 980 and an input interface 990 (e.g., an IO controller). A user may enter commands and information into computer system 900 through input device 980 such as a keyboard, mouse, touch panel device on display device 940. Input device 980 is typically connected to the system bus 922 through an input interface 990, but may be connected by other interface and bus structures, such as a Universal Serial Bus (USB).
Computer system 900 may be logically connected in a network environment to one or more network devices. The network device may be a personal computer, a server, a router, a smartphone, a tablet, or other common network node. The computer system 900 is connected to network devices through a Local Area Network (LAN) interface 1000 or a mobile communication unit 1010. A Local Area Network (LAN) refers to a computer network formed by interconnecting within a limited area, such as a home, a school, a computer lab, or an office building using a network medium. WiFi and twisted pair wiring ethernet are the two most commonly used technologies to build local area networks. WiFi is a technology that enables computer system 900 to exchange data with each other or to connect to a wireless network via radio waves. The mobile communication unit 1010 is capable of making and receiving calls over a radio communication link while moving throughout a wide geographic area. In addition to telephony, the mobile communication unit 1010 also supports internet access in a 2G, 3G or 4G cellular communication system providing mobile data services.
It should be noted that other computer systems, including more or less subsystems than computer system 900, can also be suitable for use with the invention.
As described in detail above, the computer system 900 applicable to the present invention can perform the designated operations of the web page background image generation method. The computer system 900 performs these operations in the form of software instructions executed by the processor 910 in a computer-readable medium. These software instructions may be read into memory 920 from storage device 970 or from another device via local network interface 1000. The software instructions stored in the memory 920 cause the processor 910 to perform the web page background image generation method described above. Furthermore, the present invention can be implemented by hardware circuits or by a combination of hardware circuits and software instructions. Thus, implementations of the invention are not limited to any specific combination of hardware circuitry and software.
The above-mentioned embodiments only express several embodiments of the present invention, and the description thereof is more specific and detailed, but not construed as limiting the scope of the present invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the inventive concept, which falls within the scope of the present invention. Therefore, the protection scope of the present patent shall be subject to the appended claims.

Claims (12)

1. A webpage background image generation method is characterized by comprising the following steps:
cutting the original background image according to the style content of the self-adaptive module, and typesetting each picture obtained after cutting according to a cross mode;
applying the combined background image obtained after typesetting to the two HTML tags, and carrying out staggered arrangement on the background images in the two HTML tags;
respectively and repeatedly extending the background images in the two HTML labels according to the self-adaptive width or height;
superposing the two HTML tags to obtain a webpage background image;
the method comprises the following steps of cutting an original background image according to the style content of a self-adaptive module, and typesetting each cut image in a cross mode:
dividing an original background image into 9 pictures according to the groined type according to a self-adaptive content style module; wherein the sum of the height of the top and bottom of the image is one half of the image height, and the sum of the width of the left and right of the image is one half of the image width;
typesetting and combining 9 pictures according to a cross mode by a CSS tool; wherein, the pictures of the upper left part, the upper right part, the lower left part and the lower right part are arranged in the central area of the image.
2. The method for generating a background image of a web page according to claim 1, wherein the step of applying the combined background image obtained after the layout to the two HTML tags and arranging the background images in the two HTML tags in a staggered manner includes:
creating two HTML labels as carriers of background images;
respectively loading the typeset combined background images into the two HTML tags through a CSS tool;
the background images in the two HTML tags are staggered at an interval of one-half of the image height or width.
3. The method for generating a background image of a web page according to claim 1, wherein before the step of repeatedly extending the background images in the two HTML tags according to the adaptive width or height, the method further comprises:
and determining the width or height of the self-adaptive adjustment according to the size of the input content of the self-adaptive module, and calculating the repetition times of the background image according to the width or height.
4. The method for generating a background image of a web page according to claim 1, wherein the step of repeatedly extending the background images in the two HTML tags according to the adaptive width or height respectively comprises:
and repeatedly extending the background images in the two HTML labels in the longitudinal direction or the transverse direction by utilizing the repeated attribute of the CSS tool.
5. The method for generating a background image of a web page according to claim 1, wherein the step of superimposing the two HTML tags to obtain the background image of the web page comprises:
loading the two HTML tags according to an image request;
and seamlessly overlapping the two HTML tags through a CSS style to obtain a webpage background image.
6. A web page background image generation system, comprising:
the typesetting module is used for cutting the original background image according to the style content of the self-adaptive module and typesetting each picture obtained after cutting according to a cross mode;
the dislocation module is used for applying the combined background image obtained after typesetting to the two HTML labels and performing dislocation arrangement on the background images in the two HTML labels;
the repeating module is used for respectively repeating and extending the background images in the two HTML labels according to the self-adaptive width or height;
the superposition module is used for superposing the two HTML tags to obtain a webpage background image;
wherein the composition module is further configured to:
dividing an original background image into 9 pictures according to the groined type according to a self-adaptive content style module; wherein the sum of the height of the top and bottom of the image is one half of the image height, and the sum of the width of the left and right of the image is one half of the image width;
typesetting and combining 9 pictures according to a cross mode by a CSS tool; wherein, the pictures of the upper left part, the upper right part, the lower left part and the lower right part are arranged in the central area of the image.
7. The web page background image generation system of claim 6, wherein the misalignment module is further configured to:
creating two HTML labels as carriers of background images;
respectively loading the typeset combined background images into the two HTML tags through a CSS tool;
the background images in the two HTML tags are staggered at an interval of one-half of the image height or width.
8. The web page background image generation system of claim 6, further comprising, before the repeating module:
and the calculating module is used for determining the width or height of the self-adaptive adjustment according to the size of the input content of the self-adaptive module and calculating the repetition times of the background image according to the width or height.
9. The web page background image generation system of claim 6, wherein the repetition module is further configured to:
and repeatedly extending the background images in the two HTML labels in the longitudinal direction or the transverse direction by utilizing the repeated attribute of the CSS tool.
10. The web page background image generation system of claim 6, wherein the overlay module is further configured to:
loading the two HTML tags according to an image request;
and seamlessly overlapping the two HTML tags through a CSS style to obtain a webpage background image.
11. A storage medium on which a computer program is stored, wherein the program, when executed by a processor, is operable to implement the web page background image generation method according to any one of claims 1 to 5.
12. A computer device comprising a storage medium, a processor and a computer program stored on the storage medium and executable on the processor, the processor implementing the web page background image generation method according to any one of claims 1 to 5 when executing the program.
CN201410466670.2A 2014-09-12 2014-09-12 Webpage background image generation method and system Active CN105468656B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410466670.2A CN105468656B (en) 2014-09-12 2014-09-12 Webpage background image generation method and system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410466670.2A CN105468656B (en) 2014-09-12 2014-09-12 Webpage background image generation method and system

Publications (2)

Publication Number Publication Date
CN105468656A CN105468656A (en) 2016-04-06
CN105468656B true CN105468656B (en) 2019-12-20

Family

ID=55606360

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410466670.2A Active CN105468656B (en) 2014-09-12 2014-09-12 Webpage background image generation method and system

Country Status (1)

Country Link
CN (1) CN105468656B (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107437236B (en) * 2016-05-27 2021-08-13 北京京东尚科信息技术有限公司 Picture fuzzy processing method and device
CN109032710B (en) * 2017-06-09 2022-05-24 斑马智行网络(香港)有限公司 Interface adjusting method, device, equipment and storage medium
CN110083419B (en) * 2019-04-09 2020-12-08 北京点众科技股份有限公司 Power-saving page presentation method and equipment

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6055569A (en) * 1998-01-27 2000-04-25 Go Ahead Software Inc. Accelerating web access by predicting user action

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6205432B1 (en) * 1998-06-05 2001-03-20 Creative Internet Concepts, Llc Background advertising system
EP2486450B1 (en) * 2008-11-02 2021-05-19 David Chaum Near to eye display system and appliance
US20110252376A1 (en) * 2010-04-07 2011-10-13 Imran Chaudhri Device, Method, and Graphical User Interface for Managing Concurrently Open Software Applications
CN103353863B (en) * 2013-05-29 2016-09-28 徐华 A kind of text template generates method
CN103489153B (en) * 2013-09-26 2017-06-13 北京奇虎科技有限公司 Make the device and method of seamless spliced unit

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6055569A (en) * 1998-01-27 2000-04-25 Go Ahead Software Inc. Accelerating web access by predicting user action

Also Published As

Publication number Publication date
CN105468656A (en) 2016-04-06

Similar Documents

Publication Publication Date Title
CN105740364B (en) Page processing method and related device
WO2015196822A1 (en) Method and device for adapting webpage to screen layout
CN107229633A (en) Static page generation method, Web access method and device
CN107256259B (en) Page display method and device, electronic equipment and storage medium
CN113408241A (en) Text data processing method and device, electronic equipment and readable medium
CN105468656B (en) Webpage background image generation method and system
CN102999336A (en) Application interface realizing method and application interface realizing system
WO2014093405A2 (en) Preserving layout of region of content during modification
CN104050185A (en) Zoom-display processing method and device for page contents
CN105278797A (en) Page switching display method and apparatus
WO2015035319A1 (en) Method and apparatus of controlling page element
DE102015009893A1 (en) Render digital content to multiple displays
US8881002B2 (en) Trial based multi-column balancing
CN107423366A (en) A kind of carousel figure switching method and device
CN113655999A (en) Rendering method, device and equipment of page control and storage medium
CN110866208B (en) Page response type layout method, device and equipment
CN109240756A (en) A kind of method and device of dynamically load JavaScript module
CN105389308B (en) Webpage display processing method and device
CN110020291B (en) Webpage layout processing method and device
CN105589883B (en) Method and device for displaying page elements of webpage
US20180032487A1 (en) Scalable vector graphics bundles
CN114415892B (en) Interface control generation method and device, readable medium and electronic equipment
CN111158675A (en) Front-end page template multiplexing method
CN103970763A (en) Three-dimensional image displaying system and method
CN105550000A (en) Generation method and system of mobile terminal sliding plugin

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant