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”

Slides:



Advertisements
Similar presentations
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Advertisements

Staying Up-To-Date Using Google Reader & RSS Feeds Christian Veillette M.D., M.Sc., FRCSC Assistant Professor, University of Toronto Shoulder & Elbow Reconstructive.
Publishers Web Sites Standard Features. Objectives Access publishers websites Identify general features available on most publishers websites Know how.
Japanese Collections as Learning Centers: Shirin Eshghi Japanese Language Librarian University of British Columbia Maureen Donovan Japanese Studies Librarian.
1 How To Use a Browser A Module of the CYC Course – Computer Basics
3.02D HTML Overview 3.02 Develop webpages.
The Test Will last 60 minutes Will be submitted via the electronic coursework submission system (not part of the test itself Is worth 20% of total module.
1 A Tool-box for Web-site Maintenance Manjula Patel UKOLN University of Bath Bath, BA2 7AY UKOLN is funded by the Library and Information Commission, the.
September Public Library Web Managers Workshop 2000 Cascading Style Sheets Manjula Patel UKOLN University of Bath Bath, BA2 7AY UKOLN is funded.
Student Job Centre 2012 Canadian Services for Job-Seekers with Disabilities.
Introduction to the Internet
4. Internet Programming ENG224 INFORMATION TECHNOLOGY – Part I
1 Web Site Design Overview of the Internet Cookie Setton.
Teaching Using the Internet in Your Classroom.
Basic HTML Workshop LIS Web Team Spring 2007.
1 Design a Web Page Five steps for creating a content-rich, visually appealing webpage 1. Gather information 2. Determine the Intended Audience 3. Create.
Basic Searching Engineering Village. Agenda What is Engineering Village? Setting up a personal account Searching Engineering Village How to.
Dr. Alexandra I. Cristea XHTML.
+ Using MailChimp to create Extension-branded newsletters Send Your Message to the Masses March 19, Emily Pitts, CAES OIT March 19, 2014Send Your.
Ideas to Layout Beginning web layout using Cascading Style Sheets (CSS). Basic ideas, practices, tools and resources for designing a tableless web site.
2.744 Dreamweaver Tutorial Sangmok Han Feb 24, 2010.
Standards and Increasing Maintainability on Web- based Systems James Eaton SE4112/16/2006.
4.01 How Web Pages Work.
WAHEP Website Check-up A Look at the Project Midway Website Evaluations.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
1 Introduction to Accessibility and Planning an Accessible Website Presented by Everett Zufelt & Mike Gifford for Citizens With Disabilities - Ontario.
Brought to you by the UCSB Web Standards Group (WSG)
Standards & Accessibility DMFD. Digital Media: Communication and DesignF2007 Comments Homepage  Requirement: include photo in index.html (today’s.
Search Engine Optimization By Andy Smith | Art Institute of Dallas.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Designing for Disabled Users.  p?vid=35 p?vid=35.
Accessibility and the Map/Data Library Leanne Trimble Bartek Kawula Ontario Council of University Libraries / Scholars Portal.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.
The Online Experience: Accessibility & Usability for Everyone Richard W. Smith.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Americans with Disabilities Act (ADA): Compliance on the University Libraries Web Portal John Pardavila Library Systems May 29, 2013.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
COM 205 Multimedia Applications St. Joseph’s College Fall 2003.
Content Management System/ Web Quality Initiative.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Site Optimization Module 8: Web Publishing and Maintenance LESSON 3.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
RSS: What it is, How to find it How to use it. RSS in Plain English: A CommonCraft Video find more great videos on technology at
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
COMP 143 Web Development with Adobe Dreamweaver CC.
University of Sunderland CDM105 Session 3 Web Authoring Web accessibility A review of some of the current issues affecting Web design in respect to user.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
Testing and delivery Web design principles. Web development is software development.
Project Objectives Publish to a remote server
Chapter 2 Developing a Web Page.
Process of Converting “PSD to HTML”
Five Web Design Tips to make a Health Care Website More Attractive
Introduction to Web Accessibility
ITI 133 HTML5 Desktop and Mobile Level I
Web Programming– UFCFB Lecture 9
Creating a Successful Web Presence
Tutorial 6 Creating Dynamic Pages
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Health On-Line Patient Education Web Site
Web Standards and Accessible Design.
Web Programming– UFCFB Lecture 9
Presentation transcript:

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: ) Look for references to css and js files. If all fails, modify and preview, undo, try again.

Code De-Mystified Tips and Tricks for Reading Code Tips and Tricks for Reading Code Well, there are many…,, etc. =

Seneca Libraries: Article Databases … … Article Databases - Business - Off-Campus Access - Database Search Features - contains a significant amount of Canadian content Choose another database list (by subject area) Art … All Databases

ABI/INFORM Global (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. More Info Experiencing a problem accessing one of our resources? Submit a Database Access Problem Report. …

Accuracy and Currency

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 & Resources On the Intranet: Library Web Site > Site Resources & Tools HowTo Wiki: Electronic Resources Bulletin How to find and subscribe to 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) “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) Seneca College Accessibility Policy (being revised)

Accessibility: Quick and Dirty Top 10 things about Web Accessibility (eLearning Centres) CNIB’s Clear Print Guide 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 eLearning Centres, Seneca College Equal Access to Software & Information (EASI) Adaptive Technology Resources Centre (ATRC) Web Accessibility Initiative EDUCAUSE: Web Accessibility