 |
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
LESSON 6: COLOR & BACKGROUNDSObjectives o add page, text, and link colors
o add a background image o convert graphic formats o create an imagemap o add an animated GIF o learn about Photoshop 6.0 updates
Listed above are the lesson objectives. Refer to the CD for step-by-step instructions and video demonstrations that will help you master these objectives. Overview Once you have changed the background color, you may want to adjust the color of the body text, linked text, visited links, and active links. Coordinating the colors on your page allows the text and background to work together to produce a Web page that is pleasing and easy to read. On the other hand, the easiest way to ruin your Web page is to add a background color or graphic that makes the page unreadable. Avoid busy backgrounds or colors that do not have enough contrast. What about all the graphics you already have on your computer? If you want to use BMP, PICT, TIFF, or Paint files, there are tools that will convert those graphic formats into the two most common file formats on the Web: GIF and JPEG. The CD contains instructions and videos for using Photoshop (Mac/PC), GraphicConverter (Mac), and LView Pro (PC). Each product will be used to convert images from one format to another. For example, a TIFF image can be converted to JPEG, or a BMP graphic can be saved as a GIF. You will also use the software to resize an image, which is especially useful when creating thumbnails. Mapedit will be used to demonstrate how you can create an imagemap. Put simply, an imagemap is a linked image with "hot spots," each of which connects to a different Web location. If I scanned in a photo of my family, I could use an imagemap to make each person link to a different Web page describing his or her hobbies and interests. In this lesson, you are asked to add an animated GIF. The easiest way to achieve this is by downloading the image from the Web. However, if you would like to create an original animation, there are instructions for using ImageReady, which comes bundled with Photoshop. ImageReady can create an animated GIF. However, if you are not familiar with this software, I do not recommend you try to make your own animation. A word of warning: Do not spend too many hours obsessing over the graphics at your site. Graphics are a complex and diverse subject; that's why we created a class on Web Graphics - CIS 58.53A. I encourage you to take a look at student projects from this course and enroll in it at a later date. The color lesson enables you to add the following elements:
After reading the step-by-step instructions and watching the video demonstrations on the CD, we recommend you read the text, review your notes, and view examples of the code. Then begin creating the Web pages required for your homework. If you are still confused, send your instructor an email.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
instructor contact information |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
