Class 23 Notes are in progress and are subject to change

Class 23 Outline -

Discourse

Minimize Discourse

Copy 23imagemap from Class to your shared folder.

Review HTML and show lists - open bonessite in 22bones.

Short quiz over HTML basics

• Examples of good student websites from previous semesters:
  • Sarah Fulton Photography (a gallery)
  • Will Lin: Live with Flow
  • Cooking at Trinity
  • Nancy Li - Art Portfolio
• Review of constructing a web page using HTML

Agenda:

• Using a WYSIWYG editor - SeaMonkey (for basics) and Expression Web and/or Dreamweaver (for advanced effects)
• the importance of the web file folder
• SET UP A 25mywebusername FOLDER for your website pictures and content pages
• Make a Practiceweb

• Using SeaMonkey to open a page

A quick look at Google Sites

Using Bridge for Photo Galleries

Checklist for today

Using a WYSIWYG webpage builder - some examples - Expression Web, Dreamweaver, and several free ones like SeaMonkey

Tutorial

Great Dreamweaver Help Link

Download SeaMonkey from http://www.seamonkey-project.org/releases/ for Mac or Windows on your own computer

Setting up your website folder using Expression Web - Video Link

Using SeaMonkey for a simple two-page site - Video link-

• Open the folder called Practiceweb
• Open SeaMonkey and create two new pages - save the first page as "index" - save the second page as "photos"
• IMPORTANT - understand the difference between the title and the file name!!
• Follow the directions in class to create a table structure and text
• Use the Browse tool to preview your pages

Using Expression Web and Dreamweaver Web for Imagemaps

 You can switch from Expression Web to SeaMonkey w/o a problem. You may also use Dreamweaver if you know how, and you can learn at Lynda.com - for free.

Make an imagemap with hotspots

• Expression Web

• Dreamweaver

Website Guidelines

• Open your pages in ExpWeb - what are the differences?
• Open your pages with Notepad - what's the difference?

• In-class activity using files in 23imagemap folder

<Log Off>