1. Site Optimization Module 8: Web Publishing and Maintenance LESSON 3

2. Module 8: Web Publishing and Maintenance LESSON 3 Lesson Overview How does a designer create a site that will load quickly and be viewable by persons with disabilities? In this lesson, you will learn to:  Optimize the code in your Web site  Compress the images in your Web site  Place alt tags on the images in your Web site

3. Module 8: Web Publishing and Maintenance LESSON 3 Guiding Questions  How easily and successfully will someone with a disability be able to use your Web site?  What steps have you taken to ensure this?

4. Module 8: Web Publishing and Maintenance LESSON 3 Why Does a Web Site Need to Be Optimized?  Creates a faster loading site  Reduces unnecessary code that beginning designers tend to include  Allows unnecessary items and code to be identified

5. Module 8: Web Publishing and Maintenance LESSON 3 Optimizing the Code  Most Web editing software has an optimization tool to identify unnecessary code.  The designer makes the final decision to delete or leave code labeled as “unnecessary.”

6. Module 8: Web Publishing and Maintenance LESSON 3 Optimizing the Images  Observe the length of time it takes to download and display an image.  Two common file types of Web images:  GIF  JPG

7. Module 8: Web Publishing and Maintenance LESSON 3 Optimizing the Images - GIF  Uses 256 colors or less  The higher the color count, the longer the load time  Reduce the number of colors, load time is reduced  Designer must balance the reduction in image quality with the load time

8. Module 8: Web Publishing and Maintenance LESSON 3 Optimizing the Images - JPG  A photographic image  The higher the quality, the longer the load time  Most JPG images can be compressed without a reduction in quality  Designer must balance the reduction in image quality with the load time

9. Module 8: Web Publishing and Maintenance LESSON 3 Using Alt Text  Web Accessibility Initiative http://www.w3.org/WAI/WCAG20/quickref/#text-equiv http://www.w3.org/WAI/WCAG20/quickref/#text-equiv  Guideline 1.1: Non-text elements should be identified by an alt text.  Search Engines  Alt text allow search engines to include the discovery of this site in a search summary.  To test, use “Preview in Browser” mode

10. Module 8: Web Publishing and Maintenance LESSON 3 Assignment  Explore the following Web sites on the topics of site optimization and alt tags.  WebWeaver: Formatting tips to speed up your Web site http://www.webweaver.nu/html-tips/load-time.shtml http://www.webweaver.nu/html-tips/load-time.shtml  Web Accessibility Initiative (WAI)  http://www.w3.org/WAI/ http://www.w3.org/WAI/  Regioninfo – Web site load time analysis http://www.regioninfo.biz/loadtime.php http://www.regioninfo.biz/loadtime.php  Apply optimization and alt tag techniques to your site.

11. Module 8: Web Publishing and Maintenance LESSON 3 Lesson Review  Why should a Web site be optimized?  What is the goal of the Web Accessibility Initiative (WAI)?  What is the maximum number of colors used in a GIF image?