How to make a banner for a website yourself

the Internet

Sooner or later every novice web designeror the site owner comes to the idea that he needs a quality and beautiful advertising site. There are many possibilities and tools for this. But perhaps the most traditional and effective way of such advertising (promotion) of the site is - banner advertising. But here the question arises, and how to make a banner for the site yourself, because at the initial stage the budget of the site is very limited, and therefore not every owner is willing to pay freelancers for making a banner. It turns out that making a banner for a site is not such a complicated business and very close in technology with such a process as making a hat for the site, while we are talking about a static banner.

So, let's start how to make a banner for the site. For this we need the "Photoshop" program, and there is no need to chase the most modern versions, for our purpose the photoshop of the 6th version is also quite suitable. By the way, who does not know how to make a background image for a site, as well as a cap for your site can also use this program for these purposes.

In order to answer the question how to do itbanner for the site, you need to open the program to create our banner more precisely its foundation. It should be remembered that standard banners have several standard sizes. As a rule, banners of 468х60, 120х120, 100х100, as well as 88х31 are applied on the sites. Consider the option of making a banner with a size of 468x60.

After you open the program, click the tab"File" is "new". After that, in the window that opens, we register dimensions (height 60 and width 468), while making sure that the units of measurement are pixels. We set the resolution to 150 pixels per inch, and select a transparent background.

Further it is necessary to place on our bannerpicture and text. But first, we'll fill our banner with the color you need. To do this, select the fill tool on the left of the toolbar, but before that, you must select the desired color (we click the left button on the upper color square and in the opened palette choose the color you need). And now you can use the fill to paint the background of the banner in the selected color.

Now we will place the picture on the banner. To do this, first determine the picture that you will post. It is desirable that it would not be a complex figure and would be if not a logo, then as much as possible similar to it (although much depends on the tasks that face the banner). After the picture is selected, by the way, it should have an extension of either jpg or gif, open it in Photoshop. After that, we adjust the size of the image to our banner. To do this, in the main menu, select the tab "image" - "image size". After that, in the window that opens, you need to set the height of the picture to 60 pixels, and you must always tick the "keep proportions" box. If the image has its own background, then it must first be cut and pasted into a new image with a transparent background. After the size is adjusted by selecting the move tool, drag the image onto our banner and place it in the place we need.

Now we need the text. To do this, selecting the "text" tool, enter the phrase we need and place it simply by dragging and dropping the image as we need it. After that, it remains to select in the menu "save for web" (save as) and when saving choose image format jpg.

But many banners with text are fewit is desirable that it be a link banner. How to make a link for your banner and link them. For this it is necessary on the site that will place your banner to write the following code (this can be done in the html editor of the Dreamweaver type) <a href = "URL of YOUR PAGE"> <img srс = "BANNER URL"> </ a>. in order to determine the "URL BANNER" you need to know how to add a banner to the site and where.

In and all your banner is ready and now you do not askimagine a stupid question of how to make a banner for a website. By the way using banners, but not static, and based on flash technology, you can significantly diversify the pages of your site and give it the appearance of a type like beautiful flash sites.

Comments (0)
Add a comment