Swirly line
HTML/JavaScript

ITSW 1413
formerly CISC 1476


S  Y  L  L  A  B  U  S
All Sections

This syllabus is intended as a set of guidelines for the HTML and JavaScript programming course. North Lake College and your instructor reserve the right to make modifications in content, schedule and requirements as necessary to promote the best educational experience possible within prevailing conditions affecting this course.

North Lake College Instructor: Dr. Tim Gottleber
5001 N. MacArthur Office: T- 129
Irving, TX Phone 972-273-3459 (3459 campus)
  E-mail timg@dcccd.edu
  ttg@phred.dcccd.edu

COURSE DESCRIPTION

This course is designed to give the student the skills needed to build and maintain a Web page on an existing server. The course focuses on development of a Web page in HTML (HyperText Markup Language) and enhancements to that page using JavaScript. In addition to the technical aspects of coding HTML, issues of Web page design and theory are also addressed.

Prerequisites: There are no listed prerequisite courses for this class. Previous experience with the Internet and browsers will be of decided benefit to the student.

COURSE FOCUS

This course is intended to give the student the skills necessary to become a Web Weaver, building and maintaining professional quality Web pages.

TEXT AND REFERENCES

Required

There is one required text for this course: More Excellent HTML with an Introduction to JavaScript, by Dr. Tim Gottleber & Dr. Tim Trainor. Published by McGraw-Hill. ISBN 0-07-233839-3.

Recommended

HTML 3rd Edition by C. Musciano & B. Kennedy published by O'Reilly & Associates, Inc. ISBN 1-56592-492-2
is strongly recommended, but not required.

Additional HTML reference and Web design and style books will most likely prove helpful, however they are optional.

COURSE GOALS

The following list of course goals will be addressed in the course. These goals are directly related to the performance objectives (Addendum A). (* designates a CRUCIAL goal) SCANS data are also included.
There is an explanation of SCANS available.

Goal Scans Competency/ Foundation Evaluation
*1. Write basic HTML code to describe a simple Web page C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
2. Upload an HTML file onto the school’s Web server C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
3. Move the uploaded file to the correct directory so it is readable from the Internet. C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
4. Use an HTML editor to modify an existing HTML page C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
5. Create a Web page with at least two (2) different graphic files in an HTML page C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
*6. Create a Web page with at least two (2) links to other pages across the Internet C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
7. Describe at least 5 ethical issues that involve the Internet C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12, F17 Producing Web pages for labs.
Class discussion.
8. Create a Web page with at least one (1) animated GIF. C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
9. Create a Web page with at least one table C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
10. Create a Web page with at least two lists, one ordered, one unordered C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
*11. Create a Web page that supports frames C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
12. Distinguish between empty tags and containers C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
13. Use the following HTML tags correctly:
<HEAD> <BODY> <A> <P>
<BR> <H1>...<H6> <IMG> <TABLE>
C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
14. Use a simple CGI script C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
15. Create a form to capture at least one element of user data C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
16. Explain why Java is important in Web page development C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
17. Explain the concept of a locally executed JavaScript program C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
18. Use a style sheet to modify their Web page C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
*19. Explain how Java applets differ from Java programs C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
20. Use a JavaScript in a Web page C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
21. Use a JavaScript to demonstrate a "rollover" on a Web page C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
22. Create a demonstration Web page(s) that can appear in a portfolio to demonstrate the student’s competence C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
*23. Develop a rating form for Web pages in accordance with the material and concepts defined in the course C5, C6, C7, C9, C13, F1, F2, F8, F12 Creating a rating form, class project.
*24. Use the rating form to evaluate pages produced by other class members C1, C5, C6, C7, C8, C9, C13, F1, F2, F7, F8, F12, F13, F15 Evaluating class produced Web pages, group project.
25. Create one or more Web pages that are compliant with both graphical and text based browsers C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
26. Explain the issues involved in Web page maintenance C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
27. Explain the relationship of a browser to an HTML document C1, C5, C6, C7, C8, C14, C16, C17, C18, C19, C20, F1, F2, F5, F7, F8, F9, F10, F12 Producing Web pages for labs.
28. Demonstrate regular attendance C1, F11, F13, F15, F16 Attending class regularly

STUDENT CONTRIBUTIONS

Each student will spend at least 14 hours per week preparing for class. Attendance at each class meeting is critical and required in this class. The student is expected to complete each lab assignment using either the computers here at North Lake College, or their own computer. Assignments will be due on the date listed in the syllabus, on the lab assignment itself, or a date mutually agreed upon before the date due. Any late assignments will be penalized.

COURSE EVALUATION

Your lab exercises and exams grades will be on a point basis, and the points you accumulate through the semester will result in a grade being assigned as explained below.

There will be 10 required lab assignments worth 15-25 points. (200 points total.) Some of these labs will have extra credit opportunities as well. {THERE WILL BE AT LEAST ONE (USUALLY 2) OPTIONAL LAB ASSIGNMENTS THAT WILL SERVE AS AN EXTRA CREDIT OPPORTUNITY.}

There will be 1 final Web page design/development/evaluation project worth 175 points. Each student will be required to critique the pages produced for the final project by other members of the class, and rate each in accordance with the rating form developed by the class. This exercise is worth 25 points.

Attendance/class participation is critical to student success, and regular attendance (missing no more than 2 class meetings IRL or Virtually) will be retain a 50 point attendance score.

This gives a grand total of 450 points without extra credit.

Grades will be assigned on the following scale:

A = 405 points and above 90%
  B = 404 - 360 points   80%
  C = 359 - 315 points   70%
  D = 314 - 270 points   60%
  F = fewer than 269 points

Late lab assignments will be penalized 10% per day, to a maximum of 60% of the possible score.

COURSE SCHEDULE

The class meets for 7 hours per week. This time will be divided between lecture, exercises, and lab assignments. The actual amount of time in each of these areas will vary depending on the topic under discussion.

Addendum B is a tentative listing of the topics and reading assignments for each week.

ACADEMIC ETHICS

Any form of disruptive behavior or scholastic dishonesty, such as plagiarism or cheating, as defined in the Student Code of Conduct, will not be tolerated and may result in a failing grade, loss of credit, or any further appropriate action.

AMERICANS WITH DISABILITIES ACT COMPLIANCE

It is the policy of North Lake College to provide reasonable accommodations for qualified individuals who are students with disabilities. This college will adhere to all Federal, State, and local laws, regulations and guidelines with respect to providing reasonable accommodations as required to afford equal educational opportunity. It is the student's responsibility to contact Special Services at 273-3165, Room A438 in a timely manner to arrange for appropriate accommodations.

ADDENDUM A:

PERFORMANCE OBJECTIVES

  1. The student will be allowed references. The student will create the HTML code to describe a simple Web page containing as a minimum a heading, two paragraphs, one header, and two line breaks.
  2. The student will be allowed references. The student will use the ftp command to move a Web page file from their local or classroom computer to the NLC Web server.
  3. The student will be allowed references. The student will move and/or rename their Web page file(s) on the NLC server so that the page(s) can be read from the Internet using a common Web browser.
  4. The student will be allowed references. The student will update or modify an existing HTML document using a commonly available HTML editor like HotDog ™ or CuteHTML.This modification will be posted to the Web upon completion.
  5. The student will be allowed references. The student will create a Web page that contains a minimum of two (2) graphical files as an example but not limited to a background gif and a gif that serves as a link.
  6. The student will be allowed references. The student will create a Web page that contains a minimum of two (2) links to different Web pages either on the NLC server or across the Internet.
  7. The student will not be allowed references. The student will describe at least five (5) ethical issues that are involved with processing and use of the Internet.
  8. The student will be allowed references. The student will create a Web page that contains a minimum of one (1) animated gif.
  9. The student will be allowed references. The student will create a Web page that contains a minimum of one (1) table with at least 4 entries.
  10. The student will be allowed references. The student will create a Web page that contains a minimum of one (1) ordered and one (1) unordered list.
  11. The student will be allowed references. The student will create a Web page that contains a minimum of one area enclosed with a frame.
  12. The student will not be allowed references. The student will correctly distinguish between an empty tag and a container.
  13. The student will be allowed references. The student will create a Web page that correctly uses a minimum of one of each of the following tags:
    <HEAD> <BODY> <A> <P> <BR> <H1>..<H6> <IMG> <TABLE>
  14. The student will be allowed references. The student will write or modify a correctly running CGI script to accomplish a task as defined in the lab exercises. The script will be consistent with proper CGI format and syntax as defined in class.
  15. The student will be allowed references. The student will use various HTML and CGI tools to capture at least one (1) element of user data and process it within their page.
  16. . The student will be allowed references. The student will explain the importance of the JavaScript language in the environment of the Web.
  17. The student will be allowed references. The student will demonstrate a JavaScript running in a browser.
  18. The student will be allowed references. The student will use either an external style sheet or a cascading style sheet ot modify their Web page.
  19. The student will not be allowed references. The student will describe how a Java applet differs from a Java program.
  20. The student will be allowed references. The student will use at least one (1 ) JavaScript in a page they produce.
  21. The student will be allowed references. The student will use at least JavaScript within their page to demonstrate the concept of "rollover".
  22. The student will be allowed references. The student will create at least one (1) Web page that can be saved and incorporated within their portfolio. This page will be judged by the student's peers within the class.
  23. The student will be allowed references. The student will develop a rating form for Web pages in accordance with the discussion within the class, and the research done by the student.
  24. The student will be allowed references. The student will use the rating they develop, to rate all of the Web pages created by their peers in the class. This rating will be presented to the instructor as part of the final project.
  25. The student will be allowed references. In the course of their development of Web pages, the students will take into account the needs of both graphical and text based browsers. This will be one criterion in the rating of the Web pages.
  26. The student will be allowed references. The student will be able to discuss the major issues involved the the development and maintaince of Web pages.
  27. The student will not be allowed references. The student will explain the relationship between a browser and an HTML document.
  28. The student will demonstrate regular attendance. Performance will be satisfactory if the student regularly attends class in compliance with the college policy which states:
    "Students are expected to attend regularly all classes in which they are enrolled. Students have the responsibility to attend class and to consult with the instructor when an absence occurs."
    Because so many concepts in this course build on previous lectures and experience, regular attendance is vital

Please also give careful attention to the following:

1.Cheating: It is possible to obtain another student's work, modify it slightly, and turn it in as your own. If I catch you cheating you will receive a performance grade of F for this course. Cheating robs two people of their rightful reward: the person from whom you copy is deprived of their right to the copyrighted intellectual property they created, and you are deprived of the learning experience you could have had. No one benefits from cheating, it will not be tolerated. This does not mean I discourage discussion with your fellow students. I encourage you to discuss solutions to problems from class with other members of the class. At times the opportunity for a group project may be possible, that too is acceptable. What I want to avoid is an identical, common solution from two or more students where each claims the work as individual and unique.

2.Ethical computer usage: While this topic encompasses the problem of cheating listed as item one, it is a far larger issue than simply cheating in class. Any attempt by any student to compromise the integrity of the computer lab, classroom computers, or other instructional or administrative machines or steal or damage the software or hardware at North Lake or on other networked computers will be dealt with in the most severe manner possible.

You may not load personal software on any machine at North Lake College, nor may you copy software from any North Lake College computer without prior, written permission from both your instructor and the data processing department.

Along this same line, it is improper to use the computer resources of the college to copy another's paper or other assignments to be submitted as your own. Please use our equipment in an ethical manner. If you have any question as to the proper/ethical use of this equipment, please feel free to discuss it with your instructor, prior to such use.

Finally, you will be using the Internet to connect your lab machine to the Unix computer(s) at North Lake College. Please restrict your Internet usage, during assigned lab and lecture time, to activities DIRECTLY related to your course. Do not use the Internet connection to play games, or check your private (and non-class) E-mail.

If you have an off-campus Internet provider (this has proved to be very valuable to many previous students), you may use that provider to log into the North Lake College machine(s) to work on your homework during non-class hours. If you are working from home, the same rules of proper usage apply. Our machines do not have enough disk space to allow you to download non-class related files from the Net.

You must also read and follow the DCCCD Computer Usage Policy.

ADDENDUM B:

Tentative* Course Schedule

Listed below is a tentative schedule of the topics for lectures for the HTML/JavaScript course. Please note: the student is expected to complete each reading assignment before the class date associated with that reading.
Note: Students are also expected to consult any other texts to obtain additional information on the topics listed for each lecture.


Week Topics Readings
     
1    
Introduction   Chapter 1
  Overview of the Web  
  A thimble full of Unix  
  Philosophy and Design of Pages  
  What is HTML  
  Tools  

2    
Building a first page   Chapter 2
  Empty Tags and Containers  
  <HTML> <HEAD> <TITLE> <BODY>  
  Comments, Headings, Paragraphs  
  Lab Assignment 1  

3    
Links   Chapter 3
  Anchor tag <A>  
  Targets  
  Absolute/Relative paths  
  "Click Here" problem  

4    
Order, order in the data!   Chapter 4
  <OL> Ordered Lists  
  <UL>Unordered Lists  
  Lists of lists  
  Other lists  
  Lab Assignment 2  

5    
Formatting   Chapter 5
  Styles  
  Logical /Physical Styles  
  Special font handling  
  Lines and breaks  
  Horizontal Rules  
  Lab Assignment 3  

6    
Multi-media   Chapter 6
  Images  
  Sounds  
  Video  
  Link considerations  
  Lab Assignment 4  

7    
Tables   Chapter 7
  Layout  
  Colors  
  Other attributes  
  Lab Assignment 5  

8    
More time with tables    

9    
Style sheets   Chapter 8
  Cascading Style sheets  
  External Style sheets  
  <DIV> and <SPAN>  
  Somewhat Extra Credit Project 1  

10    
Frames   Chapter 9
  To frame or not to frame  
  Frame control  
  Special targets  
  Lab Assignment 6  
  Lab Extra Credit  

11    
Forms   Chapter 10
  How forms work  
  Get vs. Post  
  Local action buttons  
  <FORM> and <INPUT>  
  Lab Assignment 7  

12    
CGI   Chapter 11
  Writing CGI Scripts  

13    
Other Interesting Features   Chapter 12
  Searchable documnets  
  Document relationships  
  Custom bullets  
  Multi-column pages  
  Lab Assignment 8  

14    
JavaScrip Programming   Chapter 13
  <SCRIPT>  
  Simple Programming Structures  
  Lab Assignment 9  

15    
Dynamic HTML   Chapter 14
  Using dynamic features to add zip to your pages  
  Incorporating JavaScript  
  Image Maps  
  Rollovers  
  Consideration of HTML 4.0  
  Cookies  
  Lab Assignment 10  

Finals Week Final Exam {date is TBD}


Back to the Mad Dr.'s Page

* Note: The instructor reserves the right to modify this schedule depending on occurrences during the semester, the particular needs of the class, or other unforseen events which would necessitate schedule modification.