Images @ OWDC - LESSON 1-07

LESSON 1-07: Images

Web Design Lessons > Lesson 1-07: Images

Previous Lesson | Lesson Index | Next Lesson

In this lesson, we're going to cover how to insert images into your HTML documents, how to add alternative text (the text which appears when you hover your mouse over an image) to images, how to set the size and borders of images, what the difference between GIF and JPEG image formats are, and finally, how to use spacer images to assist you in your designs.

Images are generally used to set the mood of the web page, except for the ones reserved for the actual content (i.e. charts, albums, etc.). Note that mood-setting images are required to be used with care. If you pick the wrong images when designing a website, you can ruin the looks and feel of otherwise a great-looking website so bad that your visitors will flee in terror. Hopefully, your free online web design course will protect you from this demise :)

Below Are The Subsections Of Lesson 1-07:

• Web Design Lesson 1-07-01
Inserting images into your web pages
• Web Design Lesson 1-07-02
Adding alternative text to your images
• Web Design Lesson 1-07-03
Sizing images & adding image borders
• Web Design Lesson 1-07-04
GIF vs JPEG
• Web Design Lesson 1-07-05
The PNG format
• Web Design Lesson 1-07-06
Using spacer images

Sidenote #1: Check out my web design resources page to download a superb eBook!

Sidenote #2: If you enjoyed this lesson, please link to it :)

The first subsection of Online Web Design Course Lesson 1-07 covers how to insert images into your HTML documents. Let's head there.

Previous Lesson | Lesson Index | Next Lesson

Nearby Lessons:

• Lesson 1-05 HTML Tables
• Lesson 1-06 Background Alteration
• Lesson 1-07 Images
• Lesson 1-08 Hyperlinking
• Lesson 1-09 Aligning Your Content

Back To Top

IMAGES!