Software Skills Training, Inc.
978-250-4983
Catalog Course Schedules In House Training Registration Student Feedback
Cost Effective Training Solutions



Register Now

Discount Programs

Web Site Development with HTML/JavaScript

Price: $2495
Duration: 5 days  |  Web Site Development with HTML/JavaScript Course Schedule

Prerequisites: Basic personal computer skills and basic Internet knowledge.

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.

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
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
Frames
  • The <FRAME> Tags and Attributes
  • The <FRAMESET> Tags and Attributes
  • Frame Construction
  • Frame Navigation
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
Introduction to JavaScript
  • Utility of JavaScript
  • Evolution of the JavaScript Language
  • JavaScript Versions and Browser Support
  • Differences Between Client-Side vs. Server-Side JavaScript
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 Control Constructs
  • Conditional and Looping Constructs
  • The if else Statements
  • The do while Statements
  • The for in Statements
  • The switch Statement
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
Introduction to Server-Side JavaScript
  • Purpose of Server-Side JavaScript
  • ASP and Microsoft Server Architecture
  • Netscape's LiveWire Run-Time Engine
  • Server-Side Objects
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
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
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)
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
  • Using JavaScript and the Document Object Model (DOM)
Managing Source Files
  • Recommended Folder Structure
  • Testing and Production Folders
  • Development Steps
  • File Naming
  • Version Control
Statements and Operators
  • Variable Declarations
  • Assignment Operators and Statements
  • Arithmetic Operators
  • Logical Operators
  • Comparison Operators
  • String Operators
  • Conditional Operators
  • Operator Precedence
Implementing Functions
  • Defining Functions
  • Calling Functions
  • Passing Arguments
  • Local vs. Global Variables
  • Using the Return Statement
  • Nested Functions
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
Implementing Arrays
  • What are Arrays?
  • The Purpose of Arrays
  • Creating Arrays
  • Reading and Writing to an Array
  • Array Methods and Properties
  • The DELETE Keyword
Cookies
  • What is a Cookie
  • Cookie Uses
  • Components of a Cookie
  • Cookie Controversy
  • Using Cookies on a Web Page
  • Cookie Examples
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