Ranger's Home
 Clarke Steinback Ph.D.
Web Page Design
APCG 360 Fall 2005
Samples
2005 Fall ->Web Page Design ->Samples
HTML Forms    CSS Tutorials    Basic HTML    Basic Lists    Tables    Windows    Styles - Implementation    Styles - Font Properties    Styles - Basics    Styles - Cascading Styles    Styles - Anchor Tags (Links)    Mouseovers - Basic Images    Mouseovers - Images   

HTML FormsTop of Page

FormsHTML Forms
Text Input SamplesHTML Forms - Text Input Samples
Textarea SamplesHTML Forms - Textarea Samples
Select Sample 1HTML Forms - Simple Selection 1
Select Sample 2HTML Forms - Simple Selection 2
Select Sample 3HTML Forms - Simple Selection 3
Radio ButtonsHTML Forms - Radio Button Example 1
Radio ButtonsHTML Forms - Radio Button Example 2
Checkbox ExampleHTML Forms - Checkbox Example
Form ExamplesW3Schools Form Examples

CSS TutorialsTop of Page

Two ColumnTwo columns column with color
Liquid LayoutsLiquid Layouts with CSS
Various LayoutsVarious CSS layouts to consider
CSS TutorialsW3Schools CSS Tutorials
Changing VisabilityShow/Hide elements dynamically on in a page
CSS RolloversCSS Fast mouse rollover effects
CSS ButtonsCSS Inline Buttons
CSS EffectsVarious layout and menu effects implemented in CSS

Basic HTMLTop of Page

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,...

Basic ListsTop of Page

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

TablesTop of Page

Basic TablesBasic HTML - Tables
Table FittingSample of fitting images together in a table

WindowsTop of Page

Basic Pop-Up WindowJavascript Pop-Up Window - basics
Pop-Up with focusJavascript Pop-Up Window with Focus

Styles - ImplementationTop of Page

InlineSimple inline style example
EmbeddedSimple embedded style example
ExternalSimple external file style example

Styles - Font PropertiesTop of Page

Font and TextStyle font and text properties

Styles - BasicsTop of Page

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

Styles - Cascading StylesTop of Page

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

Styles - Anchor Tags (Links)Top of Page

Link StylesSamples of anchor tag (link) styles

Mouseovers - Basic ImagesTop of Page

Change ImageMouseover an image calling Javascript function to change image
Swap ImagesMouseover function to swap images
Swap ImagesUse a mouseover function call with parameter to set the status line
Swap ImagesMouseover functions removing annoying line in Mozilla/Netscape

Mouseovers - ImagesTop of Page

Multiple ImagesMouseover functions with multiple links and images
Multiple ImagesMouseover functions with multiple links and images
Multiple ImagesMouseover multiple links and images
Change with NamesMouseover multiple links and images with object names
Change with ObjectsMouseover object names and eval experssion
More MouseoverMore mouseover samples
More MouseoverMore mouseover samples