HTML and CSS Primer

HTML and CSS Primer

  4.9 out of 5 - Read Testimonials
Course Length:
Delivery Methods:
Next Live Class:Oct 16, 2020 10AM-5PM ET
Course Topics
  • Learn the basics of Web development
  • Learn the benefits of CSS.
  • Learn to avoid using deprecated tags and attributes.
  • Learn CSS syntax.
  • Learn to use <div> and <span> tags appropriately.
Available Delivery Methods
Public Class
Public expert-led online training from the convenience of your home, office or anywhere with an internet connection. Guaranteed to run .
Private Class
Private classes are delivered for groups at your offices or a location of your choice.
Course Overview

Before learning to use Dreamweaver or any other WYSIWIG editor, we strongly recommend that you understand the basics of HTML and CSS. This course is designed to give you the HTML and CSS knowledge you need to be most effective with Dreamweaver.

This course targets two distinct groups of people:

  1. Web designers who use a WYSIWIG editor such as Dreamweaver and want to have a better understanding of the underlying code.
  2. People who work with web designers who want to have a better understanding of how the code works.
Course Outline
  1. A Quick Overview of Web Development
    1. Client-side Programming
      1. HTML
      2. Cascading Style Sheets
      3. JavaScript
      4. Ajax
      5. JavaScript Frameworks
    2. Server-side Programming
      1. Java EE
      2. ASP.NET
      3. Python
      4. PHP
      5. ColdFusion
      6. Node.js
  2. Introduction to HTML
    1. Getting Started
    2. Exercise: A Simple HTML Document
    3. The HTML Skeleton
      1. The <head> Element
      2. The <body> Element
      3. Whitespace
    4. Viewing Page Source
    5. HTML Elements
      1. Attributes
      2. Empty vs. Container Tags
      3. Blocks and Inline Elements
      4. Comments
    6. Special Characters
    7. History of HTML
    8. lang Attribute
  3. Paragraphs, Headings, and Text
    1. Paragraphs
    2. Breaks and Horizontal Rules
    3. Exercise: Creating an HTML Page
    4. Quoted Text
    5. Preformatted Text
    6. Text-Level Semantic Elements
  4. HTML Links
    1. Text Links
    2. Absolute vs. Relative Paths
      1. Absolute Paths
      2. Relative Paths
      3. Default Pages
    3. Targeting New Windows
    4. Email Links
    5. Exercise: Adding Links
    6. Targeting a Specific Location on the Page
    7. The title Attribute
  5. HTML Images
    1. Inserting Images
      1. Making Images Accessible
      2. Alternative Text
      3. Long Descriptions
      4. Height and Width Attributes
    2. Image Links
    3. Exercise: Adding Images to the Page
  6. HTML Lists
    1. Unordered Lists
      1. Nesting Unordered Lists
    2. Ordered Lists
      1. Nesting Ordered Lists
      2. The type Attribute
      3. The start Attribute
    3. Definition Lists
    4. Exercise: Creating Lists
  7. Crash Course in CSS
    1. Benefits of Cascading Style Sheets
    2. CSS Rules
      1. CSS Comments
    3. Selectors
      1. Type Selectors
      2. Class Selectors
      3. ID Selectors
      4. Attribute Selectors
      5. The Universal Selector
      6. Grouping
    4. Combinators
      1. Descendant Combinators
      2. Child Combinators
      3. General Sibling Combinators
      4. Adjacent Sibling Combinators
    5. Precedence of Selectors
    6. How Browsers Style Pages
    7. CSS Resets
    8. CSS Normalizers
      1. External Stylesheets, Embedded Stylesheets, and Inline Styles
      2. External Stylesheets
      3. Embedded Stylesheets
    9. Inline Styles
    10. Exercise: Creating an External Stylesheet
    11. Exercise: Creating an Embedded Stylesheet
    12. Exercise: Adding Inline Styles
    13. <div> and <span>
    14. Exercise: Divs and Spans
    15. Media Types
    16. Units of Measurement
      1. Absolute vs. Relative Units
      2. Pixels
      3. Ems and Rems
      4. Percentages
      5. Other Units
    17. Inheritance
      1. The inherit Value
  8. CSS Fonts
    1. font-family
      1. Specifying by Font Name
      2. Specifying Font by Category
    2. @font-face
      1. Getting Fonts
    3. font-size
      1. Relative font-size Terms
      2. Best Practices
    4. font-style
    5. font-variant
    6. font-weight
    7. line-height
    8. font
    9. Exercise: Styling Fonts
  9. Color and Opacity
    1. About Color and Opacity
    2. Color and Opacity Values
      1. Color Keywords
      2. RGB Hexadecimal Notation
      3. RGB Functional Notation
      4. HSL Functional Notation
    3. color
    4. opacity
    5. Exercise: Adding Color and Opacity to Text
  10. CSS Text
    1. letter-spacing
    2. text-align
    3. text-decoration
    4. text-indent
    5. text-shadow
    6. text-transform
    7. white-space
    8. word-break
    9. word-spacing
    10. Exercise: Text Properties
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Follow-on Courses
Register for a Live Class
$445.00
Please select a class.
Request a Private Class
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors
Request Pricing