Site hosted by Angelfire.com: Build your free website today!

Exercise #1
Exercise #2
Exercise #3
Exercise #4
Exercise #5
Exercise #6
Exercise #7
Exercise #8
Homework

By : Pegin S. McDermott


Exercise #1
Find at least five navigation mistakes

1. Rotating graphics on home page
2. Poor navigation - especially on tree pruning pages
3. Typos and grammatical errors throughout
4. Too much information on tree & stump removal page
5. Blinking header on pricing page
6. Font changes on mouse over of Lawn Care FAQ's link
7. Contact us link has with annoying animated email graphic
8. Contact us link for email is a dead end - page cannot be found
9. Contact us information at the bottom are not consistently centered with the rest of the information 

Exercise #2
Fix the graphic spacing

image20
image21
image22
image23
image24
image25
image26
image27
image28
image29
image210

Exercise #3
Find at least five accessibility mistakes
1. Does not use an alt for images - no text equivalent if image does not show
2. Uses specific font value i.e. Firewood page font size=6 vs font="+2"
3. Does not specify language and country on pages
4. Blinking text!!! (Pricing page)
5. Pricing page also has long italicized paragraph
6. Incompatibility between Mozilla and IE loss of graphics, links, etc.
7. Contact us Email link in IE brings to Webyoda :-)
8. Requires Java in IE w/#7
9. Last update 2001!

Exercise #4
GIF Compression Exercise
images/04menu.gif (Size = 4.5K / 2.2 seconds)
images/04menu.gif


Exercise #5
JPG Compression Exercise
images/80desert.jpg (Size = 7K / 3.5 seconds)
images/80desert.jpg


Exercise #6
Find at least five optimization mistakes
1. Logo is 89k alone - total web pics & text should not exceed 90k
2. Logo is scaled by code instead of coding to exact size
3. Pictures are not compressed and sized to size desired on website
4. Not all graphics are properly specified using height and width attributes in coding.
5. Tree services picture is saved as a gif when it should be a jpg file
6. Same as #5 with landscaping page
7.
8.
9.

Exercise #7
Making Buttons Transparent
"Off Button"
images/blankbtn3.gif
"On Button"
images/blankbtn4.gif


Exercise #8
Colorize interface buttons
(Display will appear reduced to fit within this page)
images/00interface2.jpg


Homework
Slice and complete 00interface1.htm


View Homework Results










This course is licensed via www.webmastercertification.com, a division of WebYoda, Inc.