How to stretch a cap on the website

How to stretch a cap on the website

Today the qualitative websites should look well on screens with various permissions. For this purpose it is necessary that elements of execution of the page were scaled over a wide range. First of all it belongs to a website cap. It is required to you • - possibility of change of a marking of pages of a resource. Instruction 1. Use of a suitable template - the universal solution allowing not only to extend, but also to squeeze a cap and also other elements of design. It is possible to use the standard templates provided by free hostings, or freely extended in the Internet. Any template requires completions and adaptations. It is desirable to change all graphics to give to uniqueness to the website. Never use standard design of a template. Leave a page marking - her "skeleton", and "meat" - replace contents and elements of design with own. Thoughtful use of templates allows to save time of the developer which can be spent for filling of the website by information, or expansion of opportunities of service. 2. If the page is already imposed, it is possible to try to stretch a cap independently. For this purpose basic knowledge of HTML and SSS will be required. If the cap of the website is issued in the form of one graphic file, it is possible to try to squeeze and stretch its image depending on window width. This way well works if scaling coefficient small. If it exceeds picture width on a quarter and more, the quality of the picture will suffer. The separate pixels forming the image will become noticeable. 3. In order that the image remained qualitative, but at the same time occupied all space which is taken away for it, it is necessary to separate it into separate parts. Normally it is the right side, left and central. It is desirable that the image had a background, monophonic on width, which could fill the intervals arising between parts of a cap. Two pictures forming edges of a cap need to be fixed on the left and right parties of a container. Conclude the central image in the tag
. The background image one pixel wide pave the remained space. 4. One more easy way consists in creation of the image, obviously bigger, than the biggest screen. The image is installed by a background on the center of the section of a cap. Minus is big "weight" of the image, and as a result - a long time of its loading. Combination of the ways stated above allows to avoid the majority of negative effects.

Author: «MirrorInfo» Dream Team


Print