Class 23 Notes are in progress and are subject to change

Class 23 Outline -

Discourse

Minimize Discourse

Copy 23webplan from Class to your shared folder.

Your Resume in a Digital World - writing, impressing updating

• Twyla Hough
  Assistant Director, Career Services
• Review of constructing a web page using HTML
• Coding a table and table entries
• hexadecimal colors and web safe colors
• Review of viewing page in browser
• Using a WYSIWYG editor - SeaMonkey and Expression Web
• the importance of the web file folder

Hexidecimal color basics for websites

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

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

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 using files in 23webplan folder (see example, below)

  

  Navbar Example

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

<Log Off>