SLIS 706 - HTML and Web Design

SLIS 706 - HTML & Web Design

Links Checked 11/19/2008

Contents
HTML & Web Design	- Code \| Color \| Halo \| Clip Art \| - CSS \| FavIcons \| Tables \| - Buttons \| JavaScript \| - HTML Editors \| - Yahoo Listings \| About.com Listings \|

HTML Code & Web Style Manuals

W3C HTML Home Page - W3C (Browse)
- Getting Started With HTML - W3C, Dave Raggett (Browse)
- Advanced HTML - W3C, Dave Raggett (Browse)
Basics - Web Design Insights (Browse) (Web Archive)
Authoring HTML Basics - Web Monkey (Browse)
- HTML Cheatsheet (Browse)
HTML Basics - HTML Goodies
HTMLTutorial - W3CSchools
HTML Code Tutorial - HTML Code Tutorial is the home of The Idocs Guide to HTML by Miko O'Sullivan
HTML Made Really Easy - James Marshall
Writing for the Web: A Primer for Librarians - Eric H. Schnell
Web Style Guide: Basic Design Principles For Creating Web Sites - Patrick Lynch and Sarah Horton (Yale Web Style Guide)

Colors

Color Selectors

ColorMaker (Browse) Select the colors for your page, then copy the "body" statement into your HTML code. Works from 216 web safe color palatte.
Color Match 5K - Utility for selecting a 6-color palette for web page design. Not compatible with Netscape or Firefox.
Requires Internet Explorer. (Browse)

Web Safe Colors
Color Tables (not available 3/6/2007). Availble from Internet Archives
Includes sections on - 1) RGB, Palettes, and Dithering 2) How To Specify Colors 3) The RGB Color Table.
Victor Engel's No Dither Netscape Color Palette - Describes how to design web graphics for computers that use only 256 colors.
Web Safe Colors - O'Reilly - The 216 non-dithering colors of the Web Safe Palette with RGB values in decimal and hex.

Color Names
HYPE's Text Color Specifier - The 16 color names that should be recognized by all browsers.
Web Color Names - O'Reilly - The 140 web colors. Displayed alphabetically with RGB values in decimal and hex.
HYPE's Color Specifier - More color names that will likely display in your browser. Displayed by hue with RGB values in decimal and hex. Click to see background in the color.

Decimal / Hex Color Converters
The RGB Color Calculator (Try It) Convert RGB decimal, hexadecimal, and HSV values to whichever you need.
RGB to Hex and Hex to RGB Converter (Try It)

GIF Images - Transparency, Background Colors & Halo Effect

Transparent GIF Images - Making a GIF Image Transparent & Selecting Background Color (Browse)

Clip Art - Check terms of use at each site

Barry's Clip Art Server
Celeste’s Holiday Graphic Collection
Clip Art Warehouse
Debi's Wonderful World - Free Original Icons, Cursors, & More!
Discovery School's Clip Art Gallery - Discovery.com
Ender Design - Realm Graphics Web Images
Free Web Graphics - Buttons, Backgrounds, Dividers, Bullets...
Graphxkingdom - Free clipart, icons, backgrounds, bars
Icon Bazaar - Icons
Media Builder - Images & graphics tools
Screen Beans - Selected images available for download
Library Media & PR - Clipart, Symbols & Such
Libraryclipart.com - Chris Olson & Associates
Standard Icon Set - IFLA's Bibliographic Standard Icon Set
Educational Clip Art - Teacher Files.com
Kansas City Metropolitan Library & Information Network - Library Image Collection
Library Clipart - Soo-Hyoung

CSS

Cascading Style Sheets Learning CSS - W3C
- CSS tutorial starting with HTML + CSS - W3C (Browse)
- CSS - Chapter Two - from Lie & Bos: Cascading Style Sheets – Designing for the Web “Written by the Creators of CSS” (2nd edition, 1999, Addison Wesley, ISBN 0-201-59625-3) (Browse)
  There is a third edition - Addison-Wesley, 2005, ISBN 0321193121
- Adding A Touch of Style - W3C, Dave Raggett (Browse)
- Web Style Sheets CSS tips & tricks - W3C
Cascading Style Sheets - Web Design Group (Browse)
CSS Tutorial - W3Schools Online Web Tutorials
CSS Resources and tutorials - Max Design
Examples
- Linked External Style Sheets - Set of 7 examples
- Embedded Style Sheet Example - for HTML Coded Web Page Assignment
CSS - HTML Source: HTML Tutorials (Browse) The author of this site is a graduate student from Ireland. While the information is sound, his language has some "attitude." I have used the site because it is well organized and has good clear explanations.
- Inroduction to CSS - HTML Source: HTML Tutorials (Browse)
- CSS and Links - HTML Source: HTML Tutorials (Browse) These instructions were used to set the links in the Embedded Style Sheet Example.

FavIcons

FavIcon Maker - from Dynamic Drive. Very simple. Browse to your image, and click the Create Icon Button (Try)
Favorites Icons - HTMLSource: HTML Tutorials (Browse) The author of this site is a graduate student from Ireland. While the information is sound, his language has some "attitude." I have used the site because it is well organized and has good clear explanations. These instructions were used for the Favicon Example.
How to Add a Shortcut Icon to a Web Page - Microsoft (Browse)
Microangelo - Icon Editing Program (21 day shareware version available)
Favicon.com - Includes a very good FAQ
Favicon Tutorial - Clickfire: Viewpoints, Tools, and Content for Webmasters
Favicons Tutorial - Xube (Under reconstruction 10/15/2006)

Tables

Button Programs - Shareware

Button Studio - Shareware for creating graphic button image files. This is the program we used in class. Button Studio will only work with PC's, not with Mac's.
Web Sites where you can make buttons. Nothing to download, just create and save.

JavaScript

Change Image On Reload - Sample JavaScript (Annotated Code - pdf)
Change Image--Timed - Sample JavaScript (Annotated Code - pdf)
Slide Show - Sample JavaScript (Annotated Code - pdf)
Color Selector For Web Page - Sample JavaScript (Annotated Code - pdf)
Dates - Clocks - Sample JavaScript (Annotated Code - pdf)
Last Updated - Several Examples
Last Updated - Weekday and 12 Hour Time Format
JavaScript - Yahoo Directory
Dynamic Drive - Lots of free JavaScripts, nicely organized. Also includes DHTML, and CSS
JavaScript Kit - Over 400 free JavaScripts, plus tutorials for JavaScript, DHTML, and CSS
JavaScript Source - Free JavaScripts, tutorials, example code, reference, resources, and help
Javascripts.com (part of EarthWeb.com) - Thousands of Javascripts available for free download
JavaScript.com - Free JavaScripts and JavaScript tutorials

HTML Editors

Yahoo! - HTML & Web Design Listings

About.com - HTML & Web Design Listings

Back to: SLIS706 Links Page
Back to: SLIS706 Syllabus