Web Design Using HTML5 and CSS 3

Our classes are always live and instructor led from our Exton, PA or EPIC Partner locations. Springhouse AnywhereLive options require Internet Access. Select classes are Guaranteed to Run (GTR). View our complete schedule policies.





d94cb7f3-3718-e911-a3ed-00155d0a14062019-09-03T08:00:00Z1185.00000000000039:00 AM4:00 PMExtond94cb7f3-3718-e911-a3ed-00155d0a1406
da4cb7f3-3718-e911-a3ed-00155d0a14062019-10-28T08:00:00Z1185.00000000000039:00 AM4:00 PMExtonda4cb7f3-3718-e911-a3ed-00155d0a1406
db4cb7f3-3718-e911-a3ed-00155d0a14062019-12-16T10:00:00Z1185.00000000000039:00 AM4:00 PMExtondb4cb7f3-3718-e911-a3ed-00155d0a1406
88e78ccb-8bbf-e911-a8ed-00155d0a14062020-02-18T10:00:00Z1185.00000000000039:00 AM4:00 PMExton88e78ccb-8bbf-e911-a8ed-00155d0a1406
89e78ccb-8bbf-e911-a8ed-00155d0a14062020-04-13T08:00:00Z1185.00000000000039:00 AM4:00 PMExton89e78ccb-8bbf-e911-a8ed-00155d0a1406
8ae78ccb-8bbf-e911-a8ed-00155d0a14062020-06-08T08:00:00Z1185.00000000000039:00 AM4:00 PMExton8ae78ccb-8bbf-e911-a8ed-00155d0a1406


​HTML5 and CSS3 are the foundation of any web project. This course will introduce students to the techniques used in the development of any web site. Over the two-day class students will learn how web applications work, and how to produce the HTML and CSS code that work behind the scenes to create a full web experience. Through the use of instructor-led, hands-on exercises and real-world examples students will learn the latest techniques and standard practices used in web design and production. The samples and exercises begin with a basic HTML page structure then build into more complex page designs. All of the applications used in class for coding are available as free downloads, so students can practice on their own after the class without purchasing any expensive software.

Intended Audience

Web Design with HTML5 and CSS3: Is intended for students wanting to learn web design for their personal use or for business related projects. Students will learn to create web pages and web sites using the latest web publishing technologies.

At Completion

Students will have a working knowledge of HTML and CSS techniques used in the creation of web projects. Students will be familiar with the coding practices and applications used in basic to intermediate web design projects. Students will also have a better understanding of the online resources available to them and how these resources can be used as they continue building their web development skills.


Students should be familiar with using personal computers with a mouse and keyboard and possess basic typing skills. Students should be comfortable accessing information on the computer. Specifically, you should be able to launch and close programs; navigate to information stored on the computer; and manage files and folders. Students should be familiar with web browsers such as Internet Explorer, Chrome or Firefox.

Exams & Certifications


Course Outline

​Introduction to web development

  • A short history of the HTML and CSS standards
  • Browser Compatibility
  • Accessibility
  • SEO
  • Responsive Design


How to code, test, and validate a web page

  • The HTML and CSS syntax
  • The basic structure of an HTML document
  • Elements and Tags
  • Attributes
  • Comments and Whitespace
  • CSS rule sets and comments
  • Basic Selectors
  • Validating HTML and CSS files


How to use HTML to structure a web page

  • The title element
  • Adding a favicon
  • Including Metadata
  • Adding Headings and Paragraphs
  • Adding images to a page
  • How to code special blocks of text
  • Adding Character entities
  • How to code the core attributes
  • Structuring the content of a page
  • HTML5 semantic elements
  • When to use div and span elements
  • Coding links, lists, and images
  • What are absolute and relative URLs
  • Page Layout


Using CSS to format the elements of a web page

  • An introduction to CSS
  • Specifying measurements and colors
  • Selectors for elements, element types, ids, and classes
  • Pseudo-class and pseudo-element selectors
  • How the cascade rules work
  • Setting the font family and font size
  • Adding shadows to text
  • Floating images
  • Adding an External style sheet


The CSS box model for spacing, borders, and backgrounds

  • How the box model works
  • Setting widths and heights
  • Adding margin and padding
  • Using borders and backgrounds
  • CSS3 background gradients


Using CSS for page layout

  • Floating and clearing elements
  • CSS3 to create text columns
  • Positioning elements
  • Absolute positioning
  • Fixed positioning


How to code ordered, unordered and description lists


Add links to pages, media files, emails, phone, and Skype addresses


Creating navigation menus


An Introduction to Responsive Web Design

  • Fluid layouts vs. fixed layouts
  • Sizing fonts and images in a responsive design
  • Using CSS3 media queries


Using Flexible Box Layout for Responsive Web Design

  • Introduction to flexbox
  • Flexbox properties
  • Aligning flex items
  • Ordering and wrapping flex items


How to work with images

  • Understanding the types of images used on the Web
  • HTML5 figure and figcaption elements
  • Working with SVG files


How to work with tables

  • Table headers and footers
  • CSS properties used to format a table
  • CSS3 structural pseudo-classes for formatting tables
  • HTML5 figure and figcaption elements with tables
  • Merge cells in a column or row


How to work with forms

  • How to create a form
  • Buttons, text fields, radio buttons and check boxes
  • Drop-down lists and list boxes
  • Text areas
  • How to use labels


CSS3 transitions, transforms, animations, and filters

  • Coding transitions
  • Coding 2d transforms
  • Creating CSS3 animations
  • Using CSS3 filters



Web Design Using HTML5 and CSS 3http://springhouse.com/course-catalog/HTML5_CSS3Web Design Using HTML5 and CSS 3

Get More Information




Help us prove you're not a robot:

 ‭(Hidden)‬ Catalog-Item Reuse

Microsoft Gold Partner


AXELOS Limited

The Microsoft Gold CPLS logo is a mark of Microsoft, Inc.

The PMI R.E.P. logo is a mark of the Project Management Institute, Inc.

ITIL® is a registered trade mark of AXELOS Limited.
IT Infrastructure Library® is a registered trade mark of AXELOS Limited
The Swirl logo™ is a registered trade mark of AXELOS Limited
Accredited course material is property of ITSM Academy.

Connect with us

Springhouse Education & Consulting Services

Corporate HQ:Eagleview Corporate Park
707 Eagleview Boulevard
Suite 207
Exton, PA 19341

610-321-3500 - info@springhouse.com