Web Design Workshop

DAY 1 - Structure

  1. Introduction (9-9:15am)
  2. Web Standards and Accessibility (9:15-9:45am)
  3. PART ONE: Building the Foundation (10-12pm)
    1. Introducing XHTML
    2. XHTML Syntax
    3. XHTML Rules
    4. Writing the Markup
      1. doctype
      2. html
      3. head and body
      4. title
      5. headings
      6. paragraphs
      7. em and strong
      8. lists
      9. links
      10. images
  4. LUNCH (12-1pm)
  5. PART TWO: Site Management and FTP (1-2:30pm)
    1. Defining a site in Dreamweaver
    2. File naming
    3. Linking pages together
    4. Testing and validating your site
    5. Uploading your site
    6. Viewing your site on the web
  6. Review (2:30-3pm)

DAY 2 - Presentation

  1. Review (9-9:30am)
  2. Downloading from the FTP (9:30-10am)
  3. PART ONE: Decorating (10-12pm)
    1. Introducing CSS
      1. Basic CSS Syntax
      2. Linking a stylesheet
      3. Style definitions
      4. The Box Model Rules
      5. Editing a style sheet
      6. Create your own style sheet
    2. Preparing Images
      1. Using Images on the Web
      2. Creating Images
      3. Optimizing Images
  4. LUNCH (12-1pm)
  5. PART TWO: Putting it all together (1-2:30pm)
    1. Using a template
    2. Adding real content
    3. Adding your banner
    4. Editing styles in student.css
  6. Questions (2:30-3pm)
    1. Advanced CSS layouts
    2. Finding a Host
    3. Buying a Domain Name
    4. Submitting to Search Engines
  7. Resources