Learn your way! Get started

HTML/CSS for Designers, Part 1: Introduction

with expert John Wiley & Sons

Watch trailer

HTML/CSS for Designers, Part 1: Introduction Trailer

Course at a glance

Included in these subscriptions:

  • Creative Design Power Pack
  • Power Pack Plus

Release date Release date 2/28/2015
Level Level Beginner
Runtime Runtime 1h 13m
Platform Platform Major browsers on Windows Major browsers on Windows Major browsers on Mac OSX Major browsers on Mac OSX Mobile Devices Mobile Devices
Published eBooks Published eBooks Included
Hands-on labs Hands-on labs N/A
Sample files Sample files Included
Exams Exams N/A

Enterprise Solutions
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

HTML & CSS for Designers is a seven part learning series that will introduce you to creating web pages using the programming techniques for HTML and CSS. You will be introduced to HTML and CSS then you’ll learn how to work with Images, and create Tables, Forms, Labels, and Menus. You‘ll learn about the importance of creating a web page with Page Layout and Navigation in mind. A web page that is easy to use will help to continue to drive traffic to your site.


This course assumes very little familiarity with HTML & CSS. This course is part of 7 courses; HTML & CSS for Designers: Introduction; HTML & CSS for Designers: CSS Basics; HTML & CSS for Designers: Images; HTML & CSS for Designers: Tables and Forms; HTML & CSS for Designers: Labels and Menus; HTML & CSS for Designers: Page Layout; and HTML & CSS for Designers: Navigation. Please be sure to view the courses in order if you are new to the material.

Meet the expert

John Wiley & Sons Our Creative Design courses are presented by experts from Wiley Publishing. Wiley is a global provider of knowledge and knowledge-enabled services that improve outcomes in areas of research, professional practice, and education. They are the publisher of award-winning journals, encyclopedias, books, and online products and services.

Course outline


Getting Started (25:18)
  • Introduction (00:10)
  • Hypertext Markup Language (HTML) (01:10)
  • Rules for Naming HTML Docs (00:51)
  • Markup Tags (00:31)
  • HTML Elements (00:21)
  • Basic HTML Page (03:41)
  • Why Use Doctypes? (01:44)
  • Examples of Doctypes (00:25)
  • HTML vs. XHTML (01:13)
  • XHTML 1.0 Transitional (00:15)
  • Additional Elements (00:50)
  • Using a Validator (00:39)
  • Validation (01:39)
  • Validation Cont. (04:29)
  • HTML Attributes (00:26)
  • An Example (00:28)
  • Attribute Names (00:34)
  • Attribute Values (00:58)
  • Attributes (04:36)
  • Summary (00:10)
Semantic HTML (25:57)
  • Introduction (00:10)
  • Semantic HTML (01:07)
  • Block vs. Line Elements (00:40)
  • Add Page Content (04:03)
  • List (02:35)
  • Block & Inline Elements (05:27)
  • Hyperlinks (04:44)
  • Relative Hyperlinks (03:03)
  • Fixing Relative Links (03:54)
  • Summary (00:10)
Introduction to CSS (21:53)
  • Introduction (00:10)
  • Root Folder (00:39)
  • Local vs. Remote Server (00:51)
  • Keep Necessary Files in Root (03:30)
  • Reserved File Names of HTML (00:36)
  • One Way to Organize Your Site (01:40)
  • Organize Ahead of Time (02:52)
  • An Introduction to CSS Syntax (00:35)
  • CSS Syntax Differences (01:00)
  • CSS Inheritance (01:43)
  • CSS Inheritance & Styling (01:31)
  • CSS Syntax (06:29)
  • Summary (00:10)