You and  z/OS and the World Wide Web - Topical Outline

Day One

Introduction to the Web
    The Web - Basic Concepts
    The Web and HTTP
    Computer Exercise: Setting up for the labs

Introduction to Markup Languages
    SGML
    HTML - An Introduction
    XHTML - What’s the difference?
    The HTML, HEAD, META and TITLE elements
    Other elements within the HEAD section
    X/HTML on z/OS
    Computer Exercise: X/HTML and Unicode

Text Markup Elements
    Element types in the body of an X/HTML document
    Events and scripts
    The BODY element
    The paragraph element (P)
    The headings elements (H1 - H6)
    The line break element (BR)
    Pre-formatted text: the PRE element
    Computer Exercise: Using Block text markup

Links and Anchors
    Introduction to Hypertext
    Anchors
    The A element
    Link types
    The LINK element
    Computer Exercise: Using Links and Access Keys

Basics of HTML Style
    Inline style elements
    The STYLE attribute
    The STYLE element
    External stylesheets
    Grouping elements: DIV, SPAN
    Quotations: BLOCKQUOTE and Q
    Breaking up a page: the HR element
    A digression: Aligning Text
    Computer Exercise: Getting some style

Introduction to Style Sheets
    Style sheets
    Style properties
    Special notes
    Cascading Style Sheets
    Style Sheets on z/OS
    Computer Exercise: Using style sheets

Lists
    Styles of lists
    List bounds: OL, UL, and DL elments
    List content: LI, DT, DD elements
    Lists: example
    Computer Exercise: Displaying lists

Images and maps
    Included items
    The Image element (IMG)
    Client-side maps
    The MAP element
    The AREA element
    Areas and coordinates
    Applications of maps
    Maps with block content
    Computer Exercise: Images and maps

Objects
    Included items - applets
    Included items - objects
    Plug-ins
    The OBJECT element
    The PARAM element
    Embedding object examples: a PDF document, another HTML page, an image, a Java applet
    Nested objects
    Multimedia
    Objects: design and copyright issues
    Computer Exercise: Embedding objects

Introduction to Client-side scripting
    Scripts
    DOM - the Document Object Model
    Scripting - Basics
    Computer exercise: Basic Scripting

DOM and Scripting
    DOM - A Sample Document
    Using DOM to reference Nodes
    The [non-standard] Window Object
    Computer Exercise: Extend the Basic Scripting

More on scripts
    The if statement
    Arrays
    The for statement
    HTMLDocuments: additional properties and methods
    Adding and deleting nodes
    The SCRIPT element
    Functions
    Remote scripts
    Computer Exercise: Expanding / Collapsing List

Miscellaneous Scripting Topics
    The document.write() construct
    Page re-direction
    Testing for browser capabilities
    The NOSCRIPT element
    Computer Exercise: Using document.write()

Forms and INPUT controls
    Introduction to Forms and Controls
    The FORM element
    The INPUT element (type: text, password, checkbox, radio, file, hidden, submit, reset, image, button)
    Successful controls
    Submit processing
    Computer Exercise: Forms and INPUT controls

Those Other Controls
    The BUTTON element
    List boxes (SELECT, OPTION, OPTGROUP elements)
    The LABEL element
    DOM attributes and methods for SELECT elements
    The TEXTAREA element and DOM methods for TEXTAREA
    The FIELDSET and LEGEND elements
    Computer Exercise: Nobel Prize Application

A delightful Exploration of Various Topics
    The meaning of "focus"
    Tabbing and tabindex
    Controls without forms
    Design issues

Cookies
    The Stateless Web
    Storing State Information
    Cookie formats
    Working with cookies
    Cookies: the Good, the Bad, and the Ugly
    Cookies and your Server
    Computer Exercise: Using cookies

Introduction to Tables
    Table terms
    The TABLE element
    The CAPTION element
    The TR element
    The TH and TD elements
    Using Header information
    Building a table
    Computer Exercise: Enhancing a Table

Structuring Tables
    Grouping rows
        The THEAD and TFOOT elements
        The TBODY element
    Grouping columns
        The COL element
        The COLGROUP element
        Grouping columns - notes
        Calculating column widths
    Computer Exercise: Structuring a Table

Day Five

Scripting with Tables
    DOM methods for Table-related elements
    Scripting ideas for tables
    Highlighting the contents of some cells
    The switch statement
    The break statement
    Adding a column to a table dynamically
    Computer Exercise: Updating a table dynamically

Frames and Framesets
    The Frameset Model
    The FRAMESET element
    Figuring row and column sizes
    The FRAME element
    Sample framesets
    Reserved target names
    The NOFRAMES element
    The IFRAME element
    Computer Exercise: A page using frames

Loose ends
    Accessing programs without forms
    Hiding pages - robots.txt
    Change
    Design for any browser
    Design thoughts
    Additional Studies

Course information: U-518 / 5 Days         These Materials © Copyright 2006 by Steven H. Comstock   V1.x

Course Objectives
Home page

this page last updated: 08 June, 2006
this page copyright © 2006 by The Trainer's Friend, Inc.