background image

www.totaltraining.com  |  800-561-6778

TOTAL TRAINING™ FOR 

CSS & XHTML for Web Development

QUICK REFERENCE GUIDE

C1  INTRODUCTION TO BUILDING A WEB PAGE 

 

0:56:23

What is HTML?

Setting Up the Text Editor to Create XHTML

Creating Your First HTML File

Adding Formatting Tags & Previewing in a Browser

Getting Started with Cascading Style Sheets

How Pages are Served Up

Choosing an Editor

Project Management

C2  CREATING HTML DOCUMENTS   

 

1:03:22

Understanding Tags, Elements & Attributes

Defining the Basic Structure with HTML, HEAD & BODY

Assigning a Title & Using Paragraphs

Using Heading Tags & Whitespace

Creating Unordered & Ordered Lists

Fine-tuning Tags with Attributes

Adding Bold & Italics

Understanding How a Browser Reads HTML

Doc Types & Browsers

C3  INTRODUCTION TO CSS 

 

 

1:12:05

What is CSS?

Internal Style Sheets, Selectors, Properties & Values

Building & Applying Class Selectors

Grouping Selectors

Creating Comments in Your Code

Using Div Tags & IDs to Format Layout

Understanding the Cascade & Avoiding Conflicts

C4  ADDING IMAGES   

 

 

0:42:40

Image Formats & Production Considerations

Optimizing Images for the Web

Introducing the IMG Tag

Relative vs. Absolute URLs

Fine-Tuning with Alt, Width & Height Attributes

C5  ANCHORS & HYPERLINKS 

 

 

0:49:39

Creating Hyperlinks to Outside Websites

Creating Hyperlinks Between Documents

Linking to Email Addresses

Linking to a Specific Part of a Webpage

Linking Images

C6  MORE CSS TECHNIQUES 

 

 

 

0:35:20

Managing CSS with External Style Sheets

Setting Hyperlinks with Pseudo-Classes

The CSS Box Model: Padding, Borders & Margins

Styling Unordered & Ordered Lists with CSS

Overriding the Inheritance of Attributes

C7  ORGANIZING INFORMATION WITH TABLES & DEFINITION LISTS 

0:45:53

Creating Tables & Table Attributes

Adding & Formatting Rows & Columns

Spanning Rows & Columns

Increasing Table Accessibility

Using Definition Lists to Organize Definition-Based Data

Using HTML Comments

C8  CREATING LAYOUTS  

 

 

 

1:00:55

Adding a Side Content Div to Your Layout

Applying Absolute Positioning

Applying Relative Positioning

Using the Float & Clear Properties

Understanding Overflow

Creating Auto-Centering Content

Using Fixed Positioning

C9  INTRODUCTION TO ADOBE® DREAMWEAVER®   

 

0:39:20

Getting Started with Dreamweaver & Setting Preferences

Creating a Local Site & Importing Files

Working in the Code, Design, & Split Views

Configuring FTP Options & Publishing Through Synchronization

Validating Your Code

C10  WORKING WITH DREAMWEAVER  

 

 

0:21:15

Editing Style Sheets in the CSS Panel

Creating Description & Keyword Meta Tags

Using Dreamweaver to Preview in a Web Browser

Credits