HTML and CSS Primer

  4.9 out of 5 - Read Testimonials

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.
Location

Public Classes: Delivered live online via WebEx and guaranteed to run . Join from anywhere!

Private Classes: Delivered at your offices , or any other location of your choice.

Goals
  1. Learn the basics of Web development
  2. Learn the benefits of CSS.
  3. Learn to avoid using deprecated tags and attributes.
  4. Learn CSS syntax.
  5. Learn to use <div> and <span> tags appropriately.
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

Training for Yourself

$445.00 or 1 vouchers

Upcoming Live Online Classes

  • See More Classes

Please select a class.

Training for your Team

Length: 1 Day
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

What people say about our training

I've used Dreamweaver before, but never had the background in HTML. This was exactly what I needed -- now I can see the big picture.
Carol Youtz
ExecuTrain of Idaho
I had a great experience with my first Webucator class. I was impressed with the pace of the class and the material we covered, and the convenience of being in my own home was very nice.
Yumi Schade
IndexedMarketing
I was very impressed and pleased with my Webucator experience.
Sheila Selden
Black River US #39
This was my first time using Webucator. I really liked the personalized attention and that the instructor was able to incorporate my website into the classroom demos. It made it much easier to apply some of the concepts as it relates to how I will be using them.
Tammy Rosen
Fur-Get Me Not

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

63,829

Students who have taken Instructor-led Training

11,920

Organizations who trust Webucator for their Instructor-led training needs

100%

Satisfaction guarantee and retake option

9.84

Students rated our HTML and CSS Primer trainers 9.84 out of 10 based on 14 reviews

Contact Us or call 1-877-932-8228