Introduction to Web Standards

321 views
290 views

Published on

Lecture 5 - Introduction to Web Standards for Design and Authoring III at Algonquin College.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
321
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Introduction to Web Standards

  1. 1. webstandards Week 5 - MTM4081
  2. 2. Week 4 Review week4review• Guest speaker, Laura Wesley, from • Group assignment: Begin work on the Treasury Board and Secretariat Canada. design for your site. Convert to Drupal if Talked about user experience and design. time is available.• Briefly looked at Common Look and Feel • Group presentations: Show off your new and the new Usability template. design.• Drupal 7 theming. Why do we theme? What benefits are associated with • Possible work term placements at separating the visual and business layer? Statistics Canada and Treasury Board• Drupal 7 templates files (tpl), stylesheets, with a Drupal migration and user and available documentation. interface work, respectively.
  3. 3. Week 5standards
  4. 4. Week 5standards
  5. 5. Week 5 standards Two all-beef patties, specialsauce, lettuce, cheese, pickles, onions - all on a sesame seed bun
  6. 6. Week 5 why?To make internet a better place, for both developers and visitors, it is importantthat both browsers and web developers follow the web standards.Developers Search EnginesWhen developers follow the Web standards, Easier for search engines to access and index,the development is simplified, since it is easier easier to convert to other formats, and easier tofor a developer to understand another’s coding. access with program code (Javascript)Browser Display AccessibilityWill ensure that all browsers will display your Allow people with disabilities to access webweb site properly, without time-consuming content using assistive-technologies.rewrites. www.opin.ca chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa
  7. 7. Week 4w3cconsortium World Wide Web Consortium Created in 1994 Purpose: working to standardize the web. Created and maintains the WWW Standards. Standards are referred to as W3C Recommendations List of recommendations: http://www.w3.org/TR/ www.opin.ca chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa
  8. 8. Week 4 ourfocus HTML - Validating HTML CSS - Validating CSS Accessibility - Identifying, testing, and validating accessibility. Common Look and Feel - Identifying, testing, and validating CLF. Usability Template - Overview of the new usability template.www.rework.com rework@mail.com (987) 124-5678 98 East Street, New York, NY 12345
  9. 9. intermission
  10. 10. Week 4 onlinelab• Install Live CSS• Experiment with template CSS files www.rework.com rework@mail.com (987) 124-5678 98 East Street, New York, NY 12345
  11. 11. intermission
  12. 12. Week 2 groupwork Teams of 3. Assignment should take 1 hour followed by presentations.Create Design ConvertDesign ThemesIn your group, create a Using Live CSS, begindesign as a mock-up of what converting your design intoyou would like your website Drupal.to look like.Design should be 1, 2, or 3columns.Should have a header andfooter.
  13. 13. intermission
  14. 14. Week 2 presentations1. Group B2. Group H3. Group C4. Group 15. Group E6. Group F7. Group D8. Group G
  15. 15. Week 4 writtenGroup: Finish migrating the design of your website into Drupal.Individual: Write an article explaining what are the “Web Content AccessibilityGuidelines”. Why do we implement these guidelines? www.opin.ca chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa

×