On to the not so fun Web stuff

1

• On to the not so fun Web stuff

2
Code Awareness
3
Why do I have to care about coding?

• Dreamweaver takes care of this
• ... well, not really.
• There are clean-up tools available. Still, its
  worthwhile because
• You have a better control of the layout and
  presentation
• You can paste in additional scripts and other
  code
• You can troubleshoot errors
• Your pages will load faster when the code is
  optimized
• It will allow for more cross-browser compatibility

4
Diving intothe Code
5
Tips and Tricks for Reading Code

• Apply Source Formatting and Clean up (X)HTML
  (under Commands in the menu bar).
• Understand the main HTML tags you do not have
  to know every tag.
• XHTML is your friend.(File gt Check Page gt
  Validate as XML)
• Tag and attribute names must be written in
  lower-case.
• Elements must nest no overlapping.
• All non-empty elements must be closed empty
  elements must be terminated.
• Attribute values must be quoted and cannot be
  minimized
• (For more information http//www.w3schools.com/xh
  tml/xhtml_html.asp)
• Look for references to css and js files.
• If all fails, modify and preview, undo, try
  again.

6
Code De-Mystified

• lthtmlgt
• ltheadgt
• lttitlegtTips and Tricks for Reading Codelt/titlegt
• ltlink hrefwebdesign.css" rel"stylesheet"
  type"text/css" /gt
• lt/headgtltbodygt lth1gtTips and Tricks for Reading
  Codelt/h1gt
• ltpgtWell, there are manylt/pgt
• lt/bodygt
• lt/htmlgt
• lth1gtlt/h1gt, lth2gtlt/h2gt, lth3gtlt/h3gt etc.
• ltstronggtltbgt
• ltemgtltigt
• ltscriptgtlt/scriptgt
• lthrefgtlt/hrefgt
• ltimggt lt/imggt

7

• lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
  Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD
  /xhtml1-transitional.dtd"gt
• lthtml xmlns"http//www.w3.org/1999/xhtml"
  xmllang"en" lang"eng"gtlt!-- InstanceBegin
  template"/Templates/DB.dwt" codeOutsideHTMLIsLock
  ed"false" --gt
• ltheadgt
• ltmeta http-equiv"Content-Type"
  content"text/html charsetiso-8859-1" /gt
• ltlink href"../../_assets/general.css"
  rel"stylesheet" type"text/css" media"all" /gt
• ltscript type"text/javascript" src"../../_js/feds
  earchhead.js" gtlt/scriptgt
• lttitlegtSeneca Libraries Article
  Databaseslt/titlegt
• lt/headgt
• ltbodygt
• ltdiv id"wrapper"gt
• ltdiv id"banner"gt lt/divgt
• ltdiv id"navcontainer"gt lt/divgt
• ltdiv id"main"gt
• ltdiv id"breadcrumb"gt lt/divgt
• ltdiv id"content"gt
• lth1gtArticle Databaseslt/h1gt
• lth2 align"center"gt- lt!--
  InstanceBeginEditable name"subject_area" --gt
  Businesslt!-- InstanceEndEditable --gt -lt/h2gt
• ltp align"center"gtlta href"../../Technical_H
  elp/accessing_resources.html"gtOff-Campus
  Accesslt/agt - lta href"db_search_features.doc"gtData
  base Search Featuresltbr /gtlt/agtltimg
  src"../../_graphics/mapleleaf.gif" width"16"
  height"14" /gtltspan class"tiny"gt - contains a
  significant amount of Canadian contentlt/spangt
• ltformgt

8

• lt!-- InstanceBeginEditable name"main" --gt
• lttable width"100"gt
• lttbodygt
• lttrgt
• lttdgt
• ltspan class"specialtext"gt
• lta href"http//library.senecacollege.ca/re
  sources/bh_abi.html"gt
• ABI/INFORM Global
• lt/agt
• lt/spangt
• ltbr/gt
• (ProQuest Information and Learning) Provides
  in-depth coverage of business conditions, trends,
  corporate strategies and tactics, management
  techniques, competitive and product information,
  and a wide variety of other business topics.
• ltbr/gt
• ltdiv align"right" class"tiny"gt
• lta HREF"../DB_Description/1.html"gtMore
  Infolt/agt
• lt/divgt
• lt/tdgt
• lt/trgt
• lt/tbodygt

9
Accuracy andCurrency
10

• Would you read the Globe Mail if it was
• full of mistakes
• reporting about news from a month ago?
• What do students and faculty expect from the
  materials they obtain from the library?
• What do students and faculty expect from
  conversations with library staff?

11
Maintaining a Web Balance

• Your page does not have to be complete.
• Your page does not have to be comprehensive.
• Remember to target your content to the audience
  this will (hopefully) remind you to keep content
  current and accurate.
• Test your links regularly!
• Make use of tools that are out there
• Stay on top of news using RSS Feeds

12
Tools Resources

• On the Intranet Library Web Site gt Site
  Resources Tools https//college.senecac.on.ca/LC
  staff/ProjectsCommittees/LibraryWebSite
• HowTo Wiki
• http//senecadls.netcipia.net
• Electronic Resources Bulletin
• https//college.senecac.on.ca/LCstaff/DigitalServi
  ces/EResources/reports.html
• How to find and subscribe to RSS feeds
• http//senecadls.netcipia.net/xwiki/bin/view/Main/
  RSSfeeds

13
Accessibility
14

• Accessibility's business goal is not to get a
  high rating on a Section 508 compliance
  scorecard. When you want to improve your website
  for users with disabilities, remember the real
  goal to help them better use the site.
• (Nielsen, Accessibility Is Not Enough,
  Alertbox, Nov. 21, 2005)
• Section 508 of the Rehabilitation Act requires
  that Federal agencies and their contractors
  ensure that federal employees and members of the
  public with disabilities have access to and use
  of information and data that is comparable to
  those who are not individuals with disabilities.

15
Bill 118, AODA

• Accessibility for Ontarians with Disabilities
  Act (June 13, 2005)
• http//www.e-laws.gov.on.ca/DBLaws/Statutes/Englis
  h/05a11_e.htm
• The new law will require government to work
  with the disability community and the private and
  public sectors to jointly develop standards to be
  achieved in stages of five years or less, leading
  to an accessible Ontario in 20 years. Standards
  will be set in both the public and private
  sectors to address the full range of disabilities
  - including physical, sensory, mental health,
  developmental and learning. (press release)
• REDC Seneca College Accessibility Planning
  Report (2006 2007)
• http//www.senecac.on.ca/hr/redc/access_plans/acce
  ss_plan_2006-07.html
• Seneca College Accessibility Policy
• http//www.senecac.on.ca/policies/accessibility.ht
  ml (being revised)

16
Accessibility Quick and Dirty

• Top 10 things about......Web Accessibility
  (eLearning Centres)
• http//www.senecac.on.ca/elc/resources/accessibili
  ty_on_the_web/web_accessibility/web_accessibility.
  html
• CNIBs Clear Print Guide
• http//www.cnib.ca/eng/about-us/media-centre/news/
  clearprint.htm
• Check
• Font size flexibility
• Image ALT
• Link titles
• Text readers
• Text version and images off
• Mobile devices
• Colour blindness (e.g., Vischeck)
• Web accessibility standards (e.g., A-Prompt)

17
Accessibility Resources

• Intranet Library Web Site gt Accessibility
  Standards and Guidelines
• https//college.senecac.on.ca/LCstaff/ProjectsComm
  ittees/LibraryWebSite
• eLearning Centres, Seneca College
• http//www.senecac.on.ca/elc/resources/accessibili
  ty_on_the_web/index.html
• Equal Access to Software Information (EASI)
• http//www.rit.edu/easi
• Adaptive Technology Resources Centre (ATRC)
• http//www.utoronto.ca/atrc/resources.html
• Web Accessibility Initiative
• http//www.w3.org/WAI
• EDUCAUSE Web Accessibility
• http//www.educause.edu/Browse/645?PARENT_ID580