Intermediate Web Design -- (Day 2)

Instructor:   Paul N. Lee, [Owner/Consultant of Nahee Enterprises]

Hands-on workshop that continues where the Introduction class left off (so it is assumed you already have a basic understanding of HTML).   More advanced features of HTML will be discussed, along with client-side and server-side technologies.   The emphasis of the class will be on the many uses of Cascading Style Sheets (CSS).   You will actually create a basic web site using CSS and then load it to the Internet to see the results.   Several handouts will be supplied, along with a CD containing 222 files of examples, templates, training, help files, many tools/utilities, various browsers, and more (a total of over 260-MB of information).

The following is the outline used for this class:

  1. Brief Overview
    1. (see "Introduction to Web Design" outline)

  2. Basics.
    1. Waiters and Customers:   Clients and Servers.
      1. Client-side Technologies.
        1. JavaScript.
        2. VBScript.
        3. Cascading Style Sheets (CSS).
        4. Dynamic HTML (DHTML).
        5. Java.
        6. XHTML.
        7. XML, XSL, XSLT, XSL/FO.
      2. Server-side Technologies.
        1. Common Gateway Interface (CGI).
        2. Scripting Languages.
      3. PHP.
      4. Active Server Pages (ASP).
      5. Perl.
      6. Cold Fusion.
      7. Java (Servlets, JavaServer Pages, etc.).
      8. Database Servers.
      9. MySQL.
    2. Which is Better?

  3. Does My Web Site Suck?
    1. Checklist #1 -- Mortal Sins.
      1. First Impression / Big Picture.
      2. Text and Links.
      3. Graphics, Video, Audio.
      4. Navigation.
      5. Content.
    2. Checklist #2 -- Potential Mortal Sins.
    3. The Answer Sheet.

  4. Cascading Style Sheets (CSS).
    1. The Basics.
    2. Simple CSS Layout.
      1. The Layout
      2. Creating the Document
        1. The Header
        2. The Main Content Section
        3. The Sidebar
      3. Positioning the Page Elements
        1. The Display Property
        2. Absolute, Relative, and Positioning Contexts
        3. The Box Model
          1. Pixels vs. Percentages
          2. Padding Properties
        4. Margin Properties
        5. Margins, Padding, and Lists
        6. Border Properties
      4. Constructing the Layout
        1. The Header Area
        2. The Content Area
        3. Repositioning the Sidebar
      5. Summary