DHTML and JavaScript

 COURSE OUTLINE

 

Duration                                                3 Days

 

Audience                                             This course is designed for experienced Data Processing professionals who wish to develop and/or maintain browser based applications or web sites.

 

Prerequisites                                       Students should have the following skills prior to enrollment in this course:

Ø       Understanding of basic Information Technology concepts and terms

Ø       HTML 4 (see Outline).

 

Description                                          The course covers all aspects of creating a dynamic browser based display or GUI using DHTML, JavaScript and the IE Document Object Model (DOM). 

 

Objectives                                            Upon successful completion of this course, the student should be able to:

Ø       Implement dynamic content, style and positioning

Ø       Implement dynamic client-side form processing

Ø       Write JavaScript functions and routines

Ø       Explain how the browser, the internet and the server application interact with DHTML

 

Set Up Requirements                       The course requires the following set up and support:

Ø       Each student must have a desktop with access to NotePad or some other editor, a IE Browser and the INTERNET

Ø       The classroom should have standard tools such as whiteboard, markers, etc.

Ø       The classroom must have an instructor desktop (access to programming tools) with an overhead projector

 

 

COURSE CONTENT

Introduction to the Internet

·          Some basics

·          The components of the Internet

·          What the browser does

·          How HTML fits in

·          How Thin Client applications work

·          Lab Problem

 

Basics

·          Basic terms

·          Structure of a page

·          Tags

·          Title

·          Paragraphs

·          Lists

·          Links and URLs

·          Exercises

 

Text

·          Overview

·          Formatting

·          Horizontal rules

·          Special Characters

·          Alignment

·          Fonts

·          Color

·          Exercises

 

Images

·          Overview

·          Image types

·          Background

·          Placement of images

·          Alignment of text

·          Scaling

·          Borders

·          Previews

·          Image Maps and hot spots

·          Tips and Tricks

·          Exercises

 

 		 

Animated Graphics

·          Overview

·          GIFs

·          Flash

·          Transparency

·          Workshop

 

 

Tables

·          The tags

·          Simple tables

·          Placement of objects using a table

·          Colspan and Rowspan

·          Sizing, borders and cells

·          Color

·          Advanced issues

·          Workshop

 

Forms

·          Why use forms

·          Simple form layout

·          Submit

·          Buttons

·          Input fields, check boxes and radio buttons

·          Hidden fields

·          Advanced issues

·          How dynamics will fit in

·          Designing a GUI

·          Workshop

 

Multi-Media

·          External media

·          Sound

·          Video

·          Marquee

·          Controls

·          Plug-ins

·          Workshop

 

The Design Process

·          Effective techniques

·          Determining the requirements

·          Good design techniques

·          The construction process

·          Rollout of the site

·          Maintenance

·          Workshop

 
© copyright 2008, BCS, Inc., All Rights Reserved.