HTML5 & Cascading Style Sheets 3 Course

Course Details:

Length: 4 days

Price: $1,790/person (USD)

Group Price: Request Quote

Training Reviews

Course Features:

Live Instructor Teaching

Certificate of Completion

Courseware: Print

Hands-On Learning?: Yes

Software Lab Included?: Yes

Delivery Methods:

Live Online

Individuals and Groups
@ Your Location

Onsite for Teams

Group Teams
@ Your Organization

This is an instructor-led course. It is taught by an instructor live online or at organizations for groups.
For team training, we can teach onsite at your office or private live online.

How Online Classes Work? - Learn How Our Live Online Classes Work


Course Overview

This hands-on course that teaches you HTML5 and CSS3 from scratch, showing you how you can't use one without the other nowadays. Learn how to enhance a site with audio and video clips, forms with HTML5 data validation, or CSS3 transitions and animations. See how JavaScript and jQuery add features like accordions, tabs, and slide shows to a page, or create a mobile site when a responsive site is impractical. You will learn the principles of web design, as well as how to deploy your finished sites. This course also teaches you how to use Responsive Web Design (RWD) so your pages will look good and work right on any screen, from phone to tablet to desktop and beyond.

Register Early: Registration Deadline is 2 Weeks Prior to Class Start.

Course Notes

Target Audience

This book is for anyone who wants to develop web pages at a thoroughly professional level. That includes:

  • budding web designers and developers
  • web developers who need to expand and enhance their skillsets
  • JavaScript programmers who need to know more about the HTML and CSS that they’re scripting
  • web developers who use Content Management Systems and discover that they desperately need to know what’s going on behind the scenes

Suggested Follow-Ons

Javascript Programming
jQuery Fundamentals
Responsive Web Development with HTML and CSS


Course Topics

Section 1: The essential concepts and skills

Chapter 1: Introduction to web development
• How web applications work
• An introduction to HTML and CSS
• Tools for web development
• How to view a web page and its source code
• Four critical web development issues
Chapter 2: How to code, test, and validate a web page
• The HTML syntax
• The CSS syntax
• How to use VS Code to develop web pages
• How to test and debug a web page
• How to validate HTML and CSS files
Chapter 3: How to use HTML to structure a web page
• How to code the head section
• How to present the contents of a web page
• Other elements for presenting text
• How to code links, lists, and images
• A structured web page
Chapter 4: How to use CSS to format the elements of a web page
• An introduction to CSS
• How to specify measurements and colors
• How to work with text
• How to use other selectors to apply styles
• The HTML and CSS for a web page
• How to use Developer Tools and custom properties
Chapter 5: How to use the CSS box model
• An introduction to the box model
• How to size and space elements
• A web page that illustrates sizing and spacing
• How to set borders and backgrounds
• A web page that uses borders and backgrounds
Chapter 6: How to use CSS for page layout
• How to develop 2- and 3-column page layouts
• A home page with a 2-column, fixed-width layout
• A speaker page with a 2-column, fixed-width layout
• How to create text columns
• How to position elements
Chapter 7: How to work with lists, links, and navigation menus
• How to code lists
• How to format lists
• How to code links
• How to create navigation menus
Chapter 8: How to use media queries for Responsive Web Design
• Introduction to Responsive Web Design
• How to implement a fluid design
• A web page with fluid design
• How to use media queries
• A web page with Responsive Web Design
• The CSS when using mobile-first coding

Section 2: Responsive Web Design

Chapter 9: How to use Flexible Box Layout for Responsive Web Design
• An introduction to Flexible Box Layout
• How to set flexbox properties
• A responsive web page that uses flexbox
Chapter 10: How to use Grid Layout for Responsive Web Design
• Getting started with Grid Layout
• How to define the grid areas for elements
• A responsive web page that uses grid layout
• Common page layouts that use grid

Section 3: More HTML and CSS skills as you need them

Chapter 11: How to work with images, icons, and fonts
• Basic skills for working with images
• Other skills for working with images
• How to provide images for varying viewport sizes
• How to get the images and icons that you need
• How to work with fonts
Chapter 12: How to work with tables
• Basic HTML skills for coding tables
• Basic CSS skills for formatting tables
• Other skills for working with tables
Chapter 13: How to work with forms
• How to use forms and controls
• Other skills for working with forms
• How to use the HTML features for data validation
• A web page with a form
• How to use other HTML controls
Chapter 14: How to add audio and video to a web page
• An introduction to media on the web
• A web page with audio and video
Chapter 15: How to use CSS transitions, transforms, animations, and filters
• How to use CSS transitions
• How to use CSS transforms
• How to use CSS animations
• How to use CSS filters

Section 4: Web design, deployment, and JavaScript

Chapter 16: Users, usability, and web design
• Users and usability
• Design guidelines
Chapter 17: How to deploy a website
• How to transfer files to and from an Internet server
• How to start your own website
Chapter 18: How to use JavaScript to enhance your web pages
• Introduction to JavaScript
• The Email List application in JavaScript
• Introduction to jQuery
• The Email List application in jQuery
• How to use JavaScript as a non-programmer


Appendix A How to set up your computer for this book
• How to install the source code for this book
• How to install Visual Studio Code
• How to install Chrome and other browsers


Explore HTML Classes Near Me:



Start your training today!