How to make an image a link: full version

How to make an image a link: full version
How to make an image a link: full version
Anonim

Making a banner once yourself means saving money on hiring artists and designers in the future. Although some works require art education and a professional approach. This is due to the fact that firms specializing in such services select pictures, fonts, photographs “necessary” for each product, and in some cases slogans with logos.

how to link an image
how to link an image

How to make a simple type of banner can be described in a few sentences. First, we decide on its dimensions, among which stand out the standard ones: 88 by 31 pixels, 100 by 100, 120 by 120, 120 by 60, 120 by 600, 120 by 240 and 468 by 60 pixels. The unit of measurement is pixel - a dot on the screen. Banners of non-standard sizes are undesirable, because the place for third-party banners on a particular resource is usually calculated when creating a page, and a very large banner will most likely be placed for a higher fee.

Secondly, you need to draw the banner itself in Corel, Photoshop, Paint, Onservisor Inkscape, where the last three programs are available for free. To do this, a file of the required size is opened, a background, simple graphics (for complex ones, an appropriate education is required) and inscriptions in standard fonts or made by hand.

Thirdly, the resulting picture is saved in one format or another - GIF, PNG, JPEG, JPG, among which the last two are the most common as the best options for combining quality and file weight. Note that banner images larger than 35 kilobytes are undesirable, and the-p.webp

how to make a banner
how to make a banner

Now the question arises how to make the picture a link so that by clicking on it, the user gets to the desired page. To do this, you need to save the file you rendered to the hosting and remember the path. After that, you send the appropriate code to your partners who want to place your banner, including the site address and a link to the saved file (a code sample can be found on the Internet).

After you've learned how to make an image a link, it makes sense to talk about what to do if you want everyone to be able to take the banner code from your page.

In this case, it is better to place a sample of your banner by inserting a code on the site so that the picture appears on the site. Then everyone can see what the banner looks like.

make a banner
make a banner

After placing the banner link code on your site, you need to put the "br" tag,insert the phrase "banner code". Next, you need to place the code itself in the "textarea" tag.

An interesting problem is how to make an image a link so that several links can be followed from one image. To do this, you need to take a picture, for example, cartinka.jpg, and mentally divide it into zones, by clicking on which, the user will go to one or another page. After that, the code is placed on the page using the "usemap" construct, the code of which is easily found on Internet resources.

Now you know how to make an image a link in basic ways, allowing you to style your own web development.

Recommended: