HTML 5 and CSS Authoring: Level 1
Overview
This course is the first building block in any learning plan leading to additional web design or development.
Prerequisities
It is assumed you have experience using a computer operating system such as Windows or Mac OS and that you have experience using browsers to access the web as an end-user. No prior knowledge of web development is required.
Course Outline
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
How to code, test, and validate a web page
The HTML syntax
The CSS syntax
How to use Brackets to work with HTML and CSS files
How to test, debug, and validate HTML and CSS files
How to use HTML to structure a web page
How to code the head section
How to code text elements
How to structure the content of a page
How to code links, lists, and images
A structured web page
How to use CSS to format the elements of a web page
An introduction to CSS
How to specify measurements and colors
How to work with Cascading Style Sheets
How to work with text
A web page that uses external style sheets
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
A web page that uses borders and backgrounds
How to use CSS for page layout
How to float elements in 2- and 3-column layouts
Two web pages that use a 2-column, fixed-width layout
How to use CSS3 to create text columns
How to position elements
How to work with lists, links, and navigation menus
How to code lists
How to format lists
How to code links
How to create navigation menus
How to use Responsive Web Design
Introduction to Responsive Web Design
How to implement a fluid design
How to use CSS3 media queries
A web page that uses Responsive Web Design
How to use Flexible Box Layout for page layout and RWD
Getting started with Flexible Box Layout
How to set flexbox properties
A responsive web page that uses flexbox
Chapter 10 How to use Grid Layout for page layout and RWD
Getting started with Grid Layout
How to define the grid areas for elements
A responsive web page that uses grid
Common page layouts that use grid
HTML 5 and CSS Authoring: Level 1
Beginner-
2 Days - 3 hours
-
Max 12 per class
Live, Online Instructor-led Class
Throughout the class, you’ll engage in hands-on exercises using the software under the guidance and support of our professional instructor.
Students can speak directly with the instructor at any time during the class and participate in discussions via a hands-free phone bridge. You’ll also be able to hear other class participants from different locations, as the Q&A sessions are typically beneficial for everyone’s learning.