CIOS F256
Beginning Website Design
(Internet Authoring and Design)

Code Examples


Classes
1 & 2		 Initial Index Page Headings Breaks
Lists Character Tags Special Characters
Object Alignment Inserting Images Basic Page Layout



Class 3 Anchors, Multiple Web Pages Using GIF's To Enhance Site, Links To Anchors On A Different Page External Links



Class 4 IMG SRC -- GIF's, JPEG's, Animated GIF's Thumbnails Vertical and Horizontal Spacing of Images
Links, ALinks, VLinks Font Size and Face Background



Class 5 Animated Misty Image Map



Class 6 A Simple Table Alignment in Tables Using Colors with Tables
Table Headings Table Spacing Table Span
Using Width with Tables Table Borders Table Border Colors
Video Example
Using a Link		 Storyboard Example  



Class 7
Frames and Targets The BASE Tag Magic Target Names
No Border Frames Sebastopol Webpage  



Class 8
Text Box, Check Boxes
and Radio Buttons
In Forms		 Mailto In Forms Text Area In Forms
Pull-Down Box In Forms Using tables In Forms  



Class 9 Browser Check Using Buttons A More Effective Rollover
A Slideshow Combining a Rollover with an Image Map A JavaScript Jukebox
Cycling Banners Plug-in Finder  



Class 10
Validating An Email Address Selecting Menu Items Working With Radio Buttons
Setting One Field With Another Validate Zip Codes Car Picker Example
Verifying Passwords    



Class 11 SSI Example Simple CGI/Perl Form CGI/Perl
Click here to Download Instructions for SSI Command Click here to Download Instructions on Initiating Perl Code Click here to Download Instructions for CGI Form
CGI Calendar Example Click here to get the Perl Code for the Simple Program Click here to get the Perl Code for Form
Where to Get The CGI Calendar Time Applet Free Java Applets
Adding Sound and Video
Adding Sound --
MIDI's (Netscape)		 Adding Sound --
WAV's (Netscape)		 Adding Sound --
MIDI's (Internet Explorer)
Jukebox Example Adding Video To
Your Page
(Netscape)		 Adding Video To
Your Page
(Internet Explorer)



Style Sheet Links
Linking Style Sheet Example Embedding Style Sheet Example Inline Style Sheet Example



Other Javascript Examples
Windows to Front Creating Web Pages With JavaScript Adding Date to the Page
Working With Time Countdown Script Opening a New Window
Baking Cookies with JavaScript Moving CSS Object
(Netscape 4.8)		 Moving CSS Object
(Netscape 6)
Moving CSS Object (Internet Explorer) Moving CSS Text
(Netscape 4.8)		 Moving CSS Text
(Netscape 6)
Moving CSS Text (Internet Explorer)    



Return to CIOS F256 Class Links