Exercise #3
The primary purpose for exercise 3 is:
-
Develop familiarity with image formats and preparing images for the web.
-
Learn about resolution, sizing and bit depth of images.
-
Understand why certain formats are used for certain things (GIF for flat,
JPG for photo)
-
Learn about and use the <img /> tag
-
Discover more about the "looseness" of HTML formatting.
How you should grade this Exercise:
- They should submit the three files properly using the correct naming convention. (-2 max)
- Formatting as specified in exercise description. (-5 max)
- include the following XHTML wellformedness constraints (-1 per occurance up to -5 max)
- All tags in lowercase
- All tags are closed
- All tags are case-sensitive ( <p> </p> .......... NOT <p> </P> )
- All standalone tags are closed (<img />, <hr />, <br />, etc.)
- All tags must be properly nested ( <h1><p></p></h1> ............ NOT <h1><p></h1></p> )
- All attribute values are in double quotes (<p align="left">)
- Only one root element (<html>)
- No attribute minimization ( <option selected="selected"> ......... NOT <option selected> )
- Properly coded with all structural elements (missing <!doctype>, <html>, <head>, <body>) (-3 max)
- Figures should be formatted to a max width of 600 pixels and a minumum
of 300. (-2 max for improperly size images).
-
See the list of files for which images should be GIF and which should be
JPG (-2 max for not following recommendations of the format of images).
Total Points Possible: 10 pts