1 / 17

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

piper
Download Presentation

On to the not so fun Web stuff…

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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, 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

  4. Diving into“the 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” > “Check Page” > “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/xhtml/xhtml_html.asp) • Look for references to css and js files. • If all fails, modify and preview, undo, try again.

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

  7. <!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"><!-- InstanceBegin template="/Templates/DB.dwt" codeOutsideHTMLIsLocked="false" --> <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">- <!-- InstanceBeginEditable name="subject_area" --> Business<!-- InstanceEndEditable --> -</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>

  8. <!-- InstanceBeginEditable name="main" --> <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> <!-- end main --> <div id="footer" class="footnote"> … </div> </div> </body> <!-- InstanceEnd --> </html>

  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 > 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 feeds http://senecadls.netcipia.net/xwiki/bin/view/Main/+RSS+feeds

  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/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 Policy http://www.senecac.on.ca/policies/accessibility.html (being revised)

  16. 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 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 > Accessibility Standards and Guidelines https://college.senecac.on.ca/LCstaff/ProjectsCommittees/LibraryWebSite • eLearning Centres, Seneca College http://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 Initiative http://www.w3.org/WAI • EDUCAUSE: Web Accessibility http://www.educause.edu/Browse/645?PARENT_ID=580

More Related