Download presentation
Presentation is loading. Please wait.
Published byChristal Price Modified over 9 years ago
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?
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.