Pre-Requisites

Basic computer concepts/skills and knowledge of Windows

Lessons

• The internet, the web, and HTML
• Open but not equal
• The browser wars
• The push for standards
• CSS and browser support
• What advantages does CSS have?

• A web page's text content
• File names and file structure
• Links, images, and other non-text content
• Versions, flavors, and DOCTYPE
• The display of HTML and CSS
• Sizing of web page
• Understanding the structure
• Understanding the options of a web page

• Targeting your design
• Creating a new web page
• Saving your web page
• Specifying a default or “home” page
• Editing web pages
• Organizing files
• Viewing your page in a browser
• Finding the source code

• Starting your HTML
• Creating the link for CSS
• Starting your CSS
• Creating a title
• Creating section headers
• Starting a new paragraph
• Breaking up a page into divisions(div's)
• Adding comments in HTML and CSS
• Creating line breaks
• Creating your own naming conventions
• Labeling elements in a HTML
• Labeling elements in CSS

• Making text bold or italic
• Changing the size of text
• Explaining abbreviations
• Centering elements on a page

• About images for the web
• Getting images
• Choosing an image editor
• The save for web command
• Inserting images on a page
• Aligning images
• Specifying size for speedier viewing
• Adding horizontal rules
• Making images smaller
• Making images float

• Creating a link to another web page
• Creating internal links
• Creating email links
• Targeting links to specific windows
• Creating image links

• Creating ordered and unordered lists
• Choosing your markers (bullets)
• Styling nested lists

• Advantages and dis-advantages
• Creating a simple table
• Adding a border
• Setting the width
• Centering a table
• Aligning a cell's contents
• Changing the background

• Some debugging techniques
• Check the easy stuff first
• Testing your page
• When images dont appear
• When backgrounds dont appear
• Differences from browser to browser

• CSS to the rescue
• Bringing CSS and XHTML together
• Elements

• Basic rules
• Grouping
• Class and ID selectors
• Attribute selectors
• Using document structure
• Pseudo-classes and Pseudo-elements

• Numbers
• Percentages
• Color
• Length Units
• URLs

• Font families, weights and size
• Styles and variants
• Using fonts correctly

• Indentation and horizontal alignment
• Vertical alignment
• Text decoration

• Basic boxes
• Inline -elements
• Altering element display

• Basic element boxes
• Margins
• Borders
• Padding

• Colors
• Backgrounds

• Floating
• Positioning

• Lists
• Generated content

• System fonts and colors
• Cursors
• Outlines
• Borders

Cancellation Policy

10 business days cancellation or full course fee will be charged

Training Location

TTC, B-11 Cameron Library
11320-89 Avenue, University of Alberta

Edmonton, Alberta
Canada