HTML 4

 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

Ø       Basic level of understanding of browser and internet use.

 

Description                                          The course covers all aspects of creating a browser based display or GUI using the HTML 4 standard. The course does not include the dynamic capabilities which are implemented via DHTML, JavaScript or the Document Object model.

 

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

Ø       Create and maintain an HTML page

Ø       Use HTML to construct a form

Ø       Design and create a user interface with HTML

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

 

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 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.