Web Development with HTML5 and CSS3 ISI-1372D

  • 1 upcoming date 1 open for booking
  • $2,495 per seat

Upcoming dates

Dates Where Status Seat Book
Nov 9–12 2026 Live Online 6:00 AM to 2:00 PM PT Confirmed to run Partner led $2,495

See every class on the schedule

About this class

This four-day instructor-led course is geared for software developers who need to understand what the latest in web technologies, performance, optimization, user interface design patterns, and best practices. The course presents all of the HTML5 and CSS3 skills that you may need. You will also learn how to add JavaScript, jQuery and jQuery Mobile features to your web pages without knowing how to code JavaScript and jQuery. Learn Responsive Web Design and how to use Flexible Box and Grid Layout for page layout so that your websites look good and work right on any screen or devices.

HTML5 and CSS3 (the latest standards for HTML and cascading style sheets) are packed with coding options that make it easier than ever to create web pages with the features users want today, from an up-to-date look and feel…to immediate validation of user entries…to audio and video samplings. At the same time, there are still older browsers and millions of existing web sites that require you to integrate HTML5 and CSS3 features with the earlier standards.

This course is exactly the practical approach you need. It teaches you how to use HTML5 and CSS3 the way they were meant to work, with HTML5 to provide the page content and CSS3 to format the content and lay out the pages. But it also teaches you how to use the HTML5 and CSS3 features alongside the earlier standards (HTML 4 and CSS) to ensure that your pages will work for the widest possible audience.

The course shows you how to use Visual Studio Code (VS Code) as your text editor. That?s the text editor that has become so popular for all types of program development, including web development with HTML, CSS, and JavaScript.

What you'll be able to do

  • Introduction to web development
  • How to code, test and va lidate a web page
  • How to use HTML to structure a web page
  • How to use CSS to format the elements of a web
  • How to use the CSS box model for spacing,
  • How to use CSS for page layout
  • How to work with links and lists
  • How to use Responsive We b Design
  • How to use Flexible Box Layout for page layout and
  • How to use Grid Layout for page layout and RWD
  • How to work with images and icons
  • How to work with tables
  • How to work with forms
  • How to add audio and video to your web site
  • How to work with fonts and printing
  • Users, usability, and web des ign
  • How to deploy a website
  • How to use JavaScript to enhance your web pages
  • How JavaScript and j Query are used to enhance

Course outline

  1. Module 1Introduction to web development

    • If you ’re completely new to web development, you will learn how static and dynamic web
    • pages work, and get a first view of how HT ML and CSS ar e intended to work together in
    • a modern web site
    • How web applications work
    • An introduction to HTML and CSS
    • Tools for web development
    • How to view deployed web pages
    • Five critical web development issues

  2. Module 2How to code, test and va lidate a web page

    • The HTML syntax
    • The CSS syntax
    • How to use Brackets to work with HTML and CSS files
    • How to test, debug and validate HTML and CSS files

  3. Module 3How to use HTML to structure a web page

    • How to code the head section
    • How to present the contents of a w eb page
    • Other elements for presenting text
    • How to code links, lists and images
    • A structured web page

  4. Module 4How 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 pro perties

  5. Module 5How to use the CSS box model for spacing,

    • borders, and backgrounds
    • An introduction to the box model
    • How to size and space elem ents
    • A web page that ill ustrates sizing and spacing
    • How to set borders and backgrounds
    • A web page that uses borders and backgrounds

  6. Module 6How to use CSS for page layout

    • How to develop 2 - and 3 - column layout s
    • A home page with a 2 - column, f ixed - width layout
    • A speaker page with a 2 - column, fixed- width layout
    • How to create text columns
    • How to create text columns
    • How to position elements

  7. Module 7How to work with links and lists

    • How to code li sts
    • H ow to format lists
    • How to code links
    • How to create navigation menus

  8. Module 8How to use Responsive We b 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 usi ng mobile- first co ding

  9. Module 9How to use Flexible Box Layout for page layout and

    • R espons ive Web Design
    • Getting started with Flexible Box Lay out
    • How to set flexbox properties
    • A responsive web page that uses flexbox

  10. Module 10How to use Grid Layout for page layout and RWD

    • 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

  11. Module 11How to work with images and icons

    • Basic skills for working with ima ges and icons
    • 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

  12. Module 12How to work with tables

    • Basic HTML skills for coding tables
    • Basic CSS skills for formatting tables
    • Other skills for working with tables

  13. Module 13How to work with forms

    • How to use forms and controls
    • Other skills for working with forms
    • How to use the HTML5 features for data validation
    • A web page with a form
    • How to u se other HTML controls

  14. Module 14How to add audio and video to your web site

    • An introduction to media on the web
    • A web page that with audio and video

  15. Module 15How to work with fonts and printing

    • How to embed fonts in a web page
    • The skills for f ormatting printed web pages
    • A two - column web page with print formatting

  16. Module 16Users, usability, and web des ign

    • Users and usability
    • Design guidelines

  17. Module 17How to deploy a website

    • How to transfer files to and from and Internet server
    • How to start your own website
    • Design guidelines

  18. Module 18How to use JavaScript to enhance your web pages

    • Introduction to JavaScript
    • The Email List application in JavaScript

  19. Module 19How JavaScript and j Query are used to enhance

    • web pages
    • Introduction to J avaScript
    • The Email List application in JavaScript
    • Introduction to jQuery
    • The Email List application in jQuery

Download the full outline (PDF)

Before you attend

This course is for anyone who wants to develop web pages the modern, professional way using HTML5 and CSS3. That includes budding web designers and web designers who still use tables for page layout when they should be using CSS.

But it's also for web programmers, whether they're working in JavaScript or using a server-side language like PHP, ASP.NET, or Java servlets and JSPs. Web programmers are often surprised at the intricacies involved in writing good HTML and CSS, yet understanding that piece makes them more effective members of the development team.

Run this for a team

Private cohorts run on your dates, at your site or online, with the labs pointed at your environment. Above about four people it usually costs less than buying seats.

Or call 916-920-1700, weekdays 8 to 5 Pacific.

More software development classes

See all