An Introduction to DHTML programming, which includes HTML/XHTML, JavaScript, and Cascading Style Sheets (CSS). The student will learn how to create dynamic web pages uisng current markup technologies and client-side scripting.
Credits: 3
None if a CIT major, Computer Literacy otherwise..
Carey, Patrick, HTML, XHTML and Dynamic HTML 3rd ed., Thompson, 2006
I. Context
Students will learn the basics of marking up web pages using HTML and XHTML, controlling page layout using CSS, and creating dynamic and interactive web pages using the JavaScript client-side programming language. They will understand web page and web site concepts such as forms, tables, links etc. All page design will be done using a text editor; WYSIWYG editors will not be allowed.
II. HTML/XHTML
A. The student will understand thestructure of all web pages such as the head and body of a page and will know the purpose and content of each..
B. The student will learn all the necessary tags/elements used to mark up pages along with their proper usage and attributes.
C. The student will learn how to design and use forms, tables and lists.
D. The student will understand the differences between HTML and XHTML and will be required to use many XHTML practices in their web page design. In addition, the student will learn which tags are deprecated and mahy not be used in their web pages
III. CSS
A. The student will be able to create page layouts using CSS and understand when to use inline styes as well as embedded and imported style sheets
B. The student will learn how to use external, embedded and inline styles.
C. The student will learn how to use IDs, Classes, and contextual selectors.
D. The student will be able position elements on a page using CSS.
III. JavaScript
A. The student will be able to write JavaScript scripts to create dynamic web pages
B. The student will learn the basic programming constructs: statements, iterative statements, and conditional statements.
C. The student will learn how to write JavaScript functions and understand the concepts of function arguments and how data is returned by a function.
D. The student will learn the JavaScript event handlers, how to write event driven Java Script script and how to use the Document Object Model .
Classroom lectures and laboratory exercises. The faculty's web site will be used extensively to provide course information, homework assignments, and appointment signup. There will be graded Laboratory assignments;. homework and project(s) will be assigned. There will be three major exams consisting of both written and on-line components.
Homework will be php scripts uploaded to the courses web site set up for the course. A the list server will be set up for the course. It is required that you have e-mail and web access in order to have access to all course materials. Labs will be graded based on whether you completed the tasks specified for each lab.
There is no explicit penalty for excessive absenteeism. Absence will reap its own reward.
| B+: 84-86 | C+: 74-76 | D+: 64-66 | ||
| A: 93-100 | B: 80-83 | C: 70-73 | D: 60-63 | F: 0-59 |
| A-: 87-92 | B-: 77-79 | C-: 67-69 |
Attendance will be taken daily. In accordance with the registrar's rules, three consecutive unexplained absences will be reported to the Registrar.
There will be class handouts in addition to the required text.
Tutorial 2 WEEK |
TOPIC |
TEXT REF. |
1
|
HTML/XHTML | Tutorial 1, 9 |
2
|
HTML/XHTML | Tutorial 2 |
3
|
HTML/XHTML | Tutorial 3 |
4
|
HTML/XHTML | Tutorial 4 |
5
|
Review, Exam 1 | |
6
|
HTML/XHTML | Tutorial 5 |
7
|
HTML/XHTML | Tutorial 6 |
8
|
CSS | Tutorial 7 |
9 |
CSS | Tutorial 7 cont't |
10
|
Review; Exam 2 | |
11
|
JavaScript | Tutorial 10 |
12 |
JavaScript | Tutorial 10 con't |
13 |
DHTML | Tutorial 12 |
14 |
DHTML | Tutorial 15 |
15 |
Review; Exam 3 |