SYLLABUS: Scripting and Web Authoring I (IT 204)
Instructor: Seth Juarez
Class Hours: Monday, 5:30PM – 10:30PM
Email: sajuarez@itt-tech.edu
COURSE DESCRIPTION
Students will be introduced to HTML and other markup language(s)
or scripting/Web authoring tools. Project assignments include the
development of simple interactive applications using each of the tools.
Prerequisite: IT 104 Introduction to Computer Programming
IT 204 – Web Scripting and Authoring I
Winter 2005
Syllabus
Instructor
Seth Juarez
sajuarez@itt-tech.edu
Course Description
Students will be introduced to HTML and other markup language(s) or
scripting/Web authoring tools. Project assignments include the development of
simple interactive applications using each of the tools.
Course Objectives
Upon successful completion of this course, the student will be able to:
1. Define Hypertext Markup Language (HTML) and the standards used for Web
development.
2. Discuss the five phases of the Web development life cycle.
3. Create an unordered, ordered, or definition list.
4. Add an image, change the background color of a Web page, center a heading, and
add a horizontal rule.
5. Align and add bold, italics, and color to text.
6. Add a text or image link to a Web page.
7. Create a table with borders.
8. Add background color to rows and cells.
9. Alter the spacing between and within cells using the cellspacing and cellpadding
attributes.
10. Use the rowspan and colspan attributes.
11. Describe how the x- and y-coordinates relate to vertical and horizontal alignment.
12. Create a table, insert an image into a table, and use the usemap attribute to define
a map.
13. Create a frame definition file that defines a number of frames.
14. Describe the different form controls and their uses.
15. Use the <form>, <input>, <select> and <option> tags.
16. Describe the three different types of Cascading Style Sheets.
17. Add an embedded style sheet to a Web page.
18. Create an external style sheet.
19. Add an inline style sheet to a Web page.
20. Identify components of the Code and Design views of Dreamweaver.
21. Create and edit a basic Web Site using Dreamweaver.
22. Create ordered and unordered lists using Dreamweaver.
23. Create Links using Dreamweaver.
24. State the differences between frequently used graphics.
25. Insert images into a Web site and properly use image attributes.
26. Work with several scenarios of background settings.
27. Use the Form Object and program form fields.
28. Add text, radio buttons, and checkboxes, submit and reset buttons to a form using
Dreamweaver.
29. Create groups of different but related controls.
30. JavaScript Introduction, How To, Where To, Variables, If...Else, Switch,
Operators, Popup Boxes, Functions, Loops, Break, Events, Guidelines.
31. Advanced JavaScript: Browser, Cookies, Validation, Animation, Timing
32. JavaScript Objects, Arrays, Boolean, Date, Math, String, HTML DOM.
Student Textbooks


LeMay, Laura. Web Publishing with HTML and XHTML. Indianapolis: Pearson
Custom Publishing, 2005.
Rickards, Julian. Essentials for Design Macromedia Dreamweaver MX 2004.
Indianapolis: Pearson Custom Publishing, 2004.
Course Outline
Unit
Topic (Lecture Period)
1
Introduction to HTML
Introduction to Dreamweaver
2
Creating Tables and Lists in a Web
Page
3
Image Maps, Frames, and
Multimedia
4
Creating a Form on a Web Page
5
Creating Style Sheets
6
Mid Term Exam
7
JavaScript Introduction, How To,
Where To, Variables, If...Else,
Switch, Operators, HTML DOM
JavaScript Popup Boxes,
Functions, Loops, Break, Events,
Guidelines, Browser
Advanced JavaScript: Cookies,
Validation, Animation, Timing,
Objects, Arrays, Boolean, Date,
Math, String
Project Presentations
Final Examination
8
9
10
11
Ch.
LeMay 1 – 7
Rickards 1– 6
Lab and Other Coverage
Lab:
Handout
Homework:
Rickards Project 3: DQ 1-3
LeMay 8
Lab:
Rickards 7
Handout
Homework:
Rickards Project 7: DQ 1-2
LeMay 11-12, Lab:
15
Handout
Rickards 4
Homework:
Rickards Project 4: DQ 1 &
When would it be appropriate
to use HTML Frames?
LeMay 10
Lab:
Rickards 8
Handout
Homework:
Rickards Project 8: DQ 1-2
LeMay 9
Lab:
Rickards 9
Handout
Homework:
Rickards Project 9: DQ 1-2
The final examination will be based on the
content from week 1 to week 5. (There will be a
written portion and a practical portion)
LeMay 13-14, Lab: Handout
16
Homework: Handout
Handouts
Lab: Handout
Homework: Handout
Lab: Handout
Homework: Handout
The final examination will be based on the
content from week 7 to week 10
Note: A Quiz WILL BE administered every week excluding Week 1. You will have the
option of dropping the lowest quiz score.
Note: Handouts for week 7 to week 10 will be taken from
http://www.w3schools.com/js/default.asp.
Evaluation Criteria and Grade Weights
Assignments
Participation \ Discussion
Quizzes
Lab Exercises
2 Projects and presentations
Mid Term Exam
Final Exam
10%
10%
10%
20%
30%
10%
10%
Final grades will be calculated from the percentages earned in class as follows:
A
90 - 100% 4.0
B+ 85 - 89%
3.5
B
80 - 84%
3.0
C+ 75 - 79%
2.5
C
70 - 74%
2.0
D+ 65 - 69%
1.5
D
60 - 64%
1.0
F
<60%
0.0
Assignment Policies
All assignments (Homework and Labs) are due one week after they are assigned.
Should any assignment be late, a deduction of 5 points will be assessed for each day
beyond the due date. Should a situation arise where this will cause a hardship, please
speak with the instructor in order to create a plan that will best meet your educational
needs. It should be understood that this exception refers to emergencies and other
unexpected events.
All assignments must have a cover page indicating the following:
1. Your Name
2. Date
3. Assignment type (Homework or Lab)
4. Unit Number (Units are defined in the course outline)
5. Class Section (The Day of the Class)
A deduction of 5 points will be assessed if the assignment is not properly labeled.
Projects
There are two projects for the quarter: the first is an individual project and the second
is a group project.
Individual Project
You must create a personal portfolio site with the following pages:
1. Home Page
2. About Me Page
3. Resume Page
4. My Work Page (This page should contain details regarding what projects you
have been involved with or any media that you might have produced)
5. Links Page
6. Image Gallery Page
You MUST use a JavaScript and CSS in your site.
Group Project (Choice of 2)
Group Project 1
Your group must create a new company site. Your group needs to come up with the
following pages:
1. Home Page (Make sure you come up with a new company name etc.)
2. About the Company Page
3. Employee Page (must include an image of each member of the group along with a
short description).
4. Services/Products Page (What services/products do you provide)
5. Contact Page (A page detailing the contact information for your company and
employees)
Group Project 2
Your group must create a club site. Your group must come up with the following
pages:
1. Home Page
2. Events (must detail any events that your club will be holding)
3. Photos (must include an image of each member of the group along with a short
description).
4. Links
5. Contact
You group MUST use JavaScript and CSS in the project.
Project Grading Criteria
1. Presentation
2. Conformance to good web practices
3. Site Aesthetics
4. (Group) Participation
Each individual project and group project will be presented to the class.