Joy Of Code web design online training

About The Workshop »

Workshop Outline

In 12 weeks - or less - go from someone who wishes they could create web based information to someone who can.

Once you learn to create web pages using the most current markup - Extensible HyperText Markup Language (XHTML) and Cascading Style Sheets (CSS) - you'll know how to create web pages that unleash the power of industry standards.

With each lesson you'll be building the skills need to create any Project of your choice.

(Excerpts require Adobe's Acrobat Reader.)

Workshop Outline
 
 
Lesson   Chapter Lab
1 The Basics Hello World
 
  • Getting familiar with the Workshop - Home Room, Front Office, and Work Space
  • What XHTML is all about
  • Requirements for every XHTML document
  • XHTML syntax
  • Testing out the Code Tester
  • LAB: Simple test page to get you started
2 Text Markup First Page
 
  • Using block-level tags to create Paragraphs and Headings
  • Some good old HTML tags
  • Making text bold and italicized
  • Character Entities
  • LAB: Create your first page which will be used throughout the Workshop
  • Read Excerpt
3 Lists First Lists
 
  • Making Unordered (bulleted) lists
  • Making Ordered (numbered) lists
  • Making Definition Lists
  • Creating a nested list and the importance of nesting
  • LAB: Create a list for your page
4 Tables First Tables
 
  • Forming rows and columns for layout and data tables
  • Understanding fixed and proportional table sizing
  • Spanning Rows and Columns
  • Table attributes
  • Nesting tables
  • LAB: Using a table for layout
  • Read Excerpt
5 Links First Site
 
  • Path statements - the importance of folders and files
  • The Anchor tag and its attributes
  • Linking from page to page and within pages
  • Create an email link
  • LAB: Linking between two pages (that's a web site!!)
6 Images First Images
 
  • Overview of graphics applications
  • Web image formats
  • The img tag and its attributes
  • Clickable images
  • Image maps
  • Rollovers
  • LAB: Embedding images into your pages
  • Read Excerpt
7 Validation First Checking
 
  • Importance of testing your XHTML documents for their validity against standards
  • The W3C Validation Service
  • Other Validation Resources
  • Repair Methods and Resources
  • LAB: Validation of pages created in the Workshop
8 Text Styling First Styles
 
  • Introduction to Cascading Style Sheets
  • CSS Syntax
  • The Cascade in Cascading Style Sheets
  • Using CSS to format style for Elements, Classes, and IDs
  • Text, Font, Color, and Background properties
  • LAB: Styling up your page with CSS
  • Read Excerpt
9 Forms First Forms
 
  • Creating the ability to collect user data
  • Making text fields, radio buttons,and check boxes
  • Making drop down menus
  • LAB: Creating an order form to go with your web site
10 Frames First Frames
 
  • Working with multiple files in a web page
  • Nesting frames
  • Using frames for navigation
  • LAB: Placing files in a framed environment
11 Formatting The Box First Boxes
 
  • Using margin, border, and padding properties
  • CSS measurements
  • Glimpse of more sophisticated uses of CSS
  • LAB: Working with box properties and Lists to create navigation
  • Read Excerpt
12 Wrap Up
 
  • Key principles to remember
  • A look at how the Joy Of Code Workshop was made
  • REVIEW OF YOUR PROJECT