HTML5 and HTML Introduction with CSS Training Class

HTML5 and HTML Introduction with CSS Training Class

Maryland, Virginia, Washington DC, Virtually Online Live & On-Site

Course Overview:

ThinkB!G’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.

• Creating simple pages
• Marking up and formatting text
• Adding links and images
• Design elements- color, background, and page layout
• Basics of graphics
• Uploading to a live site

Prerequisites for Attending HTML5 and HTML Introduction with CSS:

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 That Use HTML5 and HTML Introduction with CSS:

Developers
Programmers
Website Authors

Projects That Use HTML5 and HTML Introduction with CSS:

Creating webpages
Building mobile-friendly websites

Locations for HTML5 and HTML Introduction with CSS:

In Person at ThinkB!G’s Office in Columbia, MD (next to the Columbia Mall)
Online Live from Anywhere
Private Custom Training On Site or at Your Location
Project Based Training On Site or at Your Location

Times for HTML5 and HTML Introduction with CSS:

In Person & Online Live: 8:30AM-3:00PM ET / 5:30AM-12:00PM PT (30 Minute Lunch)
Private Custom & Project Based Training: Your preference
*Please click the Dates To Register tab above to see all dates & times available.*

HTML5 and HTML Introduction with CSS Training Includes:

Hands-On Training Led by Certified Instructors
Print and/or Digital Courseware
Certificate of Completion
Continental Breakfast Every Day (In Person Only)
Catered Gourmet Deli Lunch Every Day (In Person Only)
Unlimited Snacks and Refreshments (In Person Only)
Notebook & Pen (In Person Only)
Free Parking (In Person Only)

Software Versions:

ThinkB!G open enrollment classes are taught on the most current version of software whenever possible. To request a specific version, please Contact Us or call us at 301-362-2250.

Related Training and Certification Courses:

HTML5 & CSS3 Advanced for Responsive Web Design
HTML5 & HTML Intro with CSS
Dreamweaver CC Advanced – Website Development
Dreamweaver CC Intro – w/ HTML Fundamentals
Dreamweaver ACA Training & Certification Pack
JavaScript & jQuery Advanced with JSON & Ajax
JavaScript & jQuery Intro

Intro to HTML5, HTML & CSS Training: 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
Attribute Selectors
Background Images
The Shorthand background Property
Finally, External Style Sheets
CSS Review: Color and Background Properties

11. Thinking Inside the Box
Element as Boxes
Specifying Box Dimensions
Padding
Borders
Margins
The Box Model in Review
CSS Review: Basic Box Properties

12. Floating and Positioning
Normal Flow
Floating
Positioning Basics
Relative Positioning
Absolute Positioning
Fixed Positioning
CSS Review: Floating and Positioning Properties

13. Page Layout with CSS
Page Layout Strategies
Page Layout Techniques
Multi-column Layouts Using Floats
Positioned Layout
Top-to-Bottom Column Backgrounds

14. CSS Techniques
A Clean Slate (CSS Reset)
Image Replacement Techniques
CSS Sprites
Styling Forms
Styling Tables
Basic Responsive Web Design
Wrapping Up Style Sheets
CSS Review: Table Properties

15. Web Graphics Basics
Image Sources
Meet the Formats
Image Size and Resolution
Working with Transparency
PNG-8 “Alpha” Transparency
Introduction to SVG
Summing Up Images

16. Lean and Mean Web Graphics
General Optimization Strategies
Optimizing GIFs
Optimizing JPEGs
Optimizing PNGs
Optimizing to File Size
Optimization in Review

17. How the Web Works
Serving Up Your Information
A Word About Browsers
Web Page Addresses (URLs)
The Anatomy of a Web Page
Putting It All Together

18. Some Big Concepts You Need to Know
A Dizzying Multitude of Devices
Sticking with the Standards
Responsive Web Design
One Web for All (Accessibility)
The Need for Speed (Site Performance)

19. Uploading
Setting up a Server
Making a Connection with FTP
Uploading Your Files
Viewing Your Live Site

Disclaimer:

All course objectives and outlines are a guide for students. To ensure student satisfaction, these course topics and order may be modified or added to ensure the latest information is covered to support real world use of the technology.

Course Location Start Date End Date Time
HTML5 and HTML Intro with CSS

Columbia, MD - In Person & Online Live

Monday, Aug 28, 2017 Tuesday, Aug 29, 2017 8:30 am EDT - 3:00 pm EDT Register
HTML5 and HTML Intro with CSS

Columbia, MD - In Person & Online Live

Wednesday, Oct 11, 2017 Thursday, Oct 12, 2017 8:30 am EDT - 3:00 pm EDT Register
HTML5 and HTML Intro with CSS

Columbia, MD - In Person & Online Live

Monday, Nov 20, 2017 Tuesday, Nov 21, 2017 8:30 am EDT - 3:00 pm EDT Register