Web Design and Writing Links

Beginning HTML

http://www.davesite.com/webstation/html/

Interactive in-browser tutorial for "serious" but beginning HTML coders. Divided into 17 chapters, with appendices on generating traffic and using the web to make money.

http://wdvl.com/Authoring/HTML/Intro/

Somewhat dry and technical introduction to the concepts behind HTML and the practical use of those concepts. Good for learners who read first rather than immediate "hands-on."

http://www.gettingstarted.net

Offers basic & advanced HTML guidelines & instructions, with a list of interactive "practice" lessons. Includes thorough & useful information on designing and creating web graphics.

http://htmlgoodies.earthweb.com/primers/basics.html

Weeklong tutorial series, seven lessons to be completed one per day. Some terminology is slightly different from standards, such as "flag" instead of "tag."

http://www.quadzilla.com/

Highly recommended collection of how-to, tutorial, and reference materials regarding website design. Somewhat dated, only has HTML 3.2 tag reference, and refers to older versions of Netscape and IE.

http://www.knopfler.com/phobic/

"HTML for Technophobes." British site that promotes the use of drag and drop/WYSIWIG (what you see is what you get) HTML editors like Netscape Composer, PageMill, and MS Frontpage. Good at demystifying the creation of web pages, but promotes some technophobic and "user" rather than "coder" behaviors. Explains code in terms of practical function, and instructs in practical and aesthetic design.

Intermediate HTML

http://developer.netscape.com/docs/manuals/htmlguid/index.htm

List of HTML 4.0 coding tags. Well organized and indexed. Loads FAST.

http://developer.netscape.com/docs/manuals/communicator/jsguide4/index.htm

Javascript primer: 30 individual javascripts dissected and explained.

http://www.infohiway.com/javascript/indexf.htm

200+ Javascripts, including archives and "new" featured scripts, all free to download and use. Listed by current month and by type and/or function of script.

http://www.sev.com.au/webzone/design.htm

List of 100 tips and tricks to enhance or "soup up" a web page based on the aesthetic and practical sensibilities of John Cook, the designer of the Sevloid page. Uses the page itself as example and illustration of the design techniques detailed.

http://www.devsearch.com

Uses the Alta-Vista search engine software with a limited focus on web development websites. Advanced search option available.

http://www.dsiegel.com/tips/index.html

"Web Wonk" is a source for layout, design, and typographical "tips." It's somewhat dated as far as actual references to HTML code, but the principles still hold for aesthetic, practical, and philosophical approaches to graphic design on the web and in print.

http://www.mcs.net/~jorn/html/terrorist.html

A more developed and expanded set of guidelines for HTML design from Hyperterrorist. Sensitive especially to LYNX and other types of users with older or less full-featured browsers. Though somewhat didactic and biased toward Hyperterrorist's own frustrations and aesthetics for design, a useful set of guidelines and often overlooked CYA considerations.

http://www.cs.brown.edu/courses/bridge/1998/res/javascript/javascript-tutorial.html#1

Very straightforward instruction-based introduction to javascript. Good for web designers who like to read text before using a "hands-on" approach. Set up as one long document with anchor tags, so easily copied as a text file or printed as one (large and multipage) file.

http://jsguide.simplenet.com/

Beginner's guide to javascript, coded by a beginner as he learns javascript. The author of this page has used this page as his "learning lab" to test his new skills. Good examples and tutorials. Increases in complexity as one moves through the site.

http://www.refsnesdata.no/js/

"Javascript School" with very thorough, step by step instructions and lessons on the theory and use of javascript. Easily navigated. Divided into chapters on code placement within the source, variables, strings, loops, etc.

http://javascript.internet.com/

Collection of 500+ free cut and paste javascripts. Allows surfers to email scripts to themselves rather than downloading. Includes a site FAQ, tutorial, forum, and script request features.

Advanced HTML/Web Authoring

http://www.webreference.com/dhtml/
Dynamic HTML site: Home of the Hiermenus.

http://www.whizkidtech.net/cgi-bin/tutorial
CGI tutorial

http://www.internetworld.com/print/monthly/1997/06/browser.html

Article offering an overview of DHTML. Offers Microsoft vs. Netscape proposals for implementation. Includes links to demo pages. Great starting point for understanding the idea of DHTML and its importance.

http://www.projectcool.com/developer/dynamic/

Great resource for Internet Explorer-only functions. I found the fixed-background image here. SLOW loading of some pages. May have been the network or the machine I was using (MS Windows 2000 on "Fili" in NWR).

http://www.insidedhtml.com/paradise/getList.asp?res=Inside+Technique

Developer's Paradise: list of Internet technology resources and web-development articles. Cross-indexed well. Includes links within siteexperts.com and out to the rest of the web.

http://htmlgoodies.earthweb.com/beyond/layers.html

Tutorials and examples of how to create layers and DHTML documents. Brings together style sheets, layering, javascript, and other "Dynamic" HTML features.

http://worldwidemart.com/scripts/

Free CGI and PERL scripts for download, well documented and supported. Also links to other CGI and PERL script sites.

http://www.xml.com/pub/2000/03/29/tutorial/index.html

Discussion of support for XML within current browsers. Covers linking style sheets to XML documents. Discusses XML 2.

http://www.cclabs.missouri.edu/things/instruction/perl/perlcourse.html

Missouri University's short course introduction to the PERL scripting language. Some PERL reference books and web links are mentioned, and the "course" makes heavy reference to the Perl 5 Reference Guide. Very involved with hardcore coding.

http://webdeveloper.com/advhtml/

Labs on DHTML, coding SVG. Info on XML, SMIL, CGI, etc. Well organized by topic. Includes a site map. Huge list of links divided by topic, including tutorials, references, browser demos, etc.

http://webreview.com/97/06/27/coder/index.html

Article on absolute positioning using Cascading Style Sheets. Includes a demo. Color-coded for ease of explanation.

http://developer.netscape.com:80/viewsource/angus_css.html

Also about positioning using Cascading Style Sheets, but with an overview/definition of DHTML. Includes a number of examples and demos. Lengthy and in-depth, with well-cited sources.

http://wdvl.com/
Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions

http://www.wpdfd.com/resources/MoreList.htm
Web Page design for Designers

http://www.php.net/
PHP Home page. Download PHP (a server-side scripting language). PHP is free and open source.

http://www.webdesignstart.com/
Another list of web design resources.

Other Stuff

http://www.cooltext.com

Online graphics generator allows beginning users to create textured, animated header text in JPG or GIF image formats. Images generated by this site are free. Limited, but users with little or no image software experience can jazz up their pages quickly & easily just by pointing & clicking.

http://www.grsites.com/textures/

Similar to Cooltext.com. A collection of seamless background images available as freeware.

http://www.mcs.net/~jorn/html/net/checklist.html

List of practical and aesthetic troubleshooting guidelines. After making a web page, check here for help fixing many common problems and oversights. Biased toward Hyperterrorist's design preferences, but very practical as well.