DHTML - DIT 16001

Register for this course

To register call (204) 982-6633, or download the Course Registration Form (PDF) and mail or fax to:

University of Winnipeg
Division of Continuing Education
515 Portage Avenue
Winnipeg, MB Canada R3B 2E9

Phone: (204) 982-6633
Fax: (204) 944-0115

Coming Soon to Information Technology

ISSD 23 - Implementing Security: Feb 13 - Learn more
Web Design Level 4: XHTML Advanced: Feb 14 - Learn more
ISSD 24 - OLDB (Online Databases with MySQL and PHP): Feb 27 - Learn more
ISSD 23 - Ajax: Mar 5 - Learn more
ISSD 23 - Web 2.0 Technology: Feb 21 - Learn more

DIT 16001

45 hours

This course currently has no upcoming scheduled dates. Please check back here soon.

DHTML is not an actual type of HTML but is rather a marketing term used to describe advanced markup languages such as JavaScript and CSS with (X)HTML. DHTML stands for Dynamic HTML and is what makes a web page go from being static and boring to visually exciting. This course starts with a complete tutorial on JavaScript from the ground up, then goes on to CSS and then shows how to put JavaScript and CSS together to create some truly stunning effects.

Programs:

Internet Systems Specialist Diploma

Prerequisites

Computer and Internet access at home

Introduction to Programming

Outcomes:

Demonstrate a working knowledge of client-side JavaScript, including core programming practices, constructs, and syntax
Debug JavaScript and apply common scripting techniques
Describe the Document Object Model (DOM)
Develop basic web pages with interactive content
Use programming variables and functions
Make programmatic decisions based on user input
Use JavaScript to create and validate forms
Apply CSS positioning techniques and other advanced CSS
Combine these skills to make CSS and JavaScript work together
Describe the differences between web browsers and how they use different DOMs
Practice more advanced DHTML techniques and make them cross-browser compatible

Additional Comments:

Course Format

This course follows a lecture format. During class time, we will present material, draw your attention to key points that you should pay attention to, answer questions you may have, and manage class discussions, demonstrations, and hands-on exercises.

There are often daily quizzes or assignments. It is the responsibility of the student to be on time and to get copies of any assignments missed due to absence. Missed quizzes cannot be made up, unless prior arrangements are made with the instructor and IT coordinator.

Students are strongly advised to use the reference material. For every hour of class time the student should budget at least an hour of self study to cover all the material in this course.

Only material that is covered in class lectures will be testable.

Topic Outline

Day 1
- DHTML Overview
  - What is DHTML?
  - Applications of DHTML
  - Why Use DHTML?
- JavaScript - An Introduction
  - What is JavaScript?
  - The Document Object Model
  - JavaScript Tools
  - Where to Put JavaScript
  - Accessibility
Day 2
- JavaScript Programming Fundamentals
  - Commenting Your Code
  - Object Oriented Programming
  - Your First Scripts
  - Variables
Day 3
- JavaScript Programming Fundamentals
  - Strings
Day 4
- JavaScript Programming Fundamentals
  - Operators and Assignments
  - Interactivity
Day 5
- JavaScript Programming Fundamentals
  - Interactivity
Day 6
- JavaScript Programming Fundamentals
  - Functions
Day 7
- JavaScript Programming Fundamentals
  - Functions
  - Arrays
Day 8
- JavaScript Programming Fundamentals
  - Arrays
Day 9
- Troubleshooting JavaScript
  - Overview
  - Common Error Messages
  - Using Browsers to Debug
  - Problems to Watch For
  - Using Alert Boxes
  - Using Text to Debug
  - Using a Script Debugger
Day 10
- Using JavaScript
  - Browser Re-direction and Detection
  - JavaScript and Images
  - JavaScript and Windows
Day 11
- Using JavaScript
  - JavaScript and Forms
  - Cookies
Day 12
- Using JavaScript
  - Cookies
Day 13
- Putting It All Together
  - Working With Objects
  - Feature Sniffing - Advanced Browser Detection
  - Changing Content and Accessing HTML Tags
Day 14
- Putting It All Together
  - Getting Information
- DHTML Techniques
  - Pop up Menus
Day 15
- DHTML Techniques
  - Animating a Layer
  - Recursive Functions
- Final Test (1 hour)

Notice

The contents of this page are given as a guideline only and are subject to change.