Composer Webpage Design: home |1|2|3|4|5|6|7|8|9
Creating a Banner Graphic For Your Webpage


Banner graphics often appear at the top of webpages. Web designers use banner graphics to give all the pages in a website a common look. Banner graphics are also used for the advertisements that appear on webpages. In most cases, the banner graphic is long and narrow.

You can create banner graphics with Microsoft Paint, ClarisWorks / AppleWorks Paint or other digital art tools like Adobe PhotoShop. If you do not have access to a graphics application on your computer, you can use online graphics tools to create banner graphics.

Here are several online graphics websites that will allow you to create your own banner graphics. Follow the online directions or consult the Help files for the tool you select.

NetStudio.com - This online graphics tool allows you to create personalized banners, buttons and headings. You can also apply special effects to your digital photos.

GIFWorks.com - GIFWorks is a full-featured online graphics editing tool. You can open images from your computer, apply special effects and save the modified image back to your computer.

3D Text Maker - Create personalized 3-D Banners for your webpages.

Animated Banner Maker - Create personalized animated banners for your webpages.

Whether you use a graphics tool on your own computer or an online graphics tool, you will want to create a banner graphic that is about 600 wide and 75 pixels high.

When you are finished tweaking your banner graphic, you will need to save it to the same folder where you earlier saved your webpage. Follow these steps.

  1. Click on the File menu.
  2. Select Save As.
  3. Change the file name to logo
  4. Important Note: Be careful when saving your graphics… Windows Computers will try to save graphics files in the .bmp format and Mac Computers will try to save graphics in the .pict format. Neither will work on the web! Web browsers can only recognize .gif or .jpg graphics files.
  5. Select either the .gif or .jpg format to insure that you will be able to use the banner you created on your webpage.
  6. Click on Save.

The final step in this activity is to add your new banner graphic to the graphics webpage you began in a previous activity. Follow these steps.

  1. Open the folder where you saved your webpage.
  2. Open the yourname webpage.
  3. After Navigator has opened on the screen, select Edit Page from the File menu.
  4. Composer will open on the screen.
  5. Position your cursor at the top of the page.
  6. Click on the Image toolbar button.
  7. Click on Choose File.
  8. Navigate to the floppy disk and select the logo file.
  9. Before clicking on OK, check the Dimensions on the lower left side of the Image Properties dialog box. If necessary, change the width to 600 pixels and height to 75 pixels.
  10. When you click on OK, you web banner will appear on the screen.
  11. Click on the Save icon to save the changes.
  12. Click on Preview to view your modified webpage.

 

 

Website maintained by Bob Jost | bjost@josts.net | last revised July 30, 2000

Copyright © 1997-2000 by Bob Jost.  All rights reserved. No part of this website may be
transmitted, stored or recorded in any form without written permission from the author.