HTML-CSS-JS

HTML, CSS & JavaScript Web Publishing

Develop & refine your web publishing skills with our HTML, CSS, and JavaScript course, designed to help you create stunning websites effortlessly.

Practice in 44 Hands-On Labs — nothing to install
26 Interactive Lessons and 240 topics mapped to the official exam objectives
394 Practice Test Questions

Beginner Self-paced · 1 year access 4.7/5 (23 Reviews)

44 Hands-On LiveLabs

Practice real IT tasks in guided environments.

Real environments
Auto-graded
No installation

26Interactive Lessons

240Topics

44LiveLab

394Practice Test Questions

23Videos

191Flashcards

191Glossary of terms

01 / Skills you'll get

What you will be able to do

Try Free → No credit card required

Ever wanted to build your own website? This course gives you the skills to go from beginner to website creator. We'll walk you through everything you need to know, from understanding how websites work to adding images and making your site interactive. Learn HTML, CSS, and the basics of JavaScript to bring your website ideas to life. By the end, you'll be able to publish your own website and impress employers with your web development skills.

Build and publish websites from scratch
Understand how the web works (browsers, servers, etc.)
Code with HTML, CSS, and JavaScript
Structure content and format text effectively
Link pages, add images, and optimize them for the web
Style your website with CSS and create responsive layouts
Add interactive features with forms and basic JavaScript
Publish your website online and optimize it for search engines

div>

Course Highlights

26 Structured Lessons Comprehensive coverage of core course objectives
44 Hands-On LiveLabs Interactive guided scenarios with instant evaluation
394 Practice Questions Assessment tests with detailed answer rationales
1 Year Full Access Self-paced learning accessible anytime on all devices

02 / Lessons & labs

See exactly what you will learn and practice

Download outline (PDF)

Lessons

26 Interactive Lessons · 240 topics

01 Introduction

02 What Is Web Publishing? 8 topics

Thinking Like a Web Publisher
Web Browsers
Web Servers
Uniform Resource Locators
Defining Web Publishing Broadly
Summary
Workshop
Additional Exercises

03 Getting Your Tools in Order 9 topics

Anatomy of a Website
Setting Up Your Computer for Web Publishing
Using the Google Chrome Developer Tools
What Do You Want to Do on the Web?
Wireframing Your Website
Web Hosting
Summary
Workshop
Additional Exercises

04 Introducing HTML and CSS 9 topics · 1 LiveLab

What HTML Is (And What It Isn't)
What HTML Files Look Like
HTML Attributes
Using the style Attribute
A Short History of HTML Standards
The Current and Evolving Standard: HTML5
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

05 Learning the Basics of HTML 8 topics · 1 LiveLab

Structuring Your HTML
The Title
Headings
Paragraphs
Comments
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

06 Organizing Information with Lists 9 topics · 1 LiveLab

Lists: An Overview
Numbered Lists
Unordered Lists
Definition Lists
Nesting Lists
Other Uses for Lists
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

07 Working with Links 9 topics · 1 LiveLab

Creating Links
Linking Local Pages Using Relative and Absolute Pathnames
Links to Other Documents on the Web
Linking to Specific Places Within Documents
Anatomy of a URL
Kinds of URLs
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

08 Formatting Text with HTML and CSS 12 topics · 1 LiveLab

Character-Level Elements
Character Formatting Using CSS
Preformatted Text
Horizontal Rules (or Thematic Breaks)
Line Break
Addresses
Quotations
Special Characters
Fonts and Font Sizes
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

09 Using CSS to Style a Site 12 topics · 7 LiveLab

Including Style Sheets in a Page
Selectors
Units of Measure
Editing Styles with Developer Tools
Using Color
Links
The Box Model
More Selectors
The <body> Tag
Summary
Workshop
Additional Exercises

7 LiveLab in this lesson — see the labs panel →

10 Using Images on Your Web Pages 13 topics · 3 LiveLab

Images on the Web
Image Formats
Inline Images in HTML: The <img> Tag
Images and Text
Images and Links
Other Neat Tricks with Images
Image Backgrounds
Using Images as Bullets
What Is an Imagemap?
Image Etiquette
Summary
Workshop
Additional Exercises

3 LiveLab in this lesson — see the labs panel →

11 Building Tables 11 topics · 1 LiveLab

Creating Tables
Table Parts
Sizing Tables, Borders, and Cells
Table and Cell Color
Aligning Your Table Content
Spanning Multiple Rows or Columns
More Advanced Table Enhancements
How Tables Are Used
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

12 Using CSS to Position Elements on the Page 8 topics · 2 LiveLab

Positioning Schemes
Absolute Positioning
Fixed Positioning
Controlling Stacking
Creating Drop-Down Menus
Summary
Workshop
Additional Exercises

2 LiveLab in this lesson — see the labs panel →

13 Designing Forms 12 topics · 7 LiveLab

Understanding Form and Function
Using the <form> Tag
Using the <label> Tag
Creating Form Controls with the <input> Tag
Using Other Form Controls
Grouping Controls with fieldset and legend
Displaying Updates with progress and meter
Applying Cascading Style Sheet Properties to Form Elements
Planning Your Forms
Summary
Workshop
Additional Exercises

7 LiveLab in this lesson — see the labs panel →

14 Structuring a Page with HTML5 8 topics · 5 LiveLab

A Short History of HTML Page Layout
Laying Out a Page in HTML5
HTML5 Structural Tags
The Page Outline
Using HTML5 Structural Elements
Summary
Workshop
Additional Exercises

5 LiveLab in this lesson — see the labs panel →

15 Integrating Multimedia: Video and Sound 11 topics · 1 LiveLab

Embedding Video the Simple Way
Hosting Your Own Video
Embedding Video Using <video>
Embedding Flash Using the <object> Tag
The <embed> Tag
Embedding Flash Movies Using SWFObject
Flash Video Players
Embedding Audio in Your Pages
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

16 Advanced CSS: Page Layout in CSS 5 topics · 1 LiveLab

Laying Out the Page
The Role of CSS in Web Design
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

17 Using Responsive Web Design 9 topics · 1 LiveLab

What Is Responsive Web Design?
Mobile Devices Should Come First
Planning a Responsive Website
Writing Media Queries
Understanding the Mechanics of RWD
Responsive Web Design Best Practices
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

18 Introducing JavaScript 9 topics · 7 LiveLab

Why Would You Want to Use JavaScript?
The <script> Tag
JavaScript and the Chrome Development Tools
The JavaScript Language
The JavaScript Environment
Events
Summary
Workshop
Additional Exercises

7 LiveLab in this lesson — see the labs panel →

19 Using jQuery 12 topics · 1 LiveLab

What Are JavaScript Libraries?
Getting Started with jQuery
Your First jQuery Script
Selecting Elements from the Document
Binding Events
Modifying Styles on the Page
Modifying Content on the Page
Special Effects
AJAX and jQuery
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

20 Using JavaScript in Your Pages 6 topics · 1 LiveLab

Validating Forms with JavaScript
Hiding and Showing Content
Adding New Content to a Page
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

21 Working with Frames and Linked Windows 7 topics · 1 LiveLab

What Are Frames?
Working with Linked Windows
Inline Frames
Opening Linked Windows with JavaScript
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

22 Designing for the Mobile Web 12 topics · 1 LiveLab

People Browse Differently on Mobile Phones
Standards Compliance and the Mobile Web
Writing for the Mobile Web
Design and Page Layout
Using Links
Using Images and Multimedia
Making the Most of CSS and JavaScript
Take Advantage of Mobile Features
Other Good Habits and Hints for Mobile Web Design
Summary
Workshop
Additional Exercises

1 LiveLab in this lesson — see the labs panel →

23 Designing for User Experience 10 topics

Considering User Experience Level
Determining User Preferences
What Is Accessibility?
Alternative Browsers
Writing Accessible HTML
Designing for Accessibility
Validating Your Sites for Accessibility
Summary
Workshop
Additional Exercises

24 How to Publish Your Site 10 topics

What Does a Web Server Do?
How to Find Web Hosting
Organizing Your HTML Files for Publishing
Publishing Your Files
Troubleshooting
Promoting Your Web Pages
Finding Out Who's Viewing Your Web Pages
Summary
Workshop
Additional Exercises

25 Taking Advantage of the Server 13 topics

How PHP Works
Getting PHP to Run on Your Computer
The PHP Language
Loops
Built-In Functions
User-Defined Functions
Processing Forms
Using PHP Includes
Expanding Your Knowledge of PHP
Other Application Platforms
Summary
Workshop
Additional Exercises

26 Search Engines and SEO 8 topics

What Is SEO?
How Search Engines Work
SEO Techniques
Tools for Tracking and Managing SEO
Paying for Links
Summary
Workshop
Additional Exercises

Hands-On Labs Our edge

44 LiveLabs

Creating a Basic HTML Page
Using Paragraphs and Headings in HTML
Organizing Content in HTML
Creating Hyperlinks
Formatting Text in HTML
Creating the External Style Sheet

Labs run in your browser — nothing to install.

03 / FAQs

Questions before you start

Is this HTML, CSS & JavaScript Web Publishing course for beginners?

Yes, this course is designed for those with no prior experience in web development.

What software will I need?

You don’t need to buy any software license and install the software. A web browser is all you need to get started.

How long will this course take?

The completion time will vary depending on your pace, but we estimate it can be completed in 3-12 months.

Is there a certificate upon completion?

You will receive a certificate of achievement upon completion of this course.

Does the course cover mobile web design?

Yes, the course will cover responsive web design techniques to ensure your website looks great on all devices.

Improve Your HTML, CSS & Javascript Web Publishing Skills

Increase your knowledge retention and gain practical insights to impress your employer with stunning websites!

1 year of full access
44 LiveLab included
Certificate of completion

Try Free

No credit card required

HTML, CSS & JavaScript Web Publishing

44 Hands-On LiveLabs

What you will be able to do

Course Highlights

See exactly what you will learn and practice

Lessons

Hands-On Labs Our edge

Questions before you start

You might also like

Improve Your HTML, CSS & Javascript Web Publishing Skills