logo


your one source for IT & AV

Training Presentation Systems Services & Consulting Cloud Services Purchase Client Center Computer Museum
Arrow Course Schedule | Classroom Rentals | Student Information | Free Seminars | Client Feedback | Partners | Survey | Standby Discounts

HTML5 & HTML Intro with CSS

SS Course: 3000236

Course Overview

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

Scheduled Classes

TOP
09/23/24 - CTB - TB Virtual Instructor-Led - TB Virtual Instructor-Led (click to enroll)
12/02/24 - CTB - TB Virtual Instructor-Led - TB Virtual Instructor-Led (click to enroll)

What You'll Learn

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

Outline

TOP
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

Prerequisites

TOP

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.

    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