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. 

(HTML-CSS-JS) / ISBN : 978-1-61691-438-7
Lessons
Lab
TestPrep
AI Tutor (Add-on)
Instructor Led (Add-on)
23 Reviews
Get A Free Trial

About This Course

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.

Skills You’ll Get

  • 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

Get the support you need. Enroll in our Instructor-Led Course.

1

Introduction

2

What Is Web Publishing?

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

Getting Your Tools in Order

  • 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
4

Introducing HTML and CSS

  • 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
5

Learning the Basics of HTML

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

Organizing Information with Lists

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

Working with Links

  • 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
8

Formatting Text with HTML and CSS

  • 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
9

Using CSS to Style a Site

  • 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
10

Using Images on Your Web Pages

  • 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
11

Building Tables

  • 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
12

Using CSS to Position Elements on the Page

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

Designing Forms

  • 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
14

Structuring a Page with HTML5

  • 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
15

Integrating Multimedia: Video and Sound

  • 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
16

Advanced CSS: Page Layout in CSS

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

Using Responsive Web Design

  • 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
18

Introducing JavaScript

  • 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
19

Using jQuery

  • 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
20

Using JavaScript in Your Pages

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

Working with Frames and Linked Windows

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

Designing for the Mobile Web

  • 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
23

Designing for User Experience

  • 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

  • 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

  • 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

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

1

Introducing HTML and CSS

  • Creating a Basic HTML Page
2

Learning the Basics of HTML

  • Using Paragraphs and Headings in HTML
3

Organizing Information with Lists

  • Organizing Content in HTML
4

Working with Links

  • Creating Hyperlinks
5

Formatting Text with HTML and CSS

  • Formatting Text in HTML
6

Using CSS to Style a Site

  • Creating the External Style Sheet
  • Using CSS IDs
  • Implementing a Class
  • Creating an Internal Style Sheet
  • Implementing Inline Styles
  • Using Positioned Floats
  • Using Overflow Properties
7

Using Images on Your Web Pages

  • Implementing the SVG Format
  • Using Inline Flow vs. Block Flow in CSS and Float Properties
  • Using the Image Tag
8

Building Tables

  • Organizing Content in HTML Part 1
9

Using CSS to Position Elements on the Page

  • Using the Absolute Position Property
  • Implementing CSS Overlapping and Positioning
10

Designing Forms

  • Using the Pattern Attribute
  • Using the Required Attribute
  • Using the Types of Input Fields
  • Using the Input Tag
  • Implementing the Checkbox Input and Using the Textarea Tag
  • Using the Select Tag
  • Using the Mark, Meter, and Progress Tags
11

Structuring a Page with HTML5

  • Using the Header and Footer Tags
  • Using the Nav Tag
  • Using the Article Tag
  • Using the Section Tag
  • Using the Aside and Hr Tags
12

Integrating Multimedia: Video and Sound

  • Using the Video Tag
13

Advanced CSS: Page Layout in CSS

  • Implementing CSS Columns and Hyphenations
14

Using Responsive Web Design

  • Using Media Query
15

Introducing JavaScript

  • Writing a Basic JavaScript Program
  • Using Operators in JavaScript
  • Using Data Types
  • Showing and Hiding Elements
  • Updating Content Using Event Handling
  • Using Events to Call a Function
  • Using Events
16

Using jQuery

  • Using jQuery and Other Third-Party Libraries
17

Using JavaScript in Your Pages

  • Using the Form and Test Validations
18

Working with Frames and Linked Windows

  • Using the Inline Frame Element
19

Designing for the Mobile Web

  • Getting the Geolocation of a Device

Any questions?
Check out the FAQs

Curious about our HTML, CSS & JavaScript Web Publishing Study Guide? Ask us anything.

Contact Us Now

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

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

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

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

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

Yes, you'll learn the basics of JavaScript web development to add interactivity with forms and basic animations.

The course focuses on coding with HTML, CSS, and JavaScript for more control and flexibility. However, the skills learned can be a foundation for using website builders more effectively.

Related Courses

All Course
scroll to top