Answers Search Help
Boston University home page
HTML: Introduction
 
 
    Components
 
 
 
 
 
 
    Syntax
 
 
 
 
 
    Essential Tags
 
 
 
 
 
 
 
 
    HTML Headings
 
 
    Text
 
 
 
 
    Layout
 
 
 
 
 
 
 
    Links & Images
 
 
 
 
    Publishing
 
 
    Also See
 
 

Images and Graphics

A well-designed Web site not only has compelling text, but also incorporates images and graphics. These can convey a professional, polished look and feel and present a more inviting atmosphere to your visitors. Images and graphics are also important for making navigation more convenient and for making the layout of the page easier to understand.

As with your text, you'll want to make sure your images and graphics are ready to go before you begin coding any HTML. We recommend using Fireworks (by Macromedia) to create and edit graphics, and we offer training for using this software.

Here are some tips to keep in mind when preparing your images and graphics:

  • Make sure the graphics are saved to an appropriate size before adding them to your page. You might have to make a mock-up of the page to decide on the right size, but a little extra preparation will save time in the long run.
  • Consider the appropriate format for your images and graphics. Some work best in .jpg format, while others are better saved in .gif format. Our Fireworks: Editing Photographs and Images tutorial can help.
  • If you plan to use graphics as buttons—that is, as navigational elements—you might want your graphics to change when visitors move the cursor over them. If so, you'll need to create graphics for this "roll-over state" too. Our Dreamweaver: Styles and Behaviors tutorial shows an easy way to add a rollover effect, while our Fireworks: Creating Navigational Graphics tutorial addresses the topic in detail.
WebCentral Using Publishing Learning Training Consulting WebCentral
Answers Search Help
NIS  |  OIT  |  Boston University  |   January 9, 2007