Ranger's main - Samples - 20042005F - CSCI145

Clarke Steinback Ph.D.

Web Page Design
CSCI 145 Fall 2004

Samples

Basic HTML Basic Lists Tables Basic Styles Cascading Styles Style Implementations Style Font and Text Properties MouseOvers - Status Line MouseOvers - Images MouseOvers - Images Open New Windows Javascript Forms


Basic HTML	Top of Page

Sample 1	Basic HTML - Headings, Horizontal Rules
Sample 2	Basic HTML - Centering, tag attributes
Sample 3	Basic HTML - BODY attributes
Sample 4	Basic HTML - Preformatted text
Sample 5	Basic HTML - bold, big, blink, italic,...


Basic Lists	Top of Page

List 1	Basic unordered list
List 2	Basic ordered list
List 3	Nested lists
List 4	Nested lists
List 5	Nested lists
List 6	Nested lists
List 7	Definition lists


Tables	Top of Page

Basic HTML - Tables


Basic Styles	Top of Page

Style 1	Basic Style - embedded style commands
Style Class 1	Basic Style - class definition and examples
Style Class 2	Basic Style - class definition and mixed examples
Style Class 3	Basic Style - class definition and mixed examples
Style Class 4	Basic Style - class definition and mixed examples


Cascading Styles	Top of Page

Cascading 1	Global and inline, margins, backgrounds
Cascading 2	Global and inline, margins, backgrounds
Cascading 3	Global and inline, margins, backgrounds
Cascading 4	Global and inline, margins, backgrounds
Cascading 5	Global and inline, margins, backgrounds


Style Implementations	Top of Page

Inline	Simple inline style example
Embedded	Simple embedded style example
External	Simple external file style example


Style Font and Text Properties	Top of Page

Style font and text properties


MouseOvers - Status Line	Top of Page

Status line	Use a mouseover to set the status line
Status line	Use a mouseover to set the status line and clear it
Status line	Use a mouseover function call to set status line
Status line	Use a mouseover function call with parameter to set the status line


MouseOvers - Images	Top of Page

Images	Mouseover an image calling function to set status line
Change Images	Mouseover an image calling function to change image
Change Images	Mouseover function to swap images
Change Images	Use a mouseover function call with parameter to set the status line
Change Images	Mouseover functions removing annoying line in NN


MouseOvers - Images	Top of Page

Multiple Images	Mouseover functions with multiple links and images
Multiple Images	Mouseover functions with multiple links and images
Multiple Images	Mouseover multiple links and images
Change with Names	Mouseover multiple links and images with object names
Change with Objects	Mouseover object names and eval experssion
More Mouseover	More mouseover samples
More Mouseover	More mouseover samples


Open New Windows	Top of Page

Switch URL	Javascript link to new page with variable - NN 4.7 only
Open & Close New Window	Automatically open second window with timed close
Close only Window	Attempt to close only browser window after time out
Open New Window	Create document and new window with FORM tag button
Open New Window	Select which new window to open with FORM tag buttons


Javascript	Top of Page

Basic javascript	Basic Javascript using document write
Basic javascript	Basic Javascript using document write with styles
Functions	Javascript function call with document & styles
Javascript objects	Javascript time and date object
Javascript objects	Javascript time and date object using functions
Session Information	Javascript navigator, window, document classes
Session Information	Javascript navigator, window, document classes
Session Information	Javascript with timer - annoying


Forms	Top of Page

Basic Forms	Basic forms information
Submit/reset	Submit and reset
Text	Text inputs
Textarea inputs	Textarea inputs
Radio Buttons	Using radio buttons to change an image
Radio Buttons	Radio buttons change form elements using events and DOM
Checkbox	Checkbox inputs
Select	Simple select / option example
Select	Multiple select
Select	Navigating using button and select inputs (and DOM)



	Ranger's Home

	Advising

	Research

	Instruction

	2003 Fall

	2004 Spring

	2004 Fall

	CSCI 140

	CSCI 145

	Assignments

	Calendar

	Gradebook

	Samples

	Syllabus

	2005 Spring

CSCI 145 | Assignments | Calendar | Gradebook | Samples | Syllabus

Ranger's Home | Advising | Research | Instruction | 2003 Fall | 2004 Spring | 2004 Fall | 2005 Spring

ranger@ecst.csuchico.edu

Maintained by

. Developed by Diverse Network Associates Inc.

.
© Copyright 2004 Diverse Network Associates, Inc. All rights reserved.