Learn how to work within the WET 4 environment using the Usability and Canada.ca themes.
What You Will Learn
- work within the WET environment
- work with standard styles and advanced features using the Usability and Canada.ca themes
Prerequisites
An understanding of HTML is suggested.
Course Outline
Overview
- history of CLF and WET
- usability and Canada.ca themes
- user-centric design
- mobile-first approach
Baseline technologies
- HTML5, CSS, jQuery
- UTF-8
- Bootstrap responsive design framework
Templates and file structure
- downloading and installing the production files
- file structure walkthrough
- modifying template information
Creating content pages
- metadata information
- standard styles for HTML5 elements
Standard styles and features
- alerts
- alignment
- borders
- icons
- images
- lists
- quotations
- sizing
- tables
- wells
Advanced layouts using grids
- responsive design principles
- creating rows and columns
- equal height columns
- creating break points and layouts for various screen sizes
- nesting grids for more advanced layouts
Advanced styles and features
- carousel
- charts and graphs
- dismissible content
- expand/hide and toggle
- footnotes
- panels and list groups
- image gallery
