courses   |   sign up   |   materials   |   instructor   |   jobs   |   email   

text link
read/watch link
homework link
grades link
examples link
resources link
faq link
syllabus link
  
    home link
 LESSON 5: ADDING GRAPHICS

Objectives
    o understand graphic formats for the Web
    o download graphics
    o use the image tag <img>
    o align and center images
    o link graphics and use the "alt" tag

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
A text-only page isn't going to catch anyone's eye. After all, the World Wide Web is all about color and pictures. You will now dress up your Web site by adding graphics.

I recommend you download graphics from graphic archives on the World Wide Web. Although it is tempting to create original graphics for your Web site, it can be a tremendous drain on your time if you are not already an experienced graphic artist.

Once you have your graphic, you're ready to use the image tag. This tag finds a graphic which is strored on your computer or Web server and displays it on the page. You will also align text with graphics on a Web page.

With the growing popularity of the Graphical User Interface (GUI), Web users now look for a button or picture to click on. Creating graphics that link can add sophistication and pizazz to your Web site. However, when you include linked graphics you will also need to consider users who cannot display graphics, providing alternate text for non-graphical browsers is essential to a well-designed site.

IIn this lesson, you will modify your existing pages by adding the following elements:

three to five images HTML <img src="picture.gif">       XHTML <img src="picture.gif" />
aligned text and graphics <img src="picture.gif" align="left" /> text text text
"alt" tags <img src="order.gif" alt="order form link" />
linked graphics <a href="order.html"> <img src="order.gif" alt="order form link" /> </a>

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.




























 
lessons || read/watch || homework || grades || examples || resources || messages || syllabus || home

instructor contact information
robert caruso [707] 527-4999 X1142
dave harden [707] 527-4282
linda hemenway [707] 527-4855


This course is a core requirement for several Web Development Certificates. Learn more at the Web Certification site.

The CIS Department offers courses in the following areas: computer basics, applications, graphics, web development, productivity, networking and programming. Visit the CIS Web site.

copyright 2004 linda hemenway