HTML5 & HTML Intro with CSS|System Source

In this hands-on, two-day HTML5 & HTML Introduction with CSS training course, you will learn web design for beginners including the concepts and skills required for using

HTML and HTML5 effectively. This web designing course will allow you to learn web

development by working hands-on starting with basics and ending with advanced

techniques to get the most out of your training experience. You will be learning web

design which includes the basics of coding, beginning with HTML, and advancing to

more complex HTML5 and CSS fundamentals.


12/02/24 - CTB - TB Virtual Instructor-Led - TB Virtual Instructor-Led	(click to enroll)
01/27/25 - CTB - TB Virtual Instructor-Led - TB Virtual Instructor-Led	(click to enroll)
05/05/25 - CTB - TB Virtual Instructor-Led - TB Virtual Instructor-Led	(click to enroll)
07/21/25 - CTB - TB Virtual Instructor-Led - TB Virtual Instructor-Led	(click to enroll)
09/29/25 - CTB - TB Virtual Instructor-Led - TB Virtual Instructor-Led	(click to enroll)
12/08/25 - CTB - TB Virtual Instructor-Led - TB Virtual Instructor-Led	(click to enroll)

The topics covered in this course include understanding what HTML5 is, the history of HTML, setting up a development environment using tools like Brackets and Code Editor, creating a page for HTML5 websites, implementing basic HTML tags, linking in HTML, inputting fields and forms, working with colors and formatting text with cascading style sheets (CSS), using CSS for page layout control, computing specificity with CSS, creating table elements and CSS, using list elements and CSS, working with web graphics, and finally, publishing and packing your HTML5 project.

Viewing outline for:

1. 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

Students 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.

Developers
Programmers
Website Authors

HTML5 & CSS3 Advanced for Responsive Web Design
Dreamweaver ACA Training & Certification Pack
JavaScript & jQuery Intro
JavaScript & jQuery Advanced with JSON & Ajax

HTML5 & HTML Intro with CSS

Course Overview

Scheduled Classes

What You'll Learn

Outline

Prerequisites

Who Should Attend

Next Step Courses