Images
Monday, 22 Mar, 2010 – 11:21 | No Comment
This entry is part 1 of 7 in the series Images

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 …

Inserting Images Into Your Web Pages
Monday, 22 Mar, 2010 – 11:22 | 6 Comments
This entry is part 2 of 7 in the series Images

If you wish to add an image to a spot on your HTML document, you can simply use the <img> tag. The general usage includes the “src” attribute to indicate the source file (i.e. location …

Adding Alternative Text To Your Images
Monday, 22 Mar, 2010 – 11:23 | No Comment
This entry is part 3 of 7 in the series Images

“Alternative text” is the text that appears when you hover your mouse over an image. Actually, the real reason alternative text should be used along with every significant image on your HTML document is that …

Sizing Images & Adding Image Borders
Monday, 22 Mar, 2010 – 11:24 | No Comment
This entry is part 4 of 7 in the series Images

In order to set a size to an image, we’re going to use the “width” and “height” attributes of the <img> tag. These attributes are generally used to preset the size of the images in …

GIF vs JPEG
Monday, 22 Mar, 2010 – 11:24 | 58 Comments
This entry is part 5 of 7 in the series Images

This section of Online Web Design Course will cover the difference between GIF and JPEG file formats.

GIF (Graphic Interchange Format) and JPEG (Joint Photographic Experts Group) are both image file compression formats. They both compress …

The PNG Format
Monday, 22 Mar, 2010 – 11:26 | 148 Comments
This entry is part 6 of 7 in the series Images

This section covers the PNG image file format, which was developed as an advanced alternative to the GIF format.

PNG (pronounced “ping”) stands for “Portable Network Graphics” and it is a highly advanced image file format …

Using Spacer Images
Monday, 22 Mar, 2010 – 11:28 | 198 Comments
This entry is part 7 of 7 in the series Images

This section of your free online web design course covers “spacer” images, which are basically 1×1 dimension, transparent GIF images used to create useful blank spaces in a web page.

For example if you want two …