3.02A Introduction to Web Development and Standards

1. 3.02A Introduction to Web Development and Standards 3.02 Develop webpages..

2. Introduction to Web Development • Webpage – a document stored on a web server which can be accessed and viewed using a web browser on a computer or mobile device. • It can contain: • Graphics, audio and video. • Hyperlinks to other documents on the World Wide Web. • Website – a collection of related webpages.

3. Purpose of a Website • A website is developed to build a relationship with a target audience and are created for the following reasons: • Sell – to sell products or services. • Advertises and/or demonstrates a product or service. • Provides customer support. • Often includes a database (or catalog) of products and services. • Examples: • Microsoft • Nike • http://www.michebag.com • Inform - provides information about a cause, event or organization and may provide tutorials or demonstrations. • Examples: • www.ncpublicschools.org • http://schoolcenter.gcsnc.com/nwhs • www.cnn.com

4. Websites that Sell: • Many commercial sites, such as Microsoft, provide training, tutorials, and allow user input, however, the bottom line and intent of the website is to sell products. • Tutorials and product support are all part of the sales package that maintains and recruits customers.

5. Examples: • The website for Microsoft provides information and support for its products, provides a user discussion forum, and sells and advertises. • The website for Nike provides information and support for its products, provides a user discussion forum, allows users to rate products, sells and advertises.

6. Websites that Inform: • The website for the NC Public Schools provides information, pictures, and videos about testing results, the Board of Education, and state-wide initiatives and policies, among others. • It also provides links to several databases of statistical data, personnel, resources, and school systems. www.ncpublicschools.org

7. Websites that Inform: • The website for Northwest High School provides information and pictures about school events, links to teachers and administrators, resources, and the school calendar, among others. http://schoolcenter.gcsnc.com/nwhs

8. Websites that Inform: • The website for CNN provides information, videos, and pictures of newsworthy interest. www.cnn.com • Websites that promote a cause: Breast cancer awareness, animal rights, literacy, alcohol abuse, child advocacy, etc. • Websites that provide Information: Bureau of labor statistics, Career Clusters, Wikipedia • Nonprofit groups: FBLA, Boy Scouts, Second Harvest

9. Purposeof a Website • Entertain – provides information or links to movies, music, magazines, etc. • Examples: • www.itunes.com • www.imdb.com • Social – provides a network where people can interact online. • Examples: • www.facebook.com • Blogs • Wikis • Hybrid – a combination of any of the above. • Examples • www.ebay.com • www.petfinder.com • www.youtube.com

10. What are web standards? • Basic set of guidelines for authoring languages used to make webpages. • Developed by the World Wide Web Consortium (W3C). • Hyperlink URL is: • http://www.w3.org/

11. What is the W3C? • The W3C is a member organization. Some well known members include: • IBM • Microsoft • America Online • Apple • Adobe • Sun Microsystems

12. The W3C and Web Standards • The W3C is working to make the web accessible to all users regardless of differences in: • Culture • Education • Ability • Resources • Physical Limitations

13. Advantages of Web Standards • Helps ensure webpages display consistently in all browsers. • Internet Explorer, Mozilla Firefox, Opera, and other browsers display the website exactly the same way. • Faster website development. • Faster downloading of websites.

14. Advantages of Web Standards continued • Equal access to information. • Differences in browser and/or operating system versions do not limit the user’s access to the site. • Differences in hardware do not limit the user’s access to the site. • Computer • PDA • Cell phone

15. Section 508 Amendment to the Rehabilitation Act states that US Federal agencies must provide: Equal access to and use of information on their websites for individuals and employees with disabilities. The information must be comparable to that provided to individuals and employees without disabilities. Applies ONLY to the United States. United States Website Accessibility Legislation

16. Journal Entry • Purposes of Websites • Sell – Advertises and/or demonstrates a product or service • Inform – Provides information about a cause, event or organization and may provide tutorials or demonstrations. • Entertain – Provides information or links to movies, music, magazines, etc. • Social – Provides a network where people can interact online.

17. Journal Entry • Web Development Standards – basic set of guidelines for authoring languages used to make web pages. • W3C-The World Wide Web Consortium. The organization that develops the standards for web development.

18. Journal Entry • Advantages of Web Development Standards • Helps ensure web pages display consistently in all browsers. • Faster website development. • Faster downloading of websites. • Equal access of information. • Website is accessible regardless of browser, operating system or hardware.

19. Journal Entry • Section 508 Amendment to Rehabilitation Act – Requires US Federal Agencies to make information and data equally accessible to individuals and employees with disabilities.

20. Activity • 3.02 Web Standards and the W3C • Handout available