Web Site Development with HTML/JavaScript

Duration: 5 days | Price: Contact a Career Consultant for pricing

Students Will Learn:
  • Web Site Deployment
  • HTML Syntax and CSS
  • Web Site Marketing
  • Forms & Tables
  • JavaScript Syntax
  • Data Validation
  • Dynamic HTML
  • Event Handling

Description: This hands on Web programming class provides a thorough introduction to implementing a full-featured Web site on the Internet or corporate Intranet, including implementation of dynamic content using JavaScript and related tools. Starting with thorough coverage of HTML, the course progresses to the implementation of dynamic client-side content using JavaScript. Hands-on exercises are performed throughout each day to demonstrate key concepts. Students who already know HTML well should register for the 3-day course JavaScript Programming.

Prerequisites: Basic personal computer skills and basic Internet knowledge.

Web Site Development with HTML/JavaScript Course Overview:

HTML Fundamentals
  • Architecture of Web Page Contents
  • Browser Specific Tags
  • Structure Tags
  • Physical Tags
  • Logical Tags
  • HTML 4.0 Tags
  • Tools for HTML Validation
  • HTML Tag Attributes
  Using Graphics
  • Tools for Creating and Manipulating Web Graphics
  • Image Tags and Attributes
  • Sources for Web Site Graphics
  • Introduction to Client-Side Image Maps
  • Tools for Creating Image Maps
  • GIF, JPEG, and PNG Formats
  • Transparent Graphics
  • Transparency and Interlacing of Graphics
  • Creating Animated Graphics
  • Interactive Graphics
Constructing Forms
  • <form> Tags and Attributes
  • <input> Tags and Attributes
  • Text Type
  • Radio Buttons and Checkboxes
  • Scrolling and Selection Lists
  • Submit and Reset Buttons
  • Scripts for Form Processing
  • Sources for Sample Scripts
  Marketing Your Site
  • Characteristics of Search Engines
  • Registering with Search Engines and Directories
  • The <meta> Tags and Attributes
    • keywords, description and robots
  • Creating Effective <title> tags
  • Designing Your Site for Effective Search Engine Optimization (SEO)
Frames
  • The <frame> Tags and Attributes
  • The <frameset> Tags and Attributes
  • Frame Construction
  • Frame Navigation
  Audio and Video
  • Adding Audio and Video to Web Pages
  • Playing Audio and Video from a Web Page
  • Types of Audio and Video Plug-Ins
Creating and Managing Styles
  • Cascading Style Sheets (CSS)
  • <style> Tags and Attributes
  • Defining Styles
  • Creating CSS Rules
  • Using Style Sheets To Support Multiple Browsers
  • Creating Custom Styles (classes)
  • Using <div> and <span> Tags
  Tables
  • Purpose of Tables
  • Table Tags
    • <table>, <tr>, <td>, <th> and <caption>
  • Table Attributes
    • align, border, nowrap and bgcolor
  • Using Tables for Page Layout and Structure
  • Creating Nested Tables
Website Layout and Design
  • Layout and Design Heuristics
  • Content Organization
  • Page Size and Load Time Optimization
  • Navigation Styles
  • Providing Navigational Feedback
  • Tables vs. CSS
  • Use of Color and Graphics
  Managing Source Files
  • Recommended Folder Structure
  • Testing and Production Folders
  • Development Steps
  • File Naming
  • Version Control
Introduction to JavaScript
  • Utility of JavaScript
  • Evolution of the JavaScript Language
  • JavaScript Versions and Browser Support
  • Differences Between Client-Side vs. Server-Side JavaScript
  Statements and Operators
  • Variable Declarations
  • Assignment Operators and Statements
  • Arithmetic Operators
  • Logical Operators
  • Comparison Operators
  • String Operators
  • Conditional Operators
  • Operator Precedence
Foundations of Dynamic HTML
  • DHTML Capabilities
  • Netscape vs. Microsoft Support for DHTML
  • <link> Tags and External Styles
  • Creating Custom Styles (classes)
  • <layer> Tags
  • Positioning Layers
  Implementing Functions
  • Defining Functions
  • Calling Functions
  • Passing Arguments
  • Local vs. Global Variables
  • Using the Return Statement
  • Nested Functions
Implementing Control Constructs
  • Conditional and Looping Constructs
  • The if else Statements
  • The do while Statements
  • The for in Statements
  • The switch Statement
  JavaScript Objects
  • The JavaScript Object Model and Hierarchy
  • JavaScript Object Properties
  • Object Methods
  • The new Keyword
  • The this Keyword
  • Creating New Object Instances Using Constructor Functions
  • String, Date and Array Objects
  • Construction of Custom Objects with Individual Properties and Methods
Fundamental JavaScript Directives
  • In-Line JavaScript
  • Linking Web Pages to External JavaScript Files
  • JavaScript Using <script> Tags and Attributes
  • Utilizing the <head> Tags
  • <noscript> Tags
  Implementing Arrays
  • What are Arrays?
  • The Purpose of Arrays
  • Creating Arrays
  • Reading and Writing to an Array
  • Array Methods and Properties
  • The delete Keyword
Introduction to Server-Side JavaScript
  • Purpose of Server-Side JavaScript
  • ASP and Microsoft Server Architecture
  • Netscape's LiveWire Run-Time Engine
  • Server-Side Objects
  Cookies
  • What is a Cookie
  • Cookie Uses
  • Components of a Cookie
  • Cookie Controversy
  • Using Cookies on a Web Page
  • Cookie Examples
Common Applications
  • Form Validation and Testing
  • Specific Form Methods and Event Handlers
  • User Interaction
  • Local Form Processing
  • Creating New Windows
  • Writing to the Window Object
  • Browser Awareness Using the Navigator Object
  • Affecting the Browser Itself
  • Interactive Graphics
  Event Handling
  • Event-Driven Programming Model
  • How JavaScript Handles Events
  • Handling Link Events
  • Handling Window Events
  • Handling Image Events
  • Handling Form Events
  • Setting Event Handlers In-Line or Referencing Scripts

Student Testimonials

"This was a great workshop. HOTT was very accommodating with my travel necessities. Very impressive. I am sincerely looking forward to my next workshop (PHP) in a couple of weeks."
– K.M., Medtexx Medical Corporation


"Instructor was highly knowledgeable. Handouts were excellent! Course exceeded expectations."
– M.H., United States Air Force - Cryptologic Systems Group


Hands On Technology Transfer, Inc.
1 Village Square, Suite 8
14 Fletcher Street
Chelmsford, MA 01824
1-800-413-0939 | 1-978-250-4299

Copyright© 2008 Hands On Technology Transfer, Inc.