Difference between revisions of "AIM Class3"
(→Links) |
(→Introduction to images on the web - including compression schemes) |
||
| Line 26: | Line 26: | ||
==Introduction to images on the web - including compression schemes== | ==Introduction to images on the web - including compression schemes== | ||
| − | + | ===Formats=== | |
| + | Main image formats for web publishing at this time: jpg, gif, png, svg (however the most accessible to older browsers are jpg and gif). | ||
| − | + | ====JPG==== | |
| + | When to use: an image that has a lot of detail (like a photograph). | ||
| − | + | Algorithm used: | |
| − | + | Pros and Cons: | |
| + | |||
| + | ====GIF==== | ||
| + | When to use: an image that has broad areas of color, an animated image, or an image with transparency (when using png is not desirable) | ||
| + | |||
| + | Algorithm used: | ||
| + | |||
| + | Pros and Cons: | ||
| + | |||
| + | ====PNG==== | ||
| + | When to use: | ||
| + | |||
| + | Algorithm used: | ||
| + | |||
| + | Pros and Cons: | ||
| + | |||
| + | ====SVG==== | ||
| + | When to use: | ||
| + | |||
| + | Algorithm used: | ||
| + | |||
| + | Pros and Cons: | ||
| + | |||
| + | |||
| + | ===Size (visual and file size)=== | ||
| + | |||
| + | ===Compression=== | ||
| + | |||
| + | ===Copyright=== | ||
| + | |||
| + | Fair Use, Copyright Issues, Creative Commons | ||
==Introduction to wrapping text== | ==Introduction to wrapping text== | ||
Revision as of 20:58, 15 August 2006
Contents
Compliance and Verification of Documents
Review
1. Who creates the standards?
2. Are the standards mandatory for browser developers and for those who post content online?
Compliant XHTML/CSS
1. What do you need in order to make a document "verifiable"?
2. How can you "verify" a document?
Web Accessibility
1. What is web accessibility?
2. Why is web accessibility important?
3. How can you make a site more accessible?
Introduction to images on the web - including compression schemes
Formats
Main image formats for web publishing at this time: jpg, gif, png, svg (however the most accessible to older browsers are jpg and gif).
JPG
When to use: an image that has a lot of detail (like a photograph).
Algorithm used:
Pros and Cons:
GIF
When to use: an image that has broad areas of color, an animated image, or an image with transparency (when using png is not desirable)
Algorithm used:
Pros and Cons:
PNG
When to use:
Algorithm used:
Pros and Cons:
SVG
When to use:
Algorithm used:
Pros and Cons:
Size (visual and file size)
Compression
Copyright
Fair Use, Copyright Issues, Creative Commons
Introduction to wrapping text
Introduction to the anchor tag - including pseudo classes
Links
W3c: http://www.w3.org/
Web Accessibility: http://www.w3.org/WAI/intro/accessibility.php
Overview of Accessibility: http://www.w3.org/WAI/References/QuickTips/Overview.php
Creative Commons: http://creativecommons.org/
