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 chris.smith@opin.ca (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 chris.smith@opin.ca (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 rework@mail.com (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 rework@mail.com (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 chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa