courses   |   sign up   |   materials   |   instructor   |   jobs   |   email   

lesson link
read/watch link
homework link
grades link
examples link
text link
resources link
faq link
syllabus link

    home link

HTML CODE EXAMPLES

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.


Lesson 1: HTML Editors

There are no examples of HTML code for this lesson.


[ top ]

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


[ top ]

Lesson 3: Forms

FunnyFakeFish sample form


[ top ]

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


[ top ]

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


[ top ]

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


[ top ]

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)


[ top ]

Lesson 8: Site Presentation

There are no examples of HTML code for this lesson.






































































 
lessons|| reading|| homework|| grades|| examples|| resources|| messages|| syllabus

instructor contact information
robert caruso - bob@alwaysangels.com 527-4999 X1142
linda hemenway - lhemenway@santarosa.edu (707) 527-4855

copyright 2004 linda hemenway