
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 |
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.
This course is intended to give the student the skills necessary to become a Web Weaver, building and maintaining professional quality Web pages.
Additional HTML reference and Web design and style books will most likely prove helpful, however they are optional.
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 |
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.
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.
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.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.
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:"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
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.
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} |