Hello World

Open a new plain text document (.txt)
Write the following:
<head>

<title>Laura's Fancy Website</title>

</head>

<body>

Hello World!!!!

<body>
Save as index.html
Open index.html in your web browser

Hello World Wide Web

Download & install Fetch and TextMate free from software.berkeley.edu
Fetch is an FTP client. There are many others that do the same thing with slight interface variations. If you want to pay for something a little better, I like the $35 Transmit.
Use Fetch to sign in to our server.
Fetch will open your personal folder on our server. Copy all the files from your server folder into a folder on your local computer's hard drive.
Visit your URL in a web browser. Here is a breakdown of a URL: http:// www. c10ud. org / helloworld/ index.html
Each file in your server folder can be uniquely referenced in this way. Replace index.html with sitemap.html or the name of any other file in your folder to view it.
Open the local version of your folder in TextMate. Make some edits to index.html. Open the local file index.html (like we did in Hello World) in a web browser.
When you are ready, drag the updated files from your local folder into your server folder using Fetch.
Visit your URL again (refresh if necessary) to see the changes you've made.

HTML Tags

Google Spreadsheets are great for keeping things like glossaries and indices that need to be updated frequently. Here's one for HTML tags.

A great way to discover HTML tags is by using your browser's View -> Source option.

CSS: Cascading Style Sheet

See HTML tag spreadsheet

The w3schools CSS reference

My friend Dustin's reference of CSS shorthand!

JS: Hooray for math!

The demo page here does things like random colors, timers, and drawing to a canvas element

Google: Best Ever?

Learning how to use Google is the key to unlocking the Internet.

Search specifically. Guessing the right combination of techy words will usually get you what you are looking for. Scan search results for better potential search terms.
There are a lot of little keycodes for searching specific types of information. Read Google's Search Help.
Lifehacker's Top 10 Search Tricks
Search on the right engine. There are lots of them: Blog, Scholar, Patent, Product, Code &c &c.

Have Google Do It For You

There are many cases when you don't need to build your own website from scratch. Google Documents are collaborative, always backed up, accessible from any machine, and can be published and culled and fed and remixed and all sorts of useful things. Try:

Spreadsheets
Documents
Forms
Blogger
Pages
Sites

Google Treasure Hunting

Most content-distributing sites offer little snippets of code to help you better distribute their content for them. Look for the <embed> tags on websites like:

YouTube
Vimeo
Glitter Graphics
Flickr (only on your own stream :( )
Hulu

Google APIs: Also Awesome

Play around with the dynamic page in your folder.
Check out the reference guide.

Google AppEngine

The easiest way I've seen to have a huge all-powerful database.
Takes care of user authentication for you.