Web How-to Index to Quick Guides and Links for Adnced Web Authoring

Stephen Wilson, Professor, Conceptual/Information Arts, Art Dept, SFSU (contact details below)

Review of Basic HTML

• *Wilson - Quick Review of Basic HTML
• *Dave's Interactive HTML Tutorial
• Kevin Werbach. - Bare Bones Guide to HTML
• Web Alley Tutorials on HTML
• tizag html tutorial
  

---

Compression Formats

• FAQ-compression formats

Tables

• *Wilson. - How to Tables
• *HTML Goodies - tutorial on Tables
• Site Builder Tables Tutorial
• Netscape Official Guide on Tables

Frames

• *Site Builder frames tutorial
• *Wilson - How to Use Frames
• Sharkey's Tutorial on Frames
• Official Netscape Info on Frames
• Javaworld article on Javascript with frames
• Web Reference guide to frames
• Dan Brown's Tutorial on Frames (Web Reference)

Forms

• javascript-coder tutorial on forms (good basic intro and also how to use in conjuction with javascript)
• echo-echo form tutorial  
  
• page-tutor tutorial on forms - (ok but slow to load on test day)
• Test site that returns your form data - You use this address in your Action tag-  http://www.htmlcodetutorial.com/cgi-bin/mycgi.pl  

Client Side ImageMaps

• *Wilson - How to Use Client Side ImageMaps
• *HowdoI - imagemaps
• *Kasparius Imagemap tutorial
• Using Photoshop to get imagemap info
  
• Official Netscape info on Client Side ImageMaps
• PC Imagemapic 2.0  **

Guides to Using Netscape Computer for Editing Web Pages

JavaScript Tutorials

• *Andy's Introductory Tutorial
• *Book examples from Javascript for the World Wide Web (Negrino & Smith)
• *Website Abstractions (Tutorials, Advanced Tutorials, Scripts)
• 30-Step JavaScript Primers - HTML Goodies
• Web Monkey links to Javascript tutorials
•  A Beginner's Guide to JavaScript  Rajesh Vijayakumar & Devi S Nadh
• Knowledgehound list of Javascript Tutorial
  
• tizag - javascript tutorial
  

Ajax Tutorials

• Mozilla primer on AJAX
• W3 school tutorial on AJAX
  

Wilson Unpublished Book on Javascript & Other Guides

• Wilson- Javascript basics&list of properties,methods,etc
• Wilson- Javascript simple examples
• Wilson- Guide to using Javascript to control LiveAudio embedded sound
• Wilson - How to guide for using Javascript to control images via the Images array.
• Wilson Chapter 1 Introduction to Javascript
• Wilson Chapter 2 Objects Manipulating Web Pages
• Wilson Chapter 3 Forms, Buttons, Text Fields
• Wilson Chapter 4 Reading and Manipulating Text Strings

JavaScript Links

• Javascript script source (including sample scripts)
•  The JavaScript Source: Miscellaneous Scripts
• Superscripter
• Official Netscape Javascript reference
• Official Microsoft Jscript documentation
• Dr Javascript (WebReference site - reviews of latest capabilities)
• Al Wiliams 10 Favorite Scripts
• DevX Javascript site
• WinMag Javascript Info Site
• Timothy's JavaScript Examples (sample scripts)
• Thau's Web Monkey Javascript Tutorials
• Danny Goodman Javascript Info
• Web reference Javascript tips
we
• Web Monkey - how to make popup windows
• javascript reposittories
  
• http://www.javafile.com/
  http://www.java-scripts.net/
  http://dhtml-menu.com/
  http://www.hotscripts.com/JavaScript/index.html

• W3C  - Exhaustive list of DOM (Document Object Model)- objects that can be modified by Javascript.  Check the DOM Navigator and DOM Document listings to see information that comes with the page - eg browser used, last modified, referrer page, etc.

Javascript control of cookies

• *Wilson Quick Guide to using Javscript to control cookies
• Web Reference (internet world) how to cookies
• Bill Doritch hidaho cookie routines
• Cookie Central

Web Based Quicktime and QuicktimeVR

• Wilson quick guide to QuickTime on the Web
• Wilson guide to using javascript to control quicktime
• Wilson quick guide to QuickTimeVR on the Web
• Apple QuicktimeVR tools info
• Apple Quicktime VR General Info
• Apple Web Masters Authoring Guides for Quicktime  (tracks, audio,javascript, applescript, etc)
•  Apple online guide to quicktime
  
• Apple Quicktime Site Guide to Embed commands for Quicktime
• Apple Developers guide to Quicktime Index
• Apple list of Javascript commands available
• *Apple tutorials on quicktime (browser detection Javascript)
• Use of quicktime for instructional purposes (includes demo of javascript controls (UICC)

Digital Video

• Wilson Digital Video Links

Animated Gifs

• Making Animated GIFs (part 1 of 3)
• GifBuilder   gif builder for osx
  
• Gif Constuction Set (Windows)
•  Ulead  Gif  Animator  CoffeeCup GIF Animator 7.0  etc - http://www.download.com/ (search for  "gif animator "
• List of Animated Gif Software
  

Embedded  Sound

• *Wilson Guide to using audio in web pages
• Developer Zone tutorial on sound
• Web Reference guide to embedding sound (list of tutorials)
• ArtBytes Additng Sound to Web Sites
• Tips and Tricks sound page
• WDVL: Embedding Sound in Web Pages  (web developers virtual library)
• Sounding Off  (think-ink.net)
• The Web Diner's Tutorial on Adding Audio to Your Web Site
• Audio Guide for Web Developers  (Learning Tree - sound files, html code, javascript)
• McWebber Web Page Sound Help (includes real audio, slightly out of date)
• Microsoft Developer Network information on bgsound
• W3org pages explaining new synchronized multimedia format SMIL
• JavaScript and Sound  (Web Monkey)
• Wilson-Guide to using LiveAudio embedded sound (focus on the Netscape LiveAudio Plug in)
• Wilson-Guide to using Javascript to control LiveAudio embedded sound
• Audacity  (open source sound editing - multi platform)
  
• MidiSwing - (open source midi sequencer - multi platform)
• List of Macintosh midi sequencers

Javascript examples which feature sound manipulaton

• *Wilson guide to using javascript to control quicktime
• *Wilson workaround to using javascrpt to control sound
• *Embedding Sound in Web Pages, Part I: Audio Control Example Code - Doc JavaScript
•  Embedding Sound in Web Pages, Part II: An Audio Jukebox - Doc JavaScript
• Free DHTML and JavaScript sound scripts:
• The JavaScript Planet - Collection with 371 FREE examples!
• JS Archive Free scripts - ie sound manipulation
• Javascripter sound scripts
• Microsoft Developer Network information on bgsound
•  EarthWeb.com: Multimedia Javascript examples

• Web Audio Tutorial for Music Professionals by Ken Davies
• Zap's MUSIC-ON-THE-NET Tutorial: Formats!
• MP3 Overview  (WebMonkey)
• MPEG info site,

•  WDVL: Multimedia for the Web

Streaming RealAudio Sound

• Wilson.how to guide for RealAudio
• Netscape plug in embed tags when playing Real Player streaming sounds
•  Streaming Audio Tutorial (Webmonkey)

 

Javascript Control of Images

• Wilson- How to guide for using Javascript to control images via the Images array.

Director Shockwave (Interactive Multimedia)

• Wilson Quick Guide to Using Shockwave
• Wilson script demostrating Director net access commands
• Links to info about Shockwave
• Director web XStuff
• DirWeb- Shockwave Central
• Macromedia - Technotes: Shockwave
• Macromedia: Shockwave Center
• Macromedia Shockwave: Plug-In Center

Style Sheets

• *Wilson Quick Guide to Style Sheets
  
• *W3Schools css tutorial and reference about browser support
  
• *muldar's web tmonkey style sheet tutorial
  
• *Stylesheet Tutorials (Web Monkey)
• *WebReference Style Tutorial (start with tutorial5)
• *Cross Browser compatability chart (web reference) ** being redone
• Eric Meyer demo of style sheet tricks
  
• Links to browser style comparability sites
• John Alsop css guide and tutorial
• Tizag Style Sheet tutorial
  
• Web Design Group's  reference for style sheets and tutorial
• Uncanny Programmer CSS tutorial in 7 steps
• DHTML and CSS for the World  Wide Web; 2nd Edition  by Jason Cranford Teague  (book site, sample code)
• css layout tips
• Little Boxes layout code
• Glish CSS cross browser layout guide
• Web Designer Journy story on css
• Stylesheets reference (Web Monkey)
• WebReview Style Sheet
• CNET Builder Style sheet pages
• CSS Pointers Group (technical info and examples)
• Eric Meyer CSS Resources
• Official W3 Organization Style Sheet Specs:  Positioning Specs; CSS Test Suite   W3org sytle sheet site
• Brian Wilson Style Sheets Information Page
• Style sheet FAQ page
• Web Reference introduction to Syle Sheets
• Web Developer - Style Sheets Guide (includes browser safe list)
• Yahoo style sheet index
• Microsoft gallery of style sheet examples
• ** Note browsers differ on what style elements they support - see compatablility guides listed below
  

Dynamic HTML (Netscape 4 and IE 4)

• *Taylor's Tutorial for DHTML  (Web Monkey)
• Beginner's Guide to DHTML  (David Gardner)
• Dynamic Drive - archive of dhtml scripts
• Web Reference Dynamic HTML Lab - examples, Javascript control, animation, links
• DHTML Kitchen - examples, articles
• Inside Dynamic HTML - focus on Microsoft IE (Site Experts DHTML library of articles)
• DHTML and CSS for the World  Wide Web; 2nd Edition  by Jason Cranford Teague  (book site, sample code)
• Microsoft Dynamic HTML Documentation
• Project Cool Developer Zone - Dynamic HTML  (focus on IE)
• Cross brower Dhtml  (WebReview)
• The Minimalist Approach to Dynamic HTML (WebReview)
• WebAbstract tutorials on DHTML and CSS

XML (Xtensible Markup Language)

• *Migrating from HTML to XML. By Peter Fischer (Web Techniques)
• *Introduction to XML by Jay Greenspan  (Webmonkey)
• web monkey - Introduction to XML - Join Jay
  
• w3 school intro to XML
  
• HTML Unleashed. The Emergence of XML: Introduction - webreference.com
  
• XML Introduction
  
• eXtropia | Tutorials | Introduction to XML For Web Developer
  
• XML.com  (comprehensive resources) Technical Introductory Guide
• WWW Consoritum XML spec
• XMLU.com  - Technical Introduction
• Microsoft xml tutorial
• Taming the XML Beast. By Bonnie SooHoo  (Web Techniques)
• Separating Body from Soul. XML Makes Changing Easy. By Michael Floyd (Web Techniques)  (XML)

• XML for Dummies Web Pages  (book site)
• The SGML/XML Web Page, by Robin Cover (book site)
• XML by Example, by Sean McGrath  (book site)
• The W3C XML specification with useful comments and clarifications
• The IBM developerWorks Web site contains a lot of useful information about XML including free tools, examples and tutorials.
• XML.ORG is an XML information portal sponsored by OASIS.
• Microsoft's XML Page
• The XML Page from Seybold Publications and Songline Studios,
• Robin Cover's XML resources page .
• XML is a developing standard that is owned by World Wide Web Consortium (W3C). The latest specification
•  XML Tutorial 1: Well-Formed XML Documents  http://webreview.com/pub/2000/08/04/feature/index04.html?wwwrrr_20000804.txt
• XML Tutorial 2: DTDs  http://webreview.com/pub/2000/08/11/feature/index02.html?wwwrrr_20000811.txt
• HTML-Kit   www.chami.com/html-kit
• XHTML Specification  www.w3c.org/TR/xhtml1
• XSpLit   www.percussion.com/Products/XSplit/xsplitover.htm

PHP - server side scriptiong

• PHP Tutorial - Introduction
• php organization tutorial
• hotscripts examples

Miscellaneous Features

• W3C Positioning HTML Elements Syntax for layers

http://www.w3.org/pub/WWW/TR/WD-positioning

Intermediate and Advanced Web Authoring Guides

• Web Reference Site - 3/D, Dynamic HTML, Javascript
• DevX - Project Cool Developer Zone - Dynamic HTML, Javascript, Media
• Extropia tutorials on html, java, javascripting, intro to cgi & perl and unix and

basic design element
• Hot Wired Web Monkey - style sheets, dynamic html, javascript, multimedia
• Builder.com - C/net webmaster resource site
• Robert Altman Web Resources (web developer resources, graphics, media, html, programming)
• WebReference site (Internet World)

Compatability guides

•  WebReview.com: Web Browser Guide: Browser Compatibility Chart
• Syle compatability Guides  CodeStyle   Hermish(checks code)  Quirksmode
  

W3 Organization

• HTML 4. Recommended Specs

Services to help tune up web sites and pages

• GIF Wizard  (check for broken links, efficiency of images)
• Net Mechanic
• Texas Plains link validator  (checks for browser compatability, meta tags, links, HTML,etc)
• W3 link validator
  
• Doctor HTML (checks links, images, spelling, HTML, forms)
• Search Engine Tutorial (checks meta tags)
• Spell check (net mechanic)

How to use Meta tags to indicate content for search engines and for client-pull animation

•  Using META tags to create the summary description
•  Using META tags to define index terms for your page
•  Search Engine Watch guide to using META tags
•  HotWired Webmonkey guide to using META tag
• Wilson - How to Use Meta Command for Client Pull Animation