A method and device for making pages

Abstract

The invention discloses a method and device for making a page to shorten the loading time and reduce the user traffic in the page loading process. The method comprises the steps that wireframes and / or individualized handwritten font characters in a picture format in a design manuscript of a user interface used for making the page are made into a set of pattern fonts; an HTML file used for making the page is loaded; the pattern fonts are positioned to the page made through the HTML file by loading a CSS. By means of the method, in the page loading process, the loading time is greatly shortened, the user traffic is greatly reduced, and on the other hand, the adaptive cost caused when the pattern fonts are embedded into the page is also reduced due to the fact that the vector graphic cannot be distorted in the zooming process.

Description

technical field [0001] The invention relates to the field of network communication, in particular to a method and device for making pages. Background technique [0002] The Portable Network Graphic Format (PNG), named after the unofficial "PNG's Not GIF", is a bitmap file storage format. When PNG is used to store grayscale images, the depth of grayscale images can be up to 16 bits. When storing color images, the depth of color images can be up to 48 bits, and it can also store alpha channel data up to 16 bits. [0003] On smart terminals, such as smartphones and tablet computers, the application user education pages generally use the following figure 1 Interactive design, that is, a mask layer pops up on the user education page, and a wireframe and personalized handwritten text description are added to the corresponding click area to guide the operation. Because the effect caused by the mask layer is based on translucency, developers generally use tools such as PhotoShop t...

AI Technical Summary

Problems solved by technology

[0004] In the method for making user education pages provided by the prior art, although the "wireframe" and "personalized handwritten font text" have been cut into png pictures, generally speaking, the capacity (or volume) of png pictures is very large, while in Mobile terminals, especially web applications, are very sensitive to the capacity or volume of files, and a large number of png images are used, which increases the loading time and user traffic; on the other hand, png images are bitmaps (bitmap), which can It is adapted to the mobile terminal with high rate, and it will be distorted when zooming in or zooming out

Images