COMSC 197 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.
EXPECTED STUDENT LEARNING OUTCOMES (SLO):
Students completing the course will be able to:
Use JavaScript with HTML style rules to create animation effects.
Use style rules for padding and margins to improve "text flow" around web page objects.
Link the web pages in a web site to an external style sheet.
Instructor
: Robert Stewarthttp://home.netcom.com/~rmstewar/
e-mail: 97instructor@ix.netcom.com
SLO: www.dvc.edu/slos?comsc-197
Class Dates : 04/15/2012 - 05/25/2012.
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 . 5th & 6th editions OK, but expensive.
Recommended but not required: Christopher Schmitt "CSS Cookbook". O'Reilly 2004. ISBN 0-596-00576-8.
Materials: Internet Explorer 6 (or above) and Mozilla/Firefox or Netscape 6, copy of PKZIP or similar software for ".zip" files.
Prerequisites: COMSC 95 and COMSC 96 or equivalent knowledge.
Schedule for Assignments
Week 1: Chapter 1. Internet Fundamentals.
Web Site Assignment 1: Do "cssfaqs.htm". Download instructions from Class files 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 Class files 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 Class files 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 5. JavaScript and HTML documents: The "DOM", elements, getElementsById function, events, Navigator object.
Week 6: Chapter 6. DHTML: Combining JavaScript and CSS: positioning, visibility.
Final Exam
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 third and sixth weeks of class. Students who fail to turn in homework for weeks 1-3 by the third 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 |
5th |
6th |
|
|
"popcorn.html" |
79 |
75 |
79 |
81 |
81 |
|
|
#5, #6 and #7. (3.5,3.6,3.7 4th-6th ed.) |
114 |
127 |
131 |
127 |
127 |
|
|
borders.html |
139 |
153 |
157 * |
153 * |
153 * |
|
|
radio_click.html |
187 |
202 |
201 |
199 |
199 |
|
|
pswd_chk.html |
192 |
211 |
210 |
208 |
208 |
|
|
mover.html |
219 |
237 |
237 |
235 |
235 |
*In chapter 4, (4th edition and above), you will have to create a html page similar to roots.html on page 153 (p.149, 5th ed.) to run the JavaScript code in borders2.js and insert_names.js.