MAT 125: Exercise Video Lectures

Exercise 1: Basic HTML & Text Styles Videos

• Demo 1a
• Demo 1b
• Demo 1c
• Demo 1d
• Demo 1e

Exercise 2: Using Three Types of Lists & Adding Simple CSS Document and Inline Styles

• Demo 2a
• Demo 2b
• Demo 2c
• Demo 2d
• Demo 2e

Exercise 3: Adding Images on your HTML Page and CSS Background Image Use

• Demo 3a
• Demo 3b
• Demo 3c
• Demo 3d
• Demo 3e
• Demo 3f
• Demo 3g

Exercise 4: Linking Things Together

• Demo 4a
• Demo 4b
• Demo 4c
• Demo 4d
• Demo 4e

Exercise 5: Adding Some Design

• Demo 5a
• Demo 5b
• Demo 5c
• Demo 5d

Exercise 6: Tables & IFrames, Inserting a Form

• Demo 6a
• Demo 6b
• Demo 6c
• Demo 6d
• Demo 6e IFrames

Exercise 7: Simple Page Layout

• Demo 7a
• Demo 7b
• Demo 7c
• Demo 7d
• Demo 7e
• Demo 7f

Exercise 8: Making Pages Flexible

• Demo 8a About Divs
• Demo 8b Natural Flow
• Demo 8c Fixed Page
• Demo 8e Max-Width Page
• Demo 8f Navigation Bar
• Demo 8e Centered Navigation
• Demo 8f Sidebar Navigation

Exercise 9: Making Responsive Pages

• Demo 9A Natural Flow
• Demo 9B Flexible Page Layout
• Demo 9C Maximum Width Page Layout
• Demo 9D Simple Responsive Page Layout

Extra Credit Javascript

• Demos for Extra Credit
• Popup Window
• Rollover Buttons
• DropDown Menu
• New Slideshow
• Responsive Slideshow

More Javascript

• Lightbox14- Javascript
• Vertical Slider- Javascript/JQuery
• Vertical Slider Version 2
• Go Back Javascript Link