How to insert the picture into a cap for the website

How to insert the picture into a cap for the website

Correctly picked up picture in the best way characterizes the direction of the website, gives it identity. Besides, most of people on the nature is visual learners, and it means that the graphics image will be remembered by it far better.

Instruction

1. If you only create the website on the basis of a ready template, then it is possible to insert the picture into his cap by means of simple replacement. For this purpose it is enough to pick up the suitable image and to peresokhranit it under a name of a standard illustration. Here the main thing to adjust the sizes, otherwise your picture simply will not fit into resource parameters. In the same way it is possible to arrive also with the ready website which has a management system and it is already sent to swimming on Internet space.

2. For editing the picture it is better to use Adobe Photoshop. Keep in mind that versions of the program can be English-speaking and the convenience of work will require a Russifier. It can be downloaded free of charge on the Internet.

3. Open the image which you want to replace in the graphics editor, and select in the menu "Image" - "Image size". Remember, and write values in pixels better. You can close the picture – it is not required any more.

4. In the File menu select "New" then before you the form will open. Enter to it the written values of image sizes and click "Ok". You can also set in passing and other parameters, for example, the name of a layer or type of contents of a background, however they are not basic.

5. Create a new layer ("Layer" - "New").

6. Open in the program the picture which you want to see in a website cap ("File" - "Open").

7. On the toolbar select the Rectangular Area icon, select the picture with its help.

8. Use the Copy command from the Editing menu and insert the image on a new layer of the prepared form ("Editing" - "Paste"). Select the Movement tool and move the picture if necessary.

9. If the size of the picture turned out more or less, then it can be corrected by means of commands from the Image menu. Anyway, parameters of the main picture extremely seldom match demanded therefore practically there is always an empty space. It needs to be filled, and it is the for this purpose best of all to involve "Background". For example, it is possible to fill in in one color or to use the Gradient tool, and subsequently to smooth transition by means of lighting/shading, "Finger", "Sponge", etc.

10. For an insert of pictures is present the special <img> tag with various attributes at the HTML language:
• src – the image address;
• height – height in px;
• width – width in px;
• border – a frame in px;
• alt – an explanation to the picture, is displayed at users at the switched-off function of reception of images.
For example, <images\1.gif img src= """" width= "" 20" of" height= "" 20" of" border= "" 5"" of alt= "" picture"">. The return tag is not required.

Author: «MirrorInfo» Dream Team


Print