Throughout the beginning and advanced HTML courses, I will be creating a fictitious Web site, FunnyFakeFish.com. Concepts covered in each lesson are incorporated into the site. Examples of the code that you can view, print out, or download are listed below. Use this code to learn how HTML works; do not submit this code as your homework.

There are no examples of HTML code for this lesson.

Lesson 2: Frames

Don't forget to peek at the code …

Simple 2-column layout
3 rows / 2 columns / border - text links, frameborder, and border set to "no"
3 rows / 2 columns / no border - navigational graphics
Frames with noresize on add frame - try resizing the navigational frame, and then try resizing the frame that holds the ad
iframe - view in both Netscape and IE to see a broken and a working version; the top navigation is displayed in an iframe

Lesson 3: Forms

FunnyFakeFish sample form

Lesson 4: Form Processing

Form that uses a mailto: command to process data
Form that uses FormMail.cgi with only the recipient field included
Form that uses FormMail.cgi with fields for subject, redirect, and required

Lesson 5: Cascading Style Sheets

Inline style code
Document-level and inline style
External linked style files: 1 || 2 || 3
File that contains external, document-level, and inline styles
Here is the mystyles.css file (opens in IE only)
File with style classes

Lesson 6: More Cascading Styles

Original Huma
Huma + font properties
Huma + text properties
Huma + color properties
Huma + box properties:
     Background image, left margin 1 inch
     No background image, right margin 1 inch
Huma + list properties

Lesson 7: Server Side Include Commands

Template of server variables
Code that produces this page
Huma + bottom products page
Code that produces an include, or a file called "bottom-products"

Advanced SSI Example
Display random images (see CD for instrucitons on how this is done)

Lesson 8: Site Presentation

There are no examples of HTML code for this lesson.

instructor contact information
c. sumner - chaela@webgoddessdesign.com
c. massell - cmassell@santarosa.edu

copyright 2005 linda hemenway