COMSC 97 Advanced HTML
Course Description : In this class you will learn to use "Style Sheets" to create formatting templates for your web site and to more precisely control the position and appearance of items on each web page. You will also use DHTML techniques for creating animations. Other topics to be covered are: superimposing graphics and text using "layering", alignment of web page objects using "span" and "div" tags, changing web page appearance dynamically and creating simple animation effects.
Instructor
: Robert Stewarthttp://home.netcom.com/~rmstewar/classes.htm
e-mail: rmstewar@ix.netcom.com
Class Dates : 03/22/2010 - 05/28/2010.
Textbook: Robert W. Sebesta "Programming the World Wide Web". Addison-Wesley, Second Edition 2002. ISBN 0-321-14945-9 , third edition ISBN 0-321-30332-6 or fourth edition ISBN 0-321-48969-2 . I will not be using the 5th edition, too expensive.
Recommended but not required: Christopher Schmitt "CSS Cookbook". O'Reilly 2004. ISBN 0-596-00576-8.
Materials: Internet Explorer 6 and Mozilla/Firefox or Netscape 6 , copy of PKZIP or similar software for ".zip" files.
Prerequisites: COMSC 95 or equivalent, knowledge of JavaScript useful.
Schedule for Assignments
Week 1: Chapter 1. Internet Fundamentals.
Web Site Assignment 1: Do "cssfaqs.htm". Download instructions from Downloads section of class web site.
Week 2: Chapter 2. Introduction to HTML and XHTML: New HTML syntax, tables, forms.
Book Assignment: Do "popcorn.html" .
Web Site Assignment 2: Do "jspopcornI.html". Download instructions from Downloads section of class web site.
Week 3: Chapter 3. Cascading Style Sheets: Style tag, embedded vs. inline styles, style rules, span and div tags.
Book Assignments: #5, #6 and #7.
Web Site Assignment 3: "cssprelimI.htm". Download instructions from Downloads section of class web site.
Week 4: Chapter 4. JavaScript basics: Script tag, variables and data types, strings, comparison operators and "if" statements.
Students who have not turned week 1-4 homework by this time, may be dropped
Week 5: Chapter 4. JavaScript basics continued: Loops, arrays, functions, finding errors in scripts.
Week 6: Chapter 5. JavaScript and HTML documents: The "DOM", elements, getElementsById function, events, Navigator object.
Week 7: Chapter 6. DHTML: Combining JavaScript and CSS: positioning, visibility.
Week 8: Chapter 6.DHTML: Combining JavaScript and CSS Continued: Stacking, mouse events, setTimeout function, zindex, animation.
Web Site Assignment 8: cssprelimIII.htm. Download instructions from Downloads section of class web site.
Week 9: Chapter 6.DHTML: Continued: Stacking, mouse events, setTimeout function, zindex, animation
Book Assignment: movetext.html .
Web Site Assignment 9: cssprelimIV.htm . Download instructions from Downloads section of class web site.
Grading:
To receive credit for this class, each student must take the test and complete assignments. Class test (1) accounts for 40%, Assignments account for 60% .
Homework should be turned in every week but in any case all homework must be turned in by the fourth and eighth weeks of class. Students who fail to turn in homework for weeks 1-4 by the fourth week may be dropped. Students must make a good faith effort to do the assignments correctly. This includes: reading the directions, proofreading your files source code and output and testing your work. Students who fail to do so will receive a 0 for the assignment. You will not be able to resubmit an assignment for credit if you have already received a 0 grade
Book Assignment Pages By Edition
|
Edition |
2nd |
3rd |
4th |
|
|
"popcorn.html" |
79 |
75 |
79 |
|
|
#5, #6 and #7. (3.5,3.6,3.7 4th ed.) |
114 |
127 |
131 |
|
|
borders.html |
139 |
153 |
157 * |
|
|
insert_names.html |
146 |
161 |
165* |
|
|
radio_click.html |
187 |
202 |
201 |
|
|
pswd_chk.html |
192 |
211 |
210 |
|
|
mover.html |
219 |
237 |
237 |
|
|
stacking.html |
230 |
247 |
247 |
|
|
movetext.html |
239 |
255 |
255. |
*In chapter 4, 4th edition, you will have to create a html page similar to roots.html on page 153 to run the JavaScript code in borders2.js and insert_names.js.