Chabot College
Fall 2008
Removed Fall 2010
Course Outline Computer Science 92
INTRODUCTION TO DYNAMIC HYPERTEXT MARKUP LANGUAGE (DHTML)
Catalog Description:
92 – Introduction To Dynamic Hypertext Markup Language (DHTML)
2 units
May be repeated three times.
An expansion of HTML, advanced web authoring capabilities to cover Dynamic HTML as available in
Java, JavaScript and elementary XHTML. 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 CSS 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 and Computer Science 10 or Computer Science 14 (all
completed with a grade of “C” or higher). 2 hours lecture, 1 hour laboratory.
[Typical contact hours: lecture 35, laboratory 17.5]
Prerequisite Skills:
Before entering the course the student should be able to:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
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;
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;
use basic Cascading Style Sheets (CSS) to enhance web page appearance;
describe the various differences between Microsoft's Explorer and other non Microsoft browsers
as to tag usage (sound, movie clips, spacing, CSS, marquees, top and left margins, etc.);
use other dynamic web page capabilities such as Java, JavaScript, CSS;
write, edit, compile, run and debug elementary computer programs;
demonstrate an elementary understanding of modern computational systems and their use;
demonstrate an elementary understanding of what steps are involved in program development;
use simple C++ data types in programs and understand how they are represented in the machine;
form C++ expressions using selected operators, and understand the rules of precedence used in
their evaluation;
use the structured programming constructs: sequence, selection and iteration;
perform elementary interactive input and output operations;
code void and value-returning functions with value and reference parameters and use them in a
program;
define and use the structured C++ data types: array, string, struct in applications drawn from
mathematics, the sciences, and other areas;
use text files to record and retrieve information in elementary applications;
produce well-documented, user-friendly programs of short to medium length.
Expected Outcome for Students:
Upon completion of this course the student should be able to:
1.
2.
create various controls in JavaScript such as push buttons, pull down menu lists, tests boxes,
radio buttons, checkbox buttons;
create embedded JavaScript using loops, arithmetic statements, IF, functions and parameters;
Chabot College
Course Outline for Computer Science, Page 2
Fall 2008
3.
4.
5.
6.
7.
8.
9.
use HTML form tags;
program in elementary VBScript using loops, arithmetic statements, IF, functions and parameters;
identify the appropriate use of JavaScript, CSS, Java applets or standard HTML tag depending
on what you are trying to perform on your web page;
embed a Java applet in the HTML code using the <APPLET> tag and its various parameters;
identify the differences between the latest Microsoft Explorer browser and other non-Microsoft
browsers on the use of CSS and JavaScript;
identify and describe XHTML capabilities;
modify graphics effects and font presentations using DHTML.
Course Content:
1.
2.
3.
4.
5.
6.
7.
Grammar and syntax of JavaScript
Grammar and syntax of CSS
Overview of creating simple applets using the latest Java editors and compilers
Programming and debugging concepts using JavaScript, Java and CSS
Embedding form tags in an HTML web page
Introduction to XHTML
Overview of server capabilities (Common Gateway Interface) and Microsoft ASP.NET (Active
Server Pages) to project data from databases over the web
Methods of Presentation:
1.
2.
3.
4.
Lecture
Classroom discussion
Lab presentation
Classroom demonstrations
Assignments and Methods of Evaluating Student Progress:
1.
Typical assignments
a.
Create an automated slide show using a Javascript automatic timer and control buttons
(First, Next, Previous, Last image)
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.
c.
Creating mouse over effects for image and text displays
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
Textbook(s) Typical:
Dynamic HTML: The Definitive Guide, 3rd Edition, Danny Goodman, O’Reilly Publishers (Safari
Guide), December 2006, ISBN: 978-0-59-652740-2
Special Student Materials:
USB, free hosted web server account to display assignments
DC revised: 9/17/07