UBC Home Page -
UBC Home Page UBC Home Page UBC Home Page -
School of Library, Archival and Information Studies School of Library, Archival and Information Studies

- News Events Directories Search UBC

UBC Library
Student ServicesFaculty of Graduate StudiesFaculty of Arts

- -
LIBR 500 HOME
SYLLABUS
ASSIGNMENTS
ASSIGNMENT 1
ASSIGNMENT 4
TECHNICAL SKILLS MODULES
TECHNICAL SKILLS MODULE 1
TECHNICAL SKILLS MODULE 2
TECHNICAL SKILLS MODULE 3
TECHNICAL SKILLS MODULE 4
TECHNICAL SKILLS MODULE 5
SUSIE'S IT LIBRARY
SLAIS HOME

LIBR 500: Foundations of Information Technology

Winter 2003 - 2004, Term 2

School of Library, Archival and Information Studies


The University of British Columbia


RESOURCES FOR TECHNICAL SKILL MODULE #5

 

HTML Editors

1st Page 2000 [this is the one that will be used in the IT labs at SLAIS]
The zipped installation file will be available in the l500download FTP folder

Faculty Resource Center's 1st Page 2000 Tutorial
http://eastlrc.valencia.cc.fl.us/tutorials/1st_tutorial/index.shtml

Page Spinner [for Macs]
Download program from:
http://www.optima-system.com/pagespinner/

BBEdit [for Macs]
Download full program from:
http://www.barebones.com/products/bbedit/bbedit-demo.html 
[will stop working after 24 uses]

Download BBEdit Lite
http://www.barebones.com/products/bbedit_lite.html [doesn't expire]

 

HTML Resources & Validators

Alignments: Basic Web Page Layout, by Jennifer Kyrnin
http://html.about.com/library/weekly/aa060101a.htm?once=true&

And the Attributes: More than Just Tags, HTML Attributes Can Improve Your Site, by Jennifer Kyrnin
http://html.about.com/library/weekly/aa052101a.htm?terms=attributes+and+html

The Bare Bones Guide to HTML [available in 18 languages]
http://werbach.com/barebones/

Complete HTML Tutorial List [from Page Resource.com]
http://www.pageresource.com/html/hclist.htm

Controlling Vertical White Space
http://www.dsiegel.com/tips/wonk7/vertical.html

How Do They Do That With HTML?
http://www.tashian.com/htmlguide/

How to Align Tables and Images, by Jennifer Kyrnin
http://html.about.com/library/howto/htalign.htm?once=true&

How to Set Up a Download Link, by Jennifer Kyrnin
http://html.about.com/library/howto/htdownloadlink.htm?once=true&

HTML: An Interactive Tutorial for Beginners
http://www.davesite.com/webstation/html/

HTML Cheat Sheet [from WebMonkey]
http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/index.html

HTML Codes for Special Characters [from WebMonkey]
http://hotwired.lycos.com/webmonkey/reference/special_characters/

HTML Converters, by Jennifer Kyrnin
http://html.about.com/cs/htmlconverters/index.htm?once=true&

HTML Examples
http://www.w3schools.com/html/html_examples.asp

HTML Forms Tutorial - Learn How to Use the <form> Tag, by Jennifer Kyrnin
http://html.about.com/library/weekly/aa070699.htm?once=true&

HTML 4.01 Quick List
http://www.w3schools.com/html/html_quick.asp

HTML 4.01 Reference
http://www.w3schools.com/html/html_reference.asp

HTML Goodies Tutorials & Primers, by Joe Burns [these are some of the best WWW design tutorials for all experience levels out there]
http://www.htmlgoodies.com/tutors/
HTML Station
http://www.december.com/html/

HTML Tutorial
http://www.w3schools.com/html/default.asp

HTML Tutorials [must have Quicktime installed to view free tutorials]
http://www.vtccanada.com/can/titles/html-3.html
http://www.vtccanada.com/can/titles/html-4.html

HTML Validation Service
http://www.stickysauce.com/garage/index.htm

Meta Refresh Tag, by Jennifer Kyrnin
http://html.about.com/library/weekly/aa080300a.htm?once=true&

Meta Tag Generator, by Jennifer Kyrnin
http://html.about.com/library/bl_metagenerator.htm

Meta Tags, by Jennifer Kyrnin
http://html.about.com/cs/metatags/index.htm?once=true&

No More Margins: How to Get Rid of Those Pesky Browser Offsets -- On all Browsers, by Jean Kaiser
http://webdesign.about.com/library/weekly/aa052901a.htm?once=true&PM=n10060601e

Professional Web Design & HTML Tutorials by Joe Barta
http://www.pagetutor.com/pagetutor/


Your First Style Sheet:CSS for Beginners, by Jennifer Kyrnin
http://html.about.com/library/weekly/aa111000a.htm?once=true&PM=n101113f

Wacky HTML [from Web Developers Journal]
http://webdevelopersjournal.com/WackyHTML.html

Webmonkey HTML Tutorial
http://hotwired.lycos.com/webmonkey/teachingtool/

Web Page Creation [from University of Washington]
http://online.caup.washington.edu/courses/larcwi01/larc440/html_home.htm

Web Page Validation
http://www.w3schools.com/site/site_validate.asp

What HTML Can't Do: Part 1: Frequently Asked Questions About HTML, by Jennifer Kyrnin [follow links for subsequent parts]
http://html.about.com/library/weekly/aa020801a.htm?once=true&

W3C HTML Validation Service
http://www.htmlhelp.com/tools/validator/

XHTML 101, by Jennifer Kyrnin
http://webdesign.about.com/c/ec/9.htm


Moving Beyond HTML

Fonts & Web Design

Browser Compatibility & Tools

Browser Chart - Macs [from WebMonkey]
http://hotwired.lycos.com/webmonkey/reference/browser_chart/index_mac.html

Browser Chart - Windows [from WebMonkey]
http://hotwired.lycos.com/webmonkey/reference/browser_chart/

Browser Compatibility Tutorial
http://www.netmechanic.com/browser-photo/tutorial.htm

Checking Cross-Browser Compatibility
http://outreach.missouri.edu/webteam/tips/browser_compatibility.html

Cross Browser Compatibility
http://www.thetemplatestore.com/help/cross-browser.asp

Cross-Browser Compatibility, by Henry Beavis
http://www.edevcafe.com/viewdoc.php?eid=197

Cross Browser Compatibility, by Michael Bloch
http://www.tamingthebeast.net/articles/crossbrowercompatibility.htm

Design Guide for Cross-Browser Compatibility [from "Viewable with any Browser]
http://www.anybrowser.org/campaign/abdesign.html

Extreme Cross-Browser Compatibility
http://www.decloak.com/Products/Dreamweaver/NestedTemplates/Browser_Compatibility.aspx

How to Copy and Paste From Netscape Navigator's Page Source to Windows WordPad
http://library.albany.edu/internet/pagesource.html

How to Copy and Paste From Netscape Navigator to Windows WordPad
http://library.albany.edu/internet/wordpad.html

How to Browser Test Your Web Pages, by Jean Kaiser
http://webdesign.about.com/c/ht/00/07/How_Browser_Test_Web0962932993.htm?once=true&

Viewable with any Browser
http://www.anybrowser.org/campaign/

Colours on the WWW

Graphics Resources -- Clipart & Backgrounds

AAA Backgrounds
http://www.aaa-backgrounds.com/html/mainback.shtml

About.Com Clipart
http://webclipart.about.com/

Absolute Background Textures Archives
[entire collection can be downloaded in one step]
http://www.grsites.com/textures/

Absolute Web Graphics Archives [entire collection can be downloaded in one step]
http://www.grsites.com/webgraphics/

Backgrounds [from About.com]
http://webclipart.about.com/msubmenu19.htm?once=true&

ByDezign [clipart, backgrounds, interfaces]
http://www.graphicsbydezign.com/

Canadian Flag Clipart Gallery
http://canflag.ptbcanadian.com/

Clip Art Warehouse
http://www.clipart.co.uk/index.shtml

Clipart.TheLinks.com
http://www.clipart.thelinks.com/

Clip Art Review
http://www.webplaces.com/html/clipart.htm

Cool Archive
http://www.coolarchive.com/index.cfm

Eos Development - great backgrounds, textures. buttons, bullets, and navigation symbols
http://www.eosdev.com/ForYouFromEos.htm

Image Paradise
http://desktopPublishing.com/cliplist.html

Library Clipart, Symbols & Such
http://www.ssdesign.com/librarypr/toolbox.html


Microsoft Office Clipart
http://office.microsoft.com/clipart/

Multimedia Place [animations, including Canadian flags]
http://www.multimediapalace.com/

Screen Beans [from A Bit Better Corp.]
http://www.bitbetter.com/freebie.htm

Logo & Banner Creation Sites

Acme Label Maker 
http://www.acme.com/labelmaker/

Banner Backgrounds
http://www.angelfire.com/biz/WLAW/banner1.html

Banner Generator
http://linuxenvy.com/bprentice/Banners/Banners.html

The Button Maker [from Cool Archive]
http://www.coolarchive.com/buttons.cfm

Cool Archive
http://www.coolarchive.com/index.cfm

CoolText.com
http://www.cooltext.com/

Flaming Text Buttons, Logos [very classy looking logos & buttons]
http://www.flamingtext.com/

Flash Buttons
http://www.flashbuttons.com/

Free Buttoms.com [links to lots of button generators]
http://www.freebuttons.com/links.html

Icon-O-Matic
http://www.webgurus.com/matic/iconomatic.html

Pink Ribbon Library of Icons
http://www.geocities.com/SoHo/2703/pink_rib_lib.html

Ribbon-O-Matic
http://www.webgurus.com/matic/ribbon-o-matic.html

3D Text Maker
http://www.3dtextmaker.com/

Sources for Sounds on the WWW

 

Photo Sources
[Be sure to check on copyright status of any photos you wish to use]

Microsoft Photo Editor Tutorials

 

 

 

-