Chabot College
Fall 2003
Course Outline Computer Science 92
INTRODUCTION TO DYNAMIC HYPERTEXT MARKUP LANGUAGE (DHTML)
Catalog Description:
92 – Introduction To Dynamic Hypertext Markup Language (DHTML)
2 units
An expansion of HTML, web authoring capabilities to cover Dynamic HTML as available in Java,
JavaScript and VBScript. Use of third party software plug ins, Microsoft’s Active X, changing the
“static” appearance of your HTML web page, user input forms and scripts to enhance web page
capabilities. Basic programming in VBScript and JavaScript. Designed for web authors with a
limited programming background who would like to use some of the basic capabilities of DHTML
in their web pages. Prerequisite: Computer Science 91 or Computer Applications Systems 91 or
Electronics and Computer Technology 91 and Computer Science 10 or Computer Science 14 (all
completed with a grade of “C” or higher). May be offered in Distance Education delivery format.
2 hours lecture, 1 hour laboratory.
Prerequisite Skills:
Before entering the course the student should be able to:
1. create basic web pages using hypertext links to other URLs, insert graphic images, change
and modify fonts and colors for the web page text, insert basic sound capability on the page;
2. use an HTML editor, graphics image editor, and special effects applications to speed
development of the web page tag code and enhance web page presentation capabilities;
3. use basic Cascading Style Sheets (CSS) to enhance web page appearance;
4. describe the various differences between Microsoft's Explorer and Netscape Communicator
for tag usage (movie clips, spacing, CSS, marquees, top and left margins, etc.);
5. use File Transfer Protocol (FTP) capability to send web page source code to a distant server
to maintain a web page;
6. be familiar with other dynamic web page capabilities such as Java, JavaScript, VBScript;
7. create a "transparent" GIF;
8. follow the procedures used in the appropriate college computer laboratory to sign in and out,
and to write, edit, compile, run and debug programs;
9. demonstrate an elementary understanding of modern computational systems and their use;
10. demonstrate an elementary understanding of what steps are involved in program
development;
11. use simple C++ data types in programs and understand how they are represented in the
machine;
12. form C++ expressions using selected operators, and understand the rules of precedence
used in their evaluation;
13. use the structured programming constructs: sequence, selection and iteration;
14. perform elementary interactive input and output operations;
15. code void and value-returning functions with value and reference parameters and use them in
a program;
16. define and use the structured C++ data types: array, string, struct in applications drawn from
mathematics, the sciences, and other areas;
17. use text files to record and retrieve information in elementary applications;
18. produce well-documented, user-friendly programs of short to medium length.
Chabot College
Course Outline for Computer Science 92, Page 2
Fall 2003
Expected Outcome for Students:
Upon completion of this course the student should be able to:
1. create various controls in JavaScript such as push buttons, pull down menu lists, tests boxes,
radio buttons, checkbox buttons;
2. create embedded JavaScripts using loops, arithmetic statements, IF, functions and
parameters;
3. use HTML form tags;
4. program in VBScript using loops, arithmetic statements, IF, functions and parameters;
5. identify the appropriate use of JavaScript, VBScript, Java applets or standard HTML tag
depending on what you are trying to perform on your web page;
6. embed an applet in the HTML code using the <APPLET> tag and its various parameters;
7. identify the differences between the latest Netscape Communicator and Microsoft Explorer
browsers on the use of VBScript and JavaScript;
8. alter graphics effects and font presentations using DHTML.
Course Content:
1.
2.
3.
4.
5.
6.
Grammar and syntax of JavaScript
Grammar and syntax of VBScript
Overview of creating simple applets using the latest Java editors and compilers
Programming and debugging concepts using JavaScript, Java and VBScript
Embedding form tags in an HTML web page
Overview of Common Gateway Interface
Methods of Presentation:
1.
2.
3.
4.
5.
Lecture
Classroom discussion
Lab presentation
Classroom demonstrations
Videos
Assignments and Methods of Evaluating Student Progress:
1. Typical assignments
a. Build the frame-work for your Website on: csweb.cschabot.org
b. Create at least 2 Menus with at least 3 hyperlink text jump prompts each under each of
the main menu text. The Javascript code should do the following:
1) When the cursor moves over the main menu text, the submenu items appear.
2) When you move the mouse off the submenu items, those menu items disappear
3) You will want to use the block and none in a style display for the objects. Name
the objects under the DIV or SPAN.
2. Methods of Evaluating Student Progress
a. Written quizzes and a final exam
b. Lab assignments creating student web pages emphasizing certain features and
capabilities as presented in the course content
Chabot College
Course Outline for Computer Science 92, Page 2
Fall 2003
Textbook(s) Typical:
Dynamic HTML Illustrated, Vodnik, Thompson Course Technology Publishing, 2002
Special Student Materials:
Diskette
August 29, 2001 Carol Conway and Maurice Ngo
Revised: CSS 10-3-01
CS 92 Outline Fall 2002