Home | CSS | Tables | Images | Typography | Layout | Designing for Devices | Color Theory | Forms | Dreamweaver Features | Resources | Accessibility

Images

Here is how to add your caricature to your site:

  1. Right-click on the Site folder, and select New Folder
  2. Name this folder 'assets'
  3. Go to Insert, and click on Image
  4. Select the image you wish to inset, navigating to the folder it is in if you need to
  5. The image will be inserted into your site, and copied to the assets folder if it isn't already there.

Here is a caricature of me:

Caricature of Tim

 

Rollover Images

Terms you need to know:

  1. Rollover Images - The swapping of images coded such that when viewed in a browser, one image is replaced by the other on mouseover.
  2. Simple Rollover - The viewing of one image swapped with another at the same place in a browser.
  3. Disjointed Rollovers - Occurs when a different image changes on mouseover instead of the same one
  4. Navigation Bars with Multiple Rollover States - The creation of a Navigation Bar all in a single step using 4 different images per button. An example of this can be seen here:
    Sample Navbar
  5. Flash Buttons - These are quick and easy buttons you can make which add variety to your navigation and can change color when mousedover. They can also be linked to your pages, as the following button is:

Editing Images

Images - what would the web be without them? If we could not see what we were being told about, how would we learn? How would we get to try something out? How could we play a game? The web would be very little without its images. Nothing more than a jumbled web of text.

The important part is deciding how and when to use images. And a large part of that, in turn, is knowing your target audience. To do this, you must understand dimensional size and file size, and how they relate. Dimensional size is the size of the picture itself. Such as desktop wallpaper that is 640X480. File size is the amount of disk space the image takes, such as 50KB.

But why would you want to edit images for the web? Because images that are too big take too long to download, and may be costly to get for those paying for bandwidth. They may also take websites and make them too big to be fully seen on a single monitor. You may also want to edit images to make them more visible, and easier to see. Making images small, and easy to see, are great ways to ensure a successful website.

Here are some websites you may find useful:

image editing