Course Outline
Pre-Requisites
Basic computer concepts/skills and knowledge of Windows
Lessons
This course is designed for users who have little or no experience with Hyper Text Markup Language (HTML), and Cascading Style sheets(CSS), two of the languages used to create web pages on the internet.This course will cover the following topics:
What is an HTML document, creating a web page - basic structure, headings, text and paragraphing lists. Linking URLs and to specific sections, adding images, adding tables, & troubleshooting. Students will learn
the different tags, and how to style them using CSS to customize every part of the website, quickly and proficiently.
Course Content
Introduction
- 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