Demo of possible values for  <font size=what > 

Not directly relevant, but here's a good site that helps you identify any font...

Here's a good Dreamweaver fan site

Here's Macromedia's Dreamweaver Developer site

More art sites

UNO38 Animacione Festivale

one38 Auction

one38 Covers (click on Covers in the left frame)

Walkerart.org from Ms. Schlein.

Your URL's are listed in the Role page...

A little history, back to 1997 and Kevin Lynch.

A great tool with capabilities we can't begin to cover here, but it can also be a crutch.

Know your HTML codes as tags, not UI gestures. Believe me, you won't regret it, especially when you need to
EDIT THE HTML LATER.

Change default Code Format to:

Use: Tabs
Index Size: 3
Tab Size 3
Default Lower Case: 3
Override Case Of: Tags Attributes

Change New Document to "Make Document XHTML Compliant" on.

Open the Site Window from the Window Menu and choose New Site

Name your site. Here's a good place to start practicing your file naming conventions.

Ignore using server technology

Choose "Edit local copies..." then use the browse button to set a folder on your local hard drive to store your files.

Choose FTP (File Transfer Protocol) to connect to the pixel server.

Your individual logins are your first initial last name (no spaces) and your password is the one you handed in to me.

You don't need to fill out the folder on the server. You are automatically pointed there by the server when you log in.

NOTE: Don't set your password to "Save" on school machines!

This will put your files up for public viewing on the World Wide Web.

Your final setup page should look close to this:

From File: New

Make sure to select the "Make Document XHTML Compliant"

Suggestion: Check out the Page Designs. They're well crafted and generally easy to take apart and see how they work.

Important Menu Features

Code/Design Views

Title

File Management

Preview In Browser

Common

Layout - DON'T

Text

Handy visual tool for tags effecting text

Table - Not Yet

Frames - DON'T

Forms - Not Yet

Templates - DON'T

Characters

Cool, very cool. Learn to use it, it is your good friend.

Off in the opposite corner

Gives you the current size of the doc, and can set the size of the window to emulate a target browser window size.

Note the browser validity listing in the upper right corner.

Check it out! Useful examples of how to do common bits of coding.

Local or Remote view

Check Links button

Synchronize feature

If you need some text, here’s some greeking text.

From Lecture 2

Build a web page that looks like this:

Build a page with a headline, 3 sets of subheads with at least 2 paragraphs under each subhead, only using content-structural tags and using all of these:

Build a third page like the one above, but throw in <b>, <big>, <i>, <small>, <tt> as well.

If you've got that worked out, try nesting some of the tags!

Make this using special characters:

Here's a listing.

Note the use of four non-breaking spaces after the exclamation point and before “Hmpf.”

Build a page that shows the three different types of lists

Use this as a reference: http://www.w3schools.com/html/html_lists.asp

From Lecture 3

Make a page with horizontal rules that looks like this:

Create a page that centers an image with both the <center> and the <p align="center"> tags:

Create a page that wraps text around images that looks like this:

Hint: the second paragraph puts the images later down the text.

Build a page that looks like this:

Hints:

The bar is made from the thing.gif.

The header uses a <font> tag with attributes.

Take the page from exercise 9 and link it to the file from exercise 8 using the image as your link.

Try making the image not have a border from the link tag.

Take the page from exercise 10 and link it to the "server" id on the lecture_01.htm page of this site.