Web Page Design and Implementation
CSCI 145 Fall 2002
 
FormsTop of Page

Basic FormsBasic forms information
Submit/resetSubmit and reset
TextText inputs
TextareaTextarea inputs
Radio ButtonsUsing radio buttons to change an image
Radio ButtonsRadio buttons change form elements using events and DOM
CheckboxCheckbox inputs
SelectSimple select / option example
SelectMultiple select
SelectNavigating using button and select inputs (and DOM)


More FormsTop of Page

Hidden ValuesPassing hidden fields using JavaScript
Hidden ValuesJavaScript to parse query string and pass to another form
ValidationValidate form data with JavaScript before passing it
VariablesVariables passed in query string
Query String ParsingJavaScript to analyze query string - used in form examples


JavasciptsTop of Page

Basic javascriptBasic Javascript using document write
Basic javascriptBasic Javascript using document write with styles
FunctionsJavascript function call with document & styles
Javascript objectsJavascript time and date object
Javascript objectsJavascript time and date object using functions
Session InformationJavascript navigator, window, document classes
Session InformationJavascript navigator, window, document classes
Session InformationJavascript with timer - annoying


Open New WindowsTop of Page

Switch URLJavascript link to new page with variable
Open & Close New WindowAutomatically open second window with timed close
Close only WindowAttempt to close only browser window after time out
Open New WindowCreate document and new window with FORM tag button
Open New WindowSelect which new window to open with FORM tag buttons


Mouse OversTop of Page

Status lineUse a mouseover to set the status line
Status lineUse a mouseover to set the status line and clear it
Status lineUse a mouseover function call to set status line
Status lineUse a mouseover function call with parameter to set the status line
ImagesMouseover an image calling function to set status line
Change ImageMouseover an image calling function to change image
Change ImagesMouseover function to swap images
Change ImagesMouseover function to swap images and change status line
Change ImagesMouseover functions removing annoying line in NN


More Mouse OversTop of Page

Multiple ImagesMouseover functions with multiple links and images
Multiple ImagesMouseover functions with multiple links and images
Multiple ImagesMouseover multiple links and images
With namesMouseover multiple links and images with object names
With objectsMouseover object names and eval experssion
More MouseoverMore mouseover samples
More MouseoverMore mouseover samples


LinkSubject
Sample 1Basic HTML - Headings, Horizontal Rules
Sample 2Basic HTML - Centering, tag attributes
Sample 3Basic HTML - BODY attributes
Sample 4Basic HTML - Preformatted text
Sample 5Basic HTML - bold, big, blink, italic,...
 
TableTable Basic - Borders, Cellpadding, Cellspacing, Valign, Rowspan, Colspan
List 1Basic unordered list
List 2Ordered list
List 3Nested lists
List 4Nested lists
List 5Nested lists
List 6Nested lists
List 7Definition lists
  
Table Sample 0Spanning and Sizing - the pieces
Table Sample 1Spanning and Sizing - what it should look like
Table Sample 2Spanning and Sizing - borders to see it
Table Sample 3Spanning and Sizing - end product
    
Frame Page 1Simple Frames
Frame Page 2Simple Frames
 
Basic StyleIntroduction to 'style' tag
Style classSimple global styles, specific and class
Style classSimple global styles, specific, class, spanning, nesting
Style classSimple global styles, specific, class, spanning, nesting
Style classSimple global styles, specific, class, spanning, nesting
Style nesting 1Nesting styles
Style nesting 2Nesting styles
Style nesting 3Nesting styles
Cascading Styles 1Global and inline, margins, backgrounds
Cascading Styles 2Global and inline, margins, backgrounds
Cascading Styles 3Global and inline, margins, backgrounds
Cascading Styles 4Global and inline, margins, backgrounds
Cascading Styles 5Global and inline, margins, backgrounds
Inline StyleSimple inline style example
Embedded StyleSimple embedded style example
External StyleSimple external file style example
Font and TextFont and text properties for CSS
Samples

Assignments

Gradebook

Home Page

Samples

Syllabus

Tick Tock Mailto: ranger@ecst.csuchico.eduranger@ ecst.csuchico.edu 
Assignments | Gradebook | Home Page | Samples | Syllabus