How To Make A Beautiful Header For Your Website

Table of contents:

How To Make A Beautiful Header For Your Website
How To Make A Beautiful Header For Your Website

Video: How To Make A Beautiful Header For Your Website

Video: How To Make A Beautiful Header For Your Website
Video: The BEST Way to Build a Header! [HTML,CSS] 2024, May
Anonim

The individual style of the site works to create a brand, which is especially important for personal sites and blogs. Making a beautiful header for a site means laying the foundation for the popularity of a web resource, its recognition among hundreds of similar sites.

How to make a beautiful header for your website
How to make a beautiful header for your website

It is necessary

graphics editor

Instructions

Step 1

Every website owner wants to make their website or blog unique. The easiest way to personalize a web resource is to create a beautiful header for your site. There are several ways to get a beautiful hat. You can order its manufacture by a specialist, or you can do it yourself.

Step 2

Open a graphics editor like Adobe Photoshop and create a canvas based on the width of your site. The height of the future site header can be determined based on personal preference, but keep in mind that too narrow a header will be unimpressive. It is not necessary to make the header of the site too wide - once on a site with a header wider than the window, a person may simply not "screw up" to useful information.

Step 3

Fill the main background. For filling, select a tone that matches the main color scheme of the site. You can play in contrast, but here you need to have an impeccable sense of style, otherwise the site header will look like a foreign element. An interesting effect can be obtained using a gradient - overflows of color help to create a special hat.

Step 4

Decide on the placement of graphic elements that match the theme of your site. They can be placed either along the edges of the header, or offset to one of the edges. Try not to pile up objects - laconicism has not damaged any site. In addition to graphic objects, you can place a logo. Select it with a frame, shadow or reflection. If desired, the site header can be supplemented with a memorable slogan or a stylized name for a web resource. The choice of fonts in Photoshop allows you to make these inscriptions very different. If your site is a gaming site, look for gothic fonts.

Step 5

Insert images of main menu buttons. Various buttons can be pre-created in the same Photoshop. Do not forget to sign them, focusing on the main sections of your web resource. Use ImageReady to split the resulting image into separate sections - this will allow you to create links to different sections of the site in the future. Do not forget to save the resulting creation - your new unique header for the site is ready.

Recommended: