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?

Web Page Building Blocks

• 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

Working with Web Page Files

• 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

Basic HTML & CSS Structure

• 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

Basic HTML Formatting

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

Images

• 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

Links

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

Lists

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

Tables

• 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

Testing and Debugging Web Pages

• 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 and Documents

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

Selectors

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

Values and Units

• Numbers
• Percentages
• Color
• Length Units
• URLs

Fonts

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

Text Properties

• Indentation and horizontal alignment
• Vertical alignment
• Text decoration

Basic Visual Formatting

• Basic boxes
• Inline -elements
• Altering element display

Padding, Borders, and Margins

• Basic element boxes
• Margins
• Borders
• Padding

Colors and Backgrounds

• Colors
• Backgrounds

Floating and Positioning

• Floating
• Positioning

Lists and Generated Content

• Lists
• Generated content

User Interface Styles

• System fonts and colors
• Cursors
• Outlines
• Borders

Cancellation Policy

10 business days cancellation or full course fee will be charged

Training Location

Online Classroom
.

., .
.