Course Code: hsts-c1
TechSavvy Coders'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.
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
Creating webpages
Building mobile-friendly websites
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 30 Hours
SQL Programming and Database Management
This course is available in a self-paced video format starting at $60. Click here to learn more and register. For complete self-paced web design training, visit our Web design and development bundle page.
Our live courses are also offered via our enterprise training program which comes with:
Feel free to contact us by email or phone to discuss your training needs and get a quote.
In-person in DC or live online for $2990 per course
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.
Our classes are taught on the most current version of software whenever possible. To request a specific version, please Contact Us or call us at 240-200-6131
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