Upload
christopher-smith
View
249
Download
1
Tags:
Embed Size (px)
DESCRIPTION
Lecture 5 - Introduction to Web Standards for Design and Authoring III at Algonquin College.
Citation preview
Week 5 - MTM4081webstandards
week4review• Guest speaker, Laura Wesley, from
Treasury Board and Secretariat Canada. Talked about user experience and design.
• Briefly looked at Common Look and Feel and the new Usability template.
• Drupal 7 theming. Why do we theme? What benefits are associated with separating the visual and business layer?
• Drupal 7 templates files (tpl), stylesheets, and available documentation.
• Group assignment: Begin work on the design for your site. Convert to Drupal if time is available.
• Group presentations: Show off your new design.
• Possible work term placements at Statistics Canada and Treasury Board with a Drupal migration and user interface work, respectively.
Week 4 Review
Week 5
standards
Week 5
standards
Week 5
standards
Two all-beef patties, special sauce, lettuce, cheese, pickles, onions - all on a sesame seed bun
Week 5
why?To make internet a better place, for both developers and visitors, it is important that both browsers and web developers follow the web standards.
www.opin.ca [email protected] (613) 851-7102 126 York Street, Office 300, Ottawa
DevelopersWhen developers follow the Web standards, the development is simplified, since it is easier for a developer to understand another’s coding.
Browser DisplayWill ensure that all browsers will display your web site properly, without time-consuming rewrites.
Search EnginesEasier for search engines to access and index, easier to convert to other formats, and easier to access with program code (Javascript)
AccessibilityAllow people with disabilities to access web content using assistive-technologies.
Week 4
w3cconsortiumWorld Wide Web ConsortiumCreated 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 [email protected] (613) 851-7102 126 York Street, Office 300, Ottawa
Week 4
ourfocusHTML- 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 [email protected] (987) 124-5678 98 East Street, New York, NY 12345
intermission
Week 4
onlinelab• Install Live CSS
• Experiment with template CSS files
www.rework.com [email protected] (987) 124-5678 98 East Street, New York, NY 12345
intermission
Week 2
groupwork
Create DesignDesign
In your group, create a design as a mock-up of what you would like your website to look like.
Design should be 1, 2, or 3 columns.
Should have a header and footer.
Teams of 3. Assignment should take 1 hour followed by presentations.
ConvertThemes
Using Live CSS, begin converting your design into Drupal.
intermission
Week 2
presentations1. Group B
2. Group H
3. Group C
4. Group 1
5. Group E
6. Group F
7. Group D
8. Group G
Week 4
writtenGroup: Finish migrating the design of your website into Drupal.
Individual: Write an article explaining what are the “Web Content Accessibility Guidelines”. Why do we implement these guidelines?
www.opin.ca [email protected] (613) 851-7102 126 York Street, Office 300, Ottawa