Course Outline

Series: Web Programming
Weeks: 11
Cost: $200
CEU Credits: 3.0


HTML is the basic language of Web Pages. In this class, you'll learn how to create your own Web Pages using HTML and CSS.


  • To learn the basics of HTML
  • To learn the basics of CSS (Cascading Style Sheets)
  • To learn how to create a Web Page
  • To learn basic design elements of a Web Page
  • To learn how to create a Form using HTML


  • None



  • Head First HTML and CSS by Elisabeth Robson & Eric Freeman (ISBN: 978-0-596-15990-0)


  • None required---all you need is a Text Editor (such as Notepad).
  • An Internet Browser to display your Web Pages. Internet Explorer, Firefox, etc.

Table of Contents

Week 1:  The Language of the Web: getting to know HTML
Meet the "HT" in HTML: going further, with hypertext
  • What does the web server do?
  • Creating an HTML file
  • Opening your web page in a browser
  • Meet the style element
  • Understanding attributes
  • Planning your paths
Week 2:  Web Page Construction: building blocks
A Trip to Webville: getting connected
  • From a sketch to an outline to a web page
  • Adding some new elements
  • Meet the ,q. element
  • Adding a blockquote
  • Constructing HTML lists in two easy steps
  • Understanding nesting relationships
  • Finding a hosting company
  • How can you get a domain name?
  • What's an absolute path?
  • How default pages work
  • Using the id attribute
  • Linking to a new window
  • Opening a new window using target
Week 3:  Meeting the Media: adding images to your pages
Serious HTML: standard and all that jazz
  • How the browser works with images
  • How images work
  • Sizing up your images
  • Turning thumbnais into links
  • To be transparent or not to be transparent?
  • Adding the document type definition
  • Adding a <meta> tag
Week 4:  Adding a Little Style: getting started with CSS
  • Using CSS with HTML
  • Getting CSS into your HTML
  • How do selectors really work?
  • Inheritance
  • Overriding inheritance
  • Creating a class selector
  • Taking classes further
Week 5:  Expanding your Vocabulary: styling with fonts and colors
  • Text and fonts
  • What is a font family anyway
  • Specifying font families using CSS
  • How Web Fonts work
  • How to add a Web Font to your page
  • Adjusting font sizes
  • Changing a font's weight
  • Adding style to your fonts
  • How do web colors work?
  • How do I specify web colors?
  • How to find web colors
  • Everything you ever wanted to know about text-decorations
Week 6:  Getting Intimate with Elements: the box model
  • A closer look at the box model
  • What you can do to boxes
  • A test drive of the paragraph border
  • Padding, border, and margins
  • Adding a background image
  • Fixing the background image
  • How do you add padding only on the left?
  • Border fit and finish
  • Using multiple stylesheets
  • Add media queries right into your CSS
Week 7:  Advanced Web Construction: divs and spans
  • Let's explore how we can divide a page into logical sections
  • Adding a border
  • What we need is a way to select descendants
  • Adding <span> in three easy steps
  • How can you style elements based on their state?
  • Putting pseudo-classes to wok
  • The cascade
Week 8:  Arranging Elements: layout and positioning
  • Using inline elements
  • How to float an element
  • Move the sidebar just below the locker
  • Fixing the two-column problem
  • Solving the overlap problem
  • How absolute positioning works
  • Adding HTML structure for the table display
  • How does fixed positioning work?
Week 9:  Modern HTML: HTML5 markup
  • Rethinking HTML structure
  • Adding the <time> element
  • How to add more <header> elements
  • How does the ,video. element work?
  • What you need to know about video formats
Week 10:  Getting Tabular: tables and more lists
  • How do you make tables with HTML
  • Creating a table with HTML
  • Adding a caption
  • Getting those borders to collapse
  • How to tell cels to span more than one row
  • Overriding the CSS for the nested table headings
Week 11:  Getting Interactive: html forms
  • How forms work
  • How the <form> element works
  • Adding the <form> element
  • Getting those <input. elements into your HTML
  • Adding the <select> element
  • Watching GET in action
  • Styling the form with CSS

  John Smiley  



Contact Us