Webwork
/
A Small Collection of HTML Writing Aids and Examples
The Basics:
01 Getting Started
02 HTML Markup Tags
03 Minimal HTML Document Requirements
04 Basic HTML Text Formatting
05 Everything So Far
More Basics:
06 HyperText Links
07 Adding Images to Web Pages
08 GIFs, JPEGs and PNGs
09 Image Size Tags
10 Images as Links
11 Paths and Site Structure
Styling Basic HTML Tags:
12 Anatomy of a Style Tag
13 Where to Place Style Tags
14 Using CSS to Modify Basic HTML
15 Color Tags
16 "Web Safe" Hexidecimal Colors
17 Expanded Hex Color Chart
18 Font and Text Styles
19 Available Fonts
Web Page Layout:
20 The Div Tag
21 The Span Tag
22 Floating Content
23 Positioning Content
24 Background Images
25 Big-Assed Backgrounds
26 CSS Shorthands
Photoshop and Web Design:
27 Wireframes
28 Photoshop Slices
29 Photoshop HTML
30 Rollovers
31 GIF Animation
32 Image Maps
Back to HTML:
33 Lists
34 Forms
35 Frames (Forgotten But Not Gone)
36 iFrames
37 Tables
38 It's All in Your Head
The Not-Quite-So Basics:
39 JavaScript Tool Kit #1
40 JavaScript Tool Kit #2
41 Color Change Scripts
42 Background Image Script
43 Random Images #1
44 Random Images #2
45 Random Images #3
46 Random Images #4
47 Movable Elements
48 JavaScript Tool Kit #3
49 Opacity
50 Show/Hide
51 Embedding Media
The Not-At-All Basics:
52 jQuery Effects
53 jQuery Widgets
54 jQuery - Lightbox
Learning from the Experts:
w3schools.com
A List Apart
The CSS Zen Garden
Design Shack
World Wide Web Consortium
W3C HTML Validator
Lightbox
jQuery
script.aculo.us
Learning from Other's Mistakes:
Web Pages that Suck
Reading List:
Design Is a Job
Don't Make Me Think