World Wide Web Development

Week One:

Web Construction -- general

http://www.hotwired.com/webmonkey/ --Web construction info from the makers of HotWired, the online wing of Wired Magazine

http://www.webreference.com/ --WebReference - a wealth of web construction information

http://www.webreference.com/authoring/languages/html/tutorials.html -- WebReference Tutorials

http://www.cnet.com/Content/Builder/ --more web construction help from c|net

http://Stars.com/ -- The Web Developers' Virtual Library (WDVL) a good jumping-off place

http://www.whatis.com -- More general info and an alphabetical list of topics

http://support.teleport.com/webweave/ -- everything you need to know about weaving the web at Teleport

Jargon and acronyms:

http://WWW.stars.com/WebRef/Index/ The Webmaster's Encyclopedia

http://www.cnet.com/Resources/Info/Glossary/?st.cn.fd.tb.rs Glossary on the C|Net site

Week Two:

Websites for critique

http://www.tri-met.org/ -- What are their goals? Does this site meet them? How long does it take you to find out when your next bus is?

http://www.zdnet.com/ --The "everything but the kitchen sink" approach

http://www.techreview.com/ -- another approach to a publication

http://www.cdnow.com -- How long should it take to find what you want? Do they do a good job?

http://www.hp.com -- Imagine you're trying to find an answer to a tech support problem. Or you want info on a printer. How many clicks to get where you're going?

http://theforest.org/ -- the mystery approach -- come in and explore with no map

http://www.fuaj.fr/ -- how easy is it to get info?

http://www.tek.com/ -- a good example

Interface Design:

http://www.hotwired.com/webmonkey/98/11/index0a.html?tw=design -- a very good article on "Ecological Design" -- basically empathizing with your site visitor.

http://www.hotwired.com/webmonkey/collections/design.html?tw=design -- this whole section has great info on appropriate technology for websites

Some HTML Editors

http://www.dreamweaver.com -- Dreamweaver home site -- cross-platform (semi) wysiwyg editor. Version 2.0 is current (1/99). Sign up for their newsgroup for extra support. Download a trial version.

http://www.macromedia.com/macromedia/events/alwseminar/ -- FREE! Dreamweaver seminar in Portland, March 16. Sign up now!

http://www.adobe.com/prodindex/pagemill/main.html -- PageMill cross-platform (semi) wysiwyg editor/ Version 3.0 is current (1/99).

http://www.microsoft.com/frontpage/productinfo/default.htm -- Microsoft Front Page (semi) wysiwyg editor (98 for Windows, 1.0 for Mac)

http://www.barebones.com/ -- BBEdit -- a Mac platform enhanced text editor -- lets you automate some functions of html, also useful for editing DW docs.

http://www.sausage.com/ -- Hot Dog -- a PC platform enhanced text editor

 

Week Three:

Websites for critique

 

Graphics

http://www.webreference.com/graphics/ -- WebReference strikes again

http://www.yahoo.com/ -- lots of interesting web graphic links

Photoshop

http://www.adobe.com/studio/tipstechniques/photoshop.html -- Cool Photoshop shortcuts -- not a tutorial

http://www.geocities.com/SiliconValley/Way/9252/index.html -- Roxanne provides a Photoshop Tutorial. Not complete, but some useful stuff for the web.

http://www.magicpixel.com.au/html/workwel.html -- slow-loading site, but interesting specific tutorials.

 

Week Four:

Site Planning

http://www.hotwired.com/webmonkey/98/28/index0a.html?tw=design --Squishy's Crash Course in Information Architecture on the Hotwired site

Navigation

http://www.webreference.com/dlab/9705/ -- Designing Site Navigation article on WebReference

http://builder.cnet.com/Graphics/NavSpotlight/?st.bl.gr.gr6.feat.1436 -c|net's builder.com "Spotlight on Navigation Design"

http://builder.cnet.com/Graphics/UserInterface/?st.bl.gr.gr10.feat.1145 -- "Building a Better Interface"

FTP

For the Macintosh, we recommend "Fetch 3.0.1." This is shareware and is available to download at the following site. Please be sure to pay for any of the shareware we recommend if you like it and intend to continue to use it.

ftp.dartmouth.edu/pub/mac/Fetch_3.0.1.hqx

For the PC, we recommend "Cute FTP" (really!), also shareware which you can download from

www.cuteftp.com

Don't let the site mislead you, you can download the software for evaluation by following the "download" links on the little control panel in the upper left-hand corner.

 

Week Five:

Interactivity

Database

http://www.hotwired.com/webmonkey/backend/tutorials/tutorial1.html?tw=backend WebMonkey's Database Tutorial - from intro to nitty-gritty

Animation

http://www.macromedia.com -- Flash etc.

Javascript

http://www.webreference.com/javascript/ -- Web Reference on JavaScript

http://developer.netscape.com/docs/manuals/communicator/jsref/ -- Netscape's Javascript reference -- you could learn it all from this

http://www.webcoder.com/index_real.html -- Webcoder, your home for javascript and dynamic html!

http://www.chalcedony.com/javascript/ -- "The Joy of Javascript," the companion website for JavaScript for the World Wide Web, Visual Quickstart Guide, 2nd Edition. Includes loads of useful scripts.

CGI

http://hoohoo.ncsa.uiuc.edu/cgi/ -- CGI

http://support.teleport.com/webweave/cgi/mailmerge.phtml -- Teleport's Mailmerge info

http://www.worldwidemart.com/scripts/ -- Matt's Script Archive -- all the cgi you can copy

Push

http://www.hotwired.com/webmonkey/geektalk/97/08/index4a.html?tw=backend --WebMonkeys words about Push

http://www.hotwired.com/webmonkey/tools/97/30/index0a.html?tw=design -- Push -- Jeffrey Veen doesn't like it

Java

http://java.sun.com -- Sun info on Java

Other

http://www.dansteinman.com/dynduo/ -- Dynamic HTML Tutorial

http://www.perl.com -- PERL

http://go.hotwired.com/webmonkey/98/41/index1a.html/hoo1998412 -- XML

Text Editors

http://www.allaire.com/home.dbm -- HomeSite -- another PC enhanced text editor

http://www.barebones.com/ -- BBEdit -- A Mac enhanced text editor

Sites

CGI: Lily signup

Database: REI

Transactions: BuyComp

Push: PointCast

Multimedia: Animation at Hotwired

Javascript: Rollovers

Java: Sun's Examples

Week Six:

E-Commerce

http://builder.com/Business/EcomSpot/?st.bl.bu.bu1.feat.1409 -- CNet "Spotlight on E-Commerce" guide to resources

http://www.teleport.com/support/webweave/cgi/perlshop.phtml#Overview -- PerlShop -- a shopping cart/catalog script available on Teleport. This is the manual, the code is also available

Databases

http://www.hotwired.com/webmonkey/97/50/index1a.html?tw=e-business -- Web Databases for Non-Eggheads by Sharon Perlman, 16 Dec 1997

Advanced HTML

Instant HTML: Programmers' Reference -- the recommended text for this course

http://builder.com/Authoring/Html/?st.bl.au.au7.feat.1116 -- Builder.com -- "Spotlight on HTML"

GIF Animation

http://iawww.epfl.ch/Staff/Yves.Piguet/clip2gif-home/GifBuilder.html -- yes, this long URL leads to the home of GIFBuilder

http://www.ulead.com/webutilities/framstuf.htm -- a free PC GIF animator. i haven't tried it but it looks pretty similar to GIFBuilder

http://dir.yahoo.com/Arts/Visual_Arts/Animation/Computer_Animation/Animated_GIFs/ -- the Yahoo page coveing GIF animation

 

Week Seven:

Flash

http://www.macromedia.com/software/flash -- Flash etc.

 

Flashed Sites

http://www.pneumofore.com/flash.htm -- an example of what Flash can be good for besides, well, flash!

http://www.flasher.net/flashpad.html

http://www.gabocorp.com

http://www.nrg.be

http://www.eye4u.com

http://www.matinee.co.uk/fr_nmd.htm

http://www.e3direcktiv.com

Search Assignment Results

 

Week Eight:

Site Marketing

http://support.teleport.com/webweave/traffic.phtml -- Teleport's guide to increasing your site traffic

http://www.tbchad.com/findweb.html -- Tips on making your site easily found by search engines

http://www.selfpromotion.com -- an automatic site-submission tool that submits your info to numerous search engines. There are lots of these out there, this is a new one.

http://www.SearchEngineWatch.com/ -- the lastest updates on getting search engines to notice you

http://www.bruceclay.com/web_rank.htm -- Search Engine Ranking Optimization Tools provided by a master. Go back to his home page for more site marketing information.

Search Engines

Search engine submission pages

http://www.yahoo.com/info/suggest/

http://www.hotbot.com/addurl.asp

http://www.excite.com/info/add_url

http://infoseek.go.com/AddUrl?pg=SubmitUrl.html

http://www.lycos.com/addasite.html

http://www.webcrawler.com/info/add_url/

http://www.snap.com/main/help/item/0,11,-8450,00.html

http://www.looksmart.com/aboutus/devcenter/subsite.html

http://www.aol.com/netfind/info/addyoursite.html

Mailing Lists

http://www.topica.com/ -- just one of many free mailing list sites -- you can host your list here just for the price of looking at some ads.

Usenet

http://www.dejanews.com --a searchable resource for discovering what usenet groups may have relevance to your website

Web Stats

http://www.fxweb.com/tracker/index.shtml -- a free site-traffic tracker for your pages. Again, there are lots of these around, this seems to be easy to use and gives useful stats

http://www.teleport.com/~vrb/teleport-weblog/index.phtml

Security

http://www.hotwired.com/webmonkey/backend/ -- WebMonkey's page of links on security and more

http://www.webreference.com/security.html -- More links

http://support.teleport.com/webweave/htaccess.phtml#pass -- creating a password-protected page at Teleport

Week Nine:

Interactivity

http://www.macromedia.com -- Flash etc.

http://www.perl.com -- PERL

Web Manual of Style

http://www.theslot.com/part3.html#cyberpunk -- how to punctuate written material about webstuff.

Week Ten:

The Business of Web Development

http://provider.com/contracts.htm -- an updated source of sample contracts and contract advice.

http://www.builder.com/Business/Freelancing/index.html -- Be a Freelance Web Builder -- A-Z, from home biz to subcontracts

 

Future of the WWW/Internet

http://www.von.com/ -- Voice on the Net -- internet telephony