Course Overview
TOP
Scheduled Classes
TOPWhat You'll Learn
TOPOutline
TOP1. Introducing HTML5
Brief History
Three Pillars of Modern HTML5: HTML, CSS, and JavaScript
The web demystified
2. Getting Started
Setting up an environment
Code Editor: Brackets, Visual Studio, Notepad++
Browser: Chrome, Webkit
Server: local or hosted
Creating your first page
Syntax basics. Tags explained
3. Basic HTML Tags
Text Markup and Elements
Containers and Semantic tags
Dividing page into logical elements
Lists
As simple lists
As menus
Working with Hyperlinks
Absolute vs relative
Targeting links
Table
Input fields
4. Cascading Style Sheets (CSS)
Definition: What does it do?
CSS Basics
Linking
Formatting
Syntax
Ems
Meyers Reset
Formatting text with CSS
Fonts
Typographic properties
Specifying colors with CSS
RGB/RGBA
Hex
Introduction to CSS Box Model
Padding vs margins
Positioning boxes to layout page
5. Working with Graphics and Media
Images
GIF
JPEG
PNG
SVG Graphics
Audio and Video
6. Putting it all together
Combine HTML, CSS and JS to make a complete HTML5 project
Formatted Unordered List as menu implementation with CSS and JS
Adding sizer JS to make responsive
7. Making it live
FTP
Hosting
Delivering your project to Web
Prerequisites
TOPStudents must have a good working knowledge of computers, operating systems, using a mouse, keyboard, standard menus and commands. Students must be able to open, save, and close applications and files, as well as navigate to other folders.
Who Should Attend
TOP- Developers
- Programmers
- Website Authors
Next Step Courses
TOP- HTML5 & CSS3 Advanced for Responsive Web Design
- Dreamweaver ACA Training & Certification Pack
- JavaScript & jQuery Intro
- JavaScript & jQuery Advanced with JSON & Ajax