• Site Plan
• Modularization Plan
• Style Guide
• Copyright
• Colophon
• Learning Report #1
• Learning Report #2
• Learning Report #3
• Learning Report #4
• Learning Report #5
• Learning Report #6
• Learning Report #7
• Learning Report #8

Learning Report #1

Using Images

This report is a nice feeble attempt to explain basic usage of image tags and to use them effectively.

What I Learned

According to xhtml.com , Images can enhance a Web visitor's visual experience. However, when images are used incorrectly, they can distort the meaning of content . . .To avoid distorting the meaning of content, you need to identify the purpose of your image: is it a decorative image or non-decorative. The difference between the decorative and non-decorative is what information the image gives.

If you want to enhance a paragraph with a subject related image, then you will follow the decorative rules. Keep in mind, that alt descriptions are not always the wisest to use. For example; if you have a decorative image next to a paragraph and the image doesn't load, you will have the alt mixed in with the paragraph. This will in turn ruin the context of the paragraph.

If you are using your image to show information, then you will want to follow the non-decorative rules. These images should always have an alt description (including Bro. Robertson's trick with your website name in it).

Explanation/Examples

I also was able to learn from my own experimenting and echoecho.com on how to create a word wrap. Within the img tag, add the description (align) and place the title left or right depending on where you want the image. Then you follow with your text after the image with NO TAGS

Click here to see some do's and do not's with decorative and non-decorative images