How to Create Custom Web Headers

How to Create Custom Web Headers thumbnail
How to Create Custom Web Headers

A web header is a graphic that helps to bring the overall look and structure of your website together. Without some type of header, your website's text and images can float all over the page—they aren't properly anchored. The width of a header usually guides the overall width of each web page's content area. There are a variety of ways that you can create your own custom header.

Instructions

    • 1

      Use Adobe Photoshop to design a custom header. This is a program that professional web designers use to create custom graphics. The sky is the limit with this software when it comes to making your web header, but you need to get familiar with the various tools. This option is preferable if you want as much control as possible over your design. Photoshop uses a series of layers to create your design. You can add any image you want to each layer, choose from a long list of font options for the text, and create colorful, patterned, or gradient-style backgrounds.

    • 2

      Design a small custom header online using Banner Creator. This is an online tool that allows you to create a banner from your browser, then view or download it as a GIF file. Add up to two graphics, three text elements, and choose the background (gradient or solid color). The limitation is the size—your header can be up to 400 by 40 pixels. This tool is best for a very simple, quick header in the absence of graphic software.

    • 3

      Use Microsoft PowerPoint to create your custom web header. This presentation program is ideal for this task because it allows you to quickly convert a slide image into a JPEG or GIF file using the "Save as" command. It's also the next best option if you don't have graphic design software on your computer. Set the PowerPoint slide to the size that you want for the header (Page Setup), then add images, text, and a background.

Related Searches:

References

  • Photo Credit Ciaran Griffin/Lifesize/Getty Images

Comments

You May Also Like

Related Ads

Featured