HTML5, HTML and CSS Course- Level 1

Course Code: hsts-c1

What is included in this course

Course Overview

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.

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

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

Self-paced training

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.

Corporate and Enterprise Training

Our live courses are also offered via our enterprise training program which comes with:

  • In-person training at your location
  • Access to recorded sessions of live classes
  • Flexible training schedules that match your employees’ availability
  • Course curriculum customization based on your training requirements and business goals
  • Special rates for small or large groups

Feel free to contact us by email or phone to discuss your training needs and get a quote.

Overall Info About our Live Classes

Highlights

  • 30 hours of hands-on training led by experienced instructors
  • Digital courseware and online course tracking
  • Final course project delivery
  • Certificate of Completion for each course
  • Session-based assignment

Enrollment Fee

In-person in DC or live online for $2990 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.

Locations

  • Virtual live instructor classes via Zoom
  • In-person classes in Washington DC and Virginia:

Below are our DC classroom locations:

  • Dupont Circle 1666 Connecticut Ave NW Washington D.C. 20009
  • Logan Circle 1624 14th St NW Washington D.C. 20009
  • Chinatown 601 I St NW Washington D.C. 20001
  • Columbia Heights 3343 14th St NW Washington D.C. 20010

Below are our Virginia classroom locations:

  • Falls Church Coming soon...

  • Private custom training on site or at your location

  • Project based training on site or at your location

Time

  • Online Monday-Friday: 11 am-5:30 pm EST
  • DC Monday-Friday: 9 am-3:30 pm EST
  • DC/Online Saturdays: 11 am-5:30 pm EST
  • DC/Online Sundays: 1 pm-7:30 pm EST
  • Private custom & project based training: your preference

Software Versions

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

Course Outline

Topics Covered in this Course

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

Self-paced registration

Registration: self-paced from $60 or live for $2990 Pick your class type Online Class DC Class Discount or coupon code: Total: $