Class 24 Notes are in progress and are subject to change

Class 24 Outline -

Discourse

Minimize Discourse

Copy 24imagemap from Class to your shared folder.

Short quiz over HTML basics

• Examples of good student websites from last semester:
  • Sarah Fulton Photography (a gallery)
  • Parlor Baking (a small business site)
  • Val's Cooking Site (a surprise to a mother who loves to cook)
  • A Personal Site with a Theater Emphasis
  • A Tribute

• Review of constructing a web page using HTML
• Using a WYSIWYG editor - SeaMonkey (for basics) and Expression Web (for advanced effects)
• the importance of the web file folder
• Make a Practiceweb
• SET UP A 26mywebusername FOLDER for your website pictures and content pages

Hexidecimal color basics for websites

Checklist for today

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

Tutorial

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

Optional but recommended-unfortunately will not work with Macs. but 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.

• Download Expression Web from the Microsoft folder in the S Drive:
• S:\Microsoft\Expression Web

Mac and Window Users Users -SeaMonkey Basics (this woman has a strange voice but the info is good)

Newark1 Web Design (examples of using tables effectively, and good design tips)

FYI: WebSite Guidelines

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 for Imagemaps

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

• In-class activity (probably for Thursday) using files in 24imagemap folder (see example, below)

  

  Navbar Example

  Next Class: Constructing an Imagemap to use as a Navigational Bar

<Log Off>