Unit 4: Web Graphics

Overview

There are four modules in this unit. In the first module you will be introduced to using graphics in web design and learn about what constitutes effective use of web graphics. In the second module, you will acquire digital images and then learn how to crop and resize the images so they can be displayed on web pages. In the third module, you will utilize simple drawing tools and layers in graphics software to create simple web graphics and buttons. In the fourth module, you will learn about selection tools, tools for image manipulation, and blending techniques. The final project will be to create a banner image to be used on your portfolio web page.

Video

The following video introduces you to topics covered in Unit 4. If the video does not play, ask your instructor for an alternative version.

Modules:

• Module 1: Introduction to Web Graphics
• Module 2: Creating a Web Photo Album
• Module 3: Creating Navigation Buttons
• Module 4: Creating a Web Page Banner

Copyright © 2005-2008 by University of Washington. Permission is granted to use these materials in whole or in part for educational, noncommercial purposes provided the source is acknowledged. This product was created with support from the National Institute on Disability and Rehabilitation Research of the U.S. Department of Education (grant #H133D010306), and is maintained with support from the National Science Foundation (grant #CNS-054061S). The contents do not necessarily represent the policies of the U.S. federal government, and you should not assume their endorsement.