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.
Objectives
At the end of HTML5 & CSS3 training course, participants will be able to
Prerequisites
All attendees must be comfortable on the Windows or macOS platform. Prior touch-typing experience is recommended.
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