HTML5 & CSS3

Live Online (VILT) & Classroom Corporate Training Course

HTML5 and CSS3 training introduces new client-side web designers and developers to HTML5, CSS3, and responsive web design.
Html logo

How can we help you?

  • CloudLabs
    CloudLabs
  • Projects
    Projects
  • Assignments
    Assignments
  • 24x7 Support
    24x7 Support
  • Lifetime Access
    Lifetime Access
Box

Overview

Participants will learn the HTML and CSS skills that are needed to create professional looking web pages that will render on any screen, from phone to tablet to desktop.

Box

Objectives

At the end of HTML5 & CSS3 training course, participants will be able to

  • Use HTML5 and CSS3 to build responsive websites that render well on a variety of devices
  • Work with images, including thumbnails, rollovers, and image maps
  • Create tables
  • Work with forms and the HTML5 validation features
  • Add audio and video to your pages
  • Use embedded fonts
  • Format web pages for printing
  • Use the CSS3 features for transitions, animation, transforms, and filters
Box

Prerequisites

All attendees must be comfortable on the Windows or macOS platform. Prior touch-typing experience is recommended.

Box

Course Outline

  • 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

  • The HTML syntax
  • The CSS syntax
  • How to test, debug, and validate HTML and CSS files

  • The head section
  • text elements
  • Structuring the content of a page
  • Links, lists, and images
  • A structured web page

  • An introduction to CSS
  • Measurements and colors
  • Selectors
  • Cascading Style Sheets
  • How to work with text
  • A web page that uses external style sheets

  • An introduction to the box model
  • How to size and space elements
  • A web page that illustrates sizing and spacing
  • Borders and backgrounds
  • A web page that uses borders and backgrounds

  • Floating elements in 2- and 3-column layouts
  • Two web pages that use a 2-column, fixed-width layout
  • Using CSS3 to create text columns
  • Positioning elements

  • Coding lists
  • Formatting lists
  • Working with links
  • Navigation menus

  • Introduction to Responsive Web Design
  • Fluid design
  • CSS3 media queries
  • A web page that uses Responsive Web Design

  • Basic skills for working with images
  • Advanced skills for working with images
  • Related skills for working with images

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

  • How to use forms and controls
  • Other skills for working with forms
  • How to use the HTML5 features for data validation
  • How to use the HTML5 controls
  • A web page that uses HTML5 data validation

  • An introduction to media on the web
  • How to add audio and video to a web page
  • A web page that offers both audio and video

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

Box

Testimonials