HTML5 and CSS3 Training Overview
Accelebrate's Fundamentals of HTML5 and CSS3 training introduces new client-side web designers and developers to HTML5, CSS3, and responsive web design. Attendees learn the HTML and CSS skills needed to create professional looking web pages that will render on any screen, from phone to tablet to desktop.
Location and Pricing
Accelebrate offers instructor-led enterprise training for groups of 3 or more online or at your site. Most Accelebrate classes can be flexibly scheduled for your group, including delivery in half-day segments across a week or set of weeks. To receive a customized proposal and price quote for private corporate training on-site or online, please contact us.
In addition, some courses are available as live, instructor-led training from one of our partners.
Objectives
- 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
Prerequisites
All attendees must be comfortable on the Windows or macOS platform. Prior touch-typing experience is recommended.
Outline
Expand All | Collapse All
Introduction To Web Development
- 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
Coding, Testing, and Validating a Web Page
- The HTML syntax
- The CSS syntax
- How to test, debug, and validate HTML and CSS files
How To Use HTML To Structure a Web Page
- The head section
- text elements
- Structuring the content of a page
- Links, lists, and images
- A structured web page
Using CSS To Format The Elements of a 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
How To Use The CSS Box Model For Spacing, Borders, and Backgrounds
- 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
How To Use CSS For Page Layout
- 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
Lists and Links
- Coding lists
- Formatting lists
- Working with links
- Navigation menus
Responsive Web Design
- Introduction to Responsive Web Design
- Fluid design
- CSS3 media queries
- A web page that uses Responsive Web Design
Images
- Basic skills for working with images
- Advanced skills for working with images
- Related skills for working with images
Tables
- Basic HTML skills for coding tables
- Basic CSS skills for formatting tables
- Other skills for working with tables
Forms
- 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
Audio and Video
- 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
Fonts And Printing
- How to embed fonts in a web page
- The skills for formatting printed web pages
- A two-column web page with print formatting
CSS3 Transitions, Transforms, Animations, and Filters
Conclusion
Training Materials
All HTML training students receive comprehensive courseware.
Software Requirements
- Web or text editor of your choice
- Web browsers - a recent version of one or more of the following:
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
- Safari
