Welcome to ONLC Training Centers

Web Design On-Demand: Comprehensive (Introduction, Javascript, HTML5 & CSS3) Course Outline

 (3 days)
Special Note to New Hampshire Residents
This course has not yet been approved by the New Hampshire Department of Education. Please contact us for an update on when the class will be available in New Hampshire.

**Note: This is an On-Demand Self-Study Course, 3 days of content, 6-months unlimited access, $895**
(Applicable State and Local taxes may be added for On-Demand purchases, depending on your location.)
This course will teach the basics of web design, introduce students to JavaScript, and teach students about basic HTML and CSS basics.

About This Course
This Online On-Demand (self-study) training course includes expert lectures, PowerPoint visuals, and demonstrations. You will be able to follow along and successfully complete the course by completing the quizzes and exams. You may take this course at any time, there are no set dates, and will be able to access the course from any device, provided you have internet access.

When you purchase this Web Design On-Demand course from ONLC you will receive a printed book to supplement your learning at no charge.

This course takes 3 days to complete and includes 16h 49m of video presentation.

Course Outline

Introduction to Web Design

Chapter 01 - Basics of Web Design
What is CSS and HTML?
Your First HTML File
Introduction to Document Layout
Linking In A Stylesheet
Styling Your First Element

Chapter 02 - Web Design Fundamentals
The Box Model
Introduction to Developer Tools
Understanding Display Types
Project: Create a CSS Button
Using CSS Selectors
Using Floats
Styling Links
Using Clearfix
Working With Images
Validating HTML and CSS

Chapter 03 - Webfonts
Understanding Webfonts
Webfonts, Google Fonts and API

Chapter 04 - Cascading Style Sheets
Understanding Cascading Style Sheets
Vendor Prefixes
Create a Color Changing Profile Image

Chapter 05 - Introduction to Grid Structures
Basic Website Layout
Choosing a Grid Framework
Grids and Responsive Design

Chapter 06 - Forms and Icons
Working with Forms
Using Font Icons
Understanding Sprite Sheets
Create a Comment List

Chapter 07 - Positioning and Resources
CSS Resources
Design a Real Website
Project Introduction
Adding Our Graphics
Building Our Site
Validating Our Site

Fundamentals of JavaScript

Chapter 01 - Introduction to JavaScript
Introduction to JavaScript
Script Tags
Undefined, typeof, NaN
Comparison Operators
Logical Operators
Mathematical Operators

Chapter 02 - Intermediate JavaScript
Array Prototype
Looping Over Arrays
Introduction to Objects
Creating an Object
Dates and Times
Countdown: Example Application
Callback in Countdown

Chapter 03 - Working with JavaScript Elements
DOM Elements
Query Selector
Event Handlers
Input Fields
Creating Elements
Styling Elements

Chapter 04 - Bonus JavaScript Tips

HTML5 and CSS3 Fundamentals

Chapter 01 - Basic HTML
Page Basics
Text Basics
Text Formatting
Image Prep
Inserting Images

Chapter 02 - CSS Basics
CSS Basics
Font Styles
List Styles
Advanced Selectors

Chapter 03 - Links
Link Basics
In-Page Links
Link Styles
Navigation Menus

Chapter 04 - Layout
Block Spacing
Arranging the Page

Chapter 05 - Tables
Table Styles

Chapter 06 - Forms
Form Basics
Form Elements
HTML5 Form Elements
Form Styles

Chapter 07 - Video
Video Preparation
Video HTML
Conclusion Tips and Resources

View outline in Word


Attend hands-on, instructor-led Web Design On-Demand: Comprehensive (Introduction, Javascript, HTML5 & CSS3) training classes at ONLC's more than 300 locations. Not near one of our locations? Attend these same live classes from your home/office PC via our Remote Classroom Instruction (RCI) technology.

For additional training options, check out our list of Courses and select the one that's right for you.

Microsoft Gold Partner


Need a price quote?

Follow the link to our self-service price quote form to generate an email with a price quote.

Attend computer classes from ONLC Training Centers Request a copy via mail


Class Format
Class Policies
Student Reviews

Bookmark and Share

First Name

Last Name