Courses


Sign up to our online technology courses
Register this online course for $790
USA & Canada: +1 240-200-6131
International Call: +1 240-391-8360
9am-6pm DC time or 1pm-10pm GMT

HTML5, HTML and CSS Course- Level 1

Our courses are offered in partnership with High School Technology Services (HSTS) - a non-profit subsidiary of WEG2G Group.

Course Code: hsts-c1

Course Overview

HSTS's HTML5 & HTML Introduction w/ CSS training course provides you with the concepts and skills to use HTML and HTML5 effectively. You get hands-on practice working with basic through advanced techniques to get the most out of your experience. You will learn the basics of coding for web design, beginning with HTML and advancing to more complex HTML5 and CSS fundamentals.

Course Prerequisites

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.

Job Roles For This Course

Developers
Programmers
Website Authors

Projects Using This Course

Creating webpages
Building mobile-friendly websites

Related Training and Courses

JavaScript and jQuery Introduction
PHP and MySQL Coding
Advance Website Design Using HTML and CSS
Cross-platform Native App Development Using HTML5, CSS3 and JavaScript
jQuery Programming for Beginners
Intro to Dreamweaver with Website Development Training
Adobe Muse Training Course
Introduction to the WordPress CMS
Introduction to the Joomla CMS
Mastering Drupal in Six Hours
SQL Programming and DB Management

Class Info

Highlights

Enrollment Fee

In-person in DC or Online: $790 per course

Course Session Dates

Our courses are offered all year around. Upon registration we enroll you to the earliest available class but you can reschedule it free of charge.

Location

Time

Register this online course for $790
Course Outline

1. Where Do I Start?
Where Do I Start?
What Does a Web Designer Do?
What Languages Do I Need to Learn?
What You’ve Learned

2. Creating a Simple Page
A Web Page, Step by Step
Before We Begin, Launch a Text Editor
Step 1: Start with Content
Step 2: Give the Document Structure
Step 3: Identify Text Elements
Step 4: Add an Image
Step 5: Change the Look with a Style Sheet
Validating Your Documents
Element Review: Document Structure

3. Marking up Text
Paragraphs
Headings
Lists
More Content Elements
Organizing Page Content
The Inline Element Roundup
Generic Elements (div and span)
Some Special Characters
Putting It All Together
Element Review: Text

4. Adding Links
The href Attribute
Linking to Pages on the Web
Linking Within Your Own Site
Targeting a New Browser Window
Mail Links
Telephone Links
Element Review: Links

5. Adding Images
First, a Word on Image Formats
The img Element
A Window in a Window (iframe)
Element Review: Replaced Elements

6. Basic Table Markup
How Tables Are Used
Minimal Table Structure
Table Headers
Spanning Cells
Table Accessibility
Wrapping Up Tables
Element Review: Tables

7. Forms
How Forms Work
The form Element
Variables and Content
The Great Form Control Round-up
Form Accessibility Features
Form Layout and Design
Element Review: Forms

8. Cascading Style Sheets Orientation
The Benefits of CSS
How Style Sheets Work
The Big Concepts
Moving Forward with CSS

9. Formatting Text
The Font Properties
Changing Text Color
A Few More Selector Types
Text Line Adjustments
Underlines and Other “Decorations”
Changing Capitalization
Spaced Out
Text Shadow
Changing Lists Bullets and Numbers
CSS Review: Font and Text Properties

10. Colors and Backgrounds
Specifying Color Values
Foreground Color
Background Color
Playing with Opacity