on to the not so fun web stuff…

On to the not so fun Web stuff…

Code Awareness

Why do I have to care about coding?Dreamweaver takes care of this …... well, not really.

There are “clean-up” tools available. Still, it’s 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

Diving into“the Code”

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” > “Check Page” > “Validate as XML”)

1. Tag and attribute names must be written in lower-case.

2. Elements must nest; no overlapping.

3. All non-empty elements must be closed; empty elements must be terminated.

4. Attribute values must be quoted and cannot be minimized

(For more information: http://www.w3schools.com/xhtml/xhtml_html.asp)

• Look for references to css and js files.

• If all fails, modify and preview, undo, try again.

Code De-Mystified<html>

<head>

<title>Tips and Tricks for Reading Code</title>

<link href=“webdesign.css" rel="stylesheet" type="text/css" />

</head><body>

<h1>Tips and Tricks for Reading Code</h1>

<p>Well, there are many…</p>

</body>

</html>

<h1></h1>, <h2></h2>, <h3></h3> etc.<strong>=<b>

<em>=<i>

<script></script>

<href></href>

<img> </img>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="eng">

<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link href="../../_assets/general.css" rel="stylesheet" type="text/css" media="all" /><script type="text/javascript" src="../../_js/fedsearchhead.js" ></script><title>Seneca Libraries: Article Databases</title></head><body><div id="wrapper">

<div id="banner">… </div><div id="navcontainer"> …</div>

<div id="main"> <div id="breadcrumb"> … </div> <div id="content"> <h1>Article Databases</h1> <h2 align="center">-  Business -

</h2> <p align="center"><a href="../../Technical_Help/accessing_resources.html">Off-Campus Access</a> - <a

href="db_search_features.doc">Database Search Features<br /></a><img src="../../_graphics/mapleleaf.gif" width="16" height="14" /><span class="tiny"> - contains a significant amount of Canadian content</span> <form>

<div align="center"> <select name="subject" onchange="if(this.selectedIndex!=0)

self.location=this.options[this.selectedIndex].value"> <option value="" selected="selected">Choose another database list (by subject area)</option> <option value="art.html">Art</option>

…<option value="all.html">All Databases</option>

</select> </div> </form>

<table width="100%">

<tbody><tr>

<td><span class="specialtext">

<a href="http://library.senecacollege.ca/resources/bh_abi.html">ABI/INFORM Global

</a></span><br/>

(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.

<br/><div align="right" class="tiny">

<a HREF="../DB_Description/1.html">More Info</a></div>

</td></tr>

</tbody></table><p align="center" class="footnote">Experiencing a problem accessing one of our resources?<br />

Submit a <a href="../../Forms/dbproblem.html">Database Access Problem Report</a>.</p> </div> </div>

<div id="footer" class="footnote"> …

</div></div></body></html>

Accuracy andCurrency

Would you read the Globe & Mail if it was: a) full of mistakes

b) 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?

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

Tools & ResourcesOn the Intranet: Library Web Site > Site Resources & Tools https://college.senecac.on.ca/LCstaff/ProjectsCommittees/LibraryWebSite

HowTo Wiki:http://senecadls.netcipia.net

Electronic Resources Bulletin https://college.senecac.on.ca/LCstaff/DigitalServices/EResources/reports.html

How to find and subscribe to RSS feedshttp://senecadls.netcipia.net/xwiki/bin/view/Main/+RSS+feeds

Accessibility

“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.

Bill 118, AODA = Accessibility for Ontarians with Disabilities Act (June 13, 2005)http://www.e-laws.gov.on.ca/DBLaws/Statutes/English/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/access_plan_2006-07.html

Seneca College Accessibility Policyhttp://www.senecac.on.ca/policies/accessibility.html (being revised)

Accessibility: Quick and Dirty• Top 10 things about......

Web Accessibility (eLearning Centres)http://www.senecac.on.ca/elc/resources/accessibility_on_the_web/web_accessibility/web_accessibility.html

• CNIB’s Clear Print Guidehttp://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)

Accessibility Resources• Intranet: Library Web Site > Accessibility Standards and

Guidelines https://college.senecac.on.ca/LCstaff/ProjectsCommittees/LibraryWebSite

• eLearning Centres, Seneca Collegehttp://www.senecac.on.ca/elc/resources/accessibility_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 Initiativehttp://www.w3.org/WAI

• EDUCAUSE: Web Accessibilityhttp://www.educause.edu/Browse/645?PARENT_ID=580

on to the not so fun web stuff…

Documents