HTML5 and HTML with CSS Introduction Live Hands-On Instructor-Led Training Class
Virtual Online Live Training (VOLT™) Access from Anywhere
Outline & Course Information
Duration & Times: 2 Days – 8:30AM-3:00PM EST
Locations for Training:
Course Description: 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. 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.
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.
Required Technical Set-Up:
• Primary computer connected to a second monitor OR second computer to view instructor live
• Reliable High-speed internet connection
• Web Browser: Google Chrome Preferred (Alternative: Microsoft Edge)
• 3-Button Computer mouse
• Audio Speaker/Microphone (built-in to computer or external)
Job Roles That Use HTML5 & HTML with CSS:
Developers
Programmers
Website Authors
Projects That Use HTML5 & HTML with CSS:
Creating webpages
Building mobile-friendly websites
HTML5 and HTML with CSS Introduction Course Outline
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
Disclaimer: All course objectives and outlines are used as a guideline and are subject to change to ensure the latest information is covered to support real world use of the technology.
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.
What's Included in Your ThinkB!G Training
- Expert Virtual Live Instructor-Led, Hands-On Training by Senior Consultants, Designers, and Developers
- Remote Access to Class Computer with Pre-Installed Software—No Licenses, Installs, or Downloads Required!
- Instructor Live View of Participant Screens for Real-Time Over-the-Shoulder Support
- Digital Course Materials for Post-Class Reference
- 1-Year Access to Searchable Class Recording
- Certificate of Completion
- Certification Pack Option (if applicable): Includes Online Test Prep, Exam Voucher + 1 Retake, and Virtual Exam Proctoring
- IT Support for Technical Setup & During Training
Pricing
Public Enrollment Training Pricing
Commercial Price Per Person 2-Day Class: $795
GSA/Government Price Per Person 2-Day Class: $640.81
Non-Profit/Education Price Per Person 2-Day Class: $745
Need Private Custom Training for Your Team?
Dates to Register
Event | Venue | Start Date | End Date | |
---|---|---|---|---|
HTML5 and HTML Intro with CSS | HTML5 and HTML Virtual Classroom |
|
| Register |
HTML5 and HTML with CSS Introduction | HTML5 and HTML Virtual Classroom |
|
| Register |
HTML5 and HTML with CSS Introduction | HTML5 and HTML Virtual Classroom |
|
| Register |
HTML5 and HTML with CSS Introduction | HTML5 and HTML Virtual Classroom |
|
| Register |
HTML5 and HTML with CSS Introduction | HTML5 and HTML Virtual Classroom |
|
| Register |
HTML5 and HTML with CSS Introduction | HTML5 and HTML Virtual Classroom |
|
| Register |
Custom Private Training
We offer this course as Custom Private Training or Project Based Training®!
If you have a team of individuals, you can receive bulk discounts by doing your own Private training session & cover your specific learning objectives!
What's Included?
- Custom Outline to include Targeted Topics Based on Your Learning Needs
- Instructor Led Hands-On Virtual Online Live Training (VOLT™) & Certification
- Training Delivered from Certified Instructors that are Senior Consultants
- Official Curriculum Courseware & Personal Use of Class Recording for Limited Time
- Certificate of Completion
- Remote Access to ThinkB!G Class Computer with Software licenses & Class Files Pre-Installed for Use During Training--No Installs or Downloads
- Instructor's Real-Time View of ThinkB!G Class Computer Screen for Immediate Live Interactive Support
- If Certification Training is Selected, It May Include a Test Prep Tool, Testing Voucher with Free Retake, and Proctor Fee (if taken with ThinkB!G Virtually)
- Note: IT Support is Available to Pre-Flight Virtual Class Set Up Before & During Training
Submit details and a formal training quote will be sent to you!
Policies
Payment Policy for Public Enrollment Classes
Payment and/or Purchase Order is required 16 Business Days (Monday-Friday) prior to first date of training class.
Payment Policy for Private & Project Based Training® Classes
Payment and/or Purchase Order is required 16 Business Days (Monday-Friday) prior to first date of training service. Pricing provided is firm fixed price based on number of students. Client is responsible for entire amount regardless of change in number of registrations.
Cancellation/Rescheduling Policy for Public Enrollment Classes
- Classes may be canceled if less than 4 students are registered. We will notify you of cancellations no later than 16 business days prior to class.
- Canceling/Rescheduling more than 16 business days prior to class: You are eligible for a refund or free reschedule. Registration is transferable to another student for the same class & date.
- Canceling/Rescheduling less than 16 business days prior to class: No refund. No Reschedule. Registration is transferable to another student for the same class & date.
- No Shows without contact: No refund. No Reschedule.
Cancellation/Rescheduling Policy for Custom/Private and On-Site Training Classes
- No penalty if cancellation/reschedule is 16 Business Days (Monday-Friday) prior to the first date of class.
- 50% penalty will be incurred if cancellation/reschedule is less than 16 Business Days (Monday-Friday) prior to the first date of class. This fee is to cover instructor expenses, travel, and course materials purchased.
Cancellation/Rescheduling Policy for Individual Students in Custom/Private Training Classes
- Individual students registered in a private class, who cancel or do not show, are not eligible for a partial refund or reschedule. Registration is transferable to another student. Please contact your class organizer or manager if you need to cancel.