WA1062 HTML and JavaScript
Course Outline
1. JavaScript Overview: History and Today
  • JavaScript Overview
  • Compatibility Issues
2. Fundamentals Part 1: JavaScript Basics
  • Fundamentals: Part 1
  • Literals
  • Variables
  • Reference Types
  • Object-Oriented Basic
  • Array
  • Function
  • Date
  • Document
  • Number
  • String
3. Fundamentals Part 2: Operators and Program Flow
  • Operators
  • Flow Control
4. Debugging JavaScript
  • Debugging JavaScript
  • Common Mistakes
  • Default Error Dialog
  • Script Debugger
5. HTML Forms JavaScript Interactivity
  • HTML Forms and JavaScript
  • Form Elements
  • HTML Forms and JavaScript
  • Accessing Form Element
  • Form Validation
  • Form Validation on Submit
6. Events and Event Handling
  • Events and Event Handling
  • Event Types
  • Case Sensitive of Event Handlers
  • Form Validation on Submit
  • The event Object
  • Properties of the event object
7. JavaScript DOM Objects: Part 1 Environment Objects
  • DOM-Overview
  • Environment Objects
  • DOM Objects
  • Other Dom Objects
8. Objects Part 2: Utility Objects
  • Utility Objects
  • Function Object
  • Build-in Objects
  • Object - Example
9. Browser Compatibility
  • Browser Compatibility
  • Object Detection
  • Method Detection
10. Dynamic HTML
  • Dynamic HTML
  • Beyond HTML
  • Stylesheets Features
  • Cascading Style Sheets
  • CSS -Example
  • Rules for CSS
  • Linking to a Stylesheet
  • Importing a Stylesheet
  • Classes
  • Contextual Selectors
  • Cascading Order of Rules
11. Cookies
  • Cookies
  • What is a Cookie
  • Limitations of cookie
12. Summary
  • JavaScript as a Scripting Language
  • JavaScript as HTML document enhancement
  • JavaScript and Web Interactivity
  • Other web development technologies
  • JavaScript in the World Wide Web
13. Introduction: HTML and the Web
  • What is Hypertext Markup Language (HTML)?
  • Why are Web documents published in HTML?
14. The Basic Structure of HTML Documents - Laying Out Text in HTML
  • Heading text
  • Paragraph text
  • Comments
  • Unordered (bulleted) and Ordered (numbered) lists
  • Other useful tags
  • Adding special characters to your pages
  • Pre-exercise Instructions: How to edit HTML code?
15. Enhancing Your Tags: HTML Attributes Images and Backgrounds
  • Image Attributes
  • Background patterns
  • Characteristics of the GIF graphic file format
  • Characteristics of the JPEG graphic file format
  • The relationship between graphic size and download time
16. Links to Other Pages, E-mail, and More
  • When an http:// URL does not specify an HTML file
  • Adding links to video, sound, downloadable files, and more
  • Some Comments
  • Inserting a link to another location on the same page
  • Adding a link to this location from another document
17. Adding Color to Your Pages
  • For what parts of my page can I change the color?
  • How colors are specified
  • Converting a base 10 color number to base 16 (hexadecimal)
  • Controlling background, text, and link colors
  • Changing the color of a piece of text
  • A warning about colors
18. HTML Tables
  • The table tags and their attributes
  • Quick Table attribute guide
  • A Note on Browser Compatibility
19. An Introduction to Frames
  • Frames: Creating the main document
  • The <FRAMESET> Tag
  • The COLS and ROWS attributes of <FRAMESET>
  • The <FRAME> tag
  • Additional attributes of the <FRAME> tag
  • Additional attributes of the <FRAMESET> tag
  • Using nested framesets for complex layouts
  • The <NOFRAMES> tag
20. Adding Links Between Frames
  • The <BASE TARGET> tag
  • Additional options for linked windows
  • Magic target names
  • Changing the color of frame borders
21. Client-Side Image Maps
  • Building a client-side image map
  • Embedding the map code
  • Adding the USEMAP attribute to the <IMG> tag
  • Using LiveImage to generate image map code
22. Review of HTML Tables
  • The table tags and their attributes
  • Quick Table attribute guide
23. Using Tables to Create a More Complex Design
  • A step-by-step analysis of the changed code
24. Fluid Tables vs. Fixed-Width Tables
  • Fluid Tables
  • A fixed-width table
25. Nested Tables
  • How to place a table within a table
  • Complex Page Design with Nested Tables
26. The <META> Tag
  • KEYWORDS and DESCRIPTION <META> tags
  • AUTHOR and GENERATOR <META> tags
  • The <META> Refresh tag
26. The Future: XHTML
  • HTML: Too Flexible?
  • The Solution: XHTML
  • How can I code to be XHTML Compliant?
Appendix A. Plug-ins
  • Communicating with plug-ins
  • Introduction to Plug-ins
  • Netscape Communication with Plug-ins
  • Scripting Navigator Plug-ins
  • The Navigator Plug-in Object