SYLLABUS: SCRIPTING AND WEB AUTHORING I
Instructor:
ERIC
CHUNG
Office hours: Upon request @ (801) 652-3068
Class hours:
It was given to you in the class schedule
COURSE DESCRIPTION
Students will be introduced to using HTML to create Web pages. Some popular Web
authoring tools will also be introduced. Project assignments include the development of
simple Web pages and sites using both the HTML code and other tools.
©ITT Educational Services, Inc.
3
Scripting and Web Authoring
4/19/06
MAJOR INSTRUCTIONAL AREAS
UNIT 1 – GETTING STARTED ON THE WWW
Reading Textbook: Web Publishing With HTML and XHTML Chapters 1 - 5
UNIT 2 – HTML TAGS
Reading Textbook: Web Publishing With HTML and XHTML Chapters 6 - 9
UNIT 3 – INTRODUCING STYLE AND STYLE SHEETS INTO
HTML
Reading Textbook: Web Publishing With HTML and XHTML Chapters 6 - 9
UNIT 4 – FORMS AND IMAGE MAPS
Reading Textbook: Web Publishing With HTML and XHTML Chapters 10 - 12
UNIT 5 – DEVELOPING GOOD WEB PAGES
Reading Textbook: Web Publishing With HTML and XHTML Chapters 17 - 21
UNIT 6 – INTRODUCTION TO DREAMWEAVER
Reading
Textbook: Essentials For Design – Projects 1 - 3
UNIT 7 – TEXTS, LINKS, IMAGES, COLORS AND
BACKGROUNDS USING DREAMWEAVER
Reading
Textbook: Essentials For Design – Projects 4 - 6
UNIT 8 – TABLES AND FORMS USING DREAMWEAVER
Reading
Textbook: Essentials For Design – Projects 7 and 8
UNIT 9 – CSS, SNIPPETS, LIBRARY ITEMS AND TEMPLATES
USING DREAMWEAVER
Reading
Textbook: Essentials For Design – Projects 9 and 10
UNIT 10 – PROJECT PRESENTATIONS
Student lab work and assignment presentations. Review of all applied knowledge.
©ITT Educational Services, Inc.
4
Scripting and Web Authoring
4/19/06
UNIT 11– REVIEW AND FINAL EXAMINATION
COURSE OBJECTIVES
After successful completion of this course, the student will have the opportunity 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.
Related SCANS Objectives
1. Learning – Comprehend and use effective and efficient learning techniques to acquire
and apply new knowledge and skills.
2. Communication – Communicate thoughts, ideas, information, and messages.
3. Communication – Respond to written directions.
4. Time Management – Allocate time and energy in completing projects in a timely manner.
5. Technology – Employ computers to acquire, organize, analyze, and communicate
©ITT Educational Services, Inc.
5
Scripting and Web Authoring
4/19/06
information.
6. Technology – Apply and adapt new knowledge and skills in both familiar and changing
situations.
7. Team and Leadership – In a simulation, work cooperatively and communicate clearly
with clients and customers to satisfy their expectations.
8. Thinking – Use logic to draw conclusions from available information, extract rules or
principles from a set of objects or written text; apply rules and principles to a new
situation, or determine which conclusions are correct when given a set of facts and a set
of conclusions.
9. Systems – Determine which set of procedures will produce the desired results and make
clear recommendations including rationale.
10. Research – Demonstrate ability to use critical reading skills by reading and analyzing and
summarizing and explaining complex text.
11. Research – Use Internet and electronic databases to conduct research.
12. Problems Solving/Goal Setting – Exert a high level of effort and persevere toward goal
attainment.
TEACHING STRATEGIES
The curriculum is designed to promote a variety of teaching strategies that support the outcomes
described in the course objectives and that foster higher cognitive skills. Delivery makes use of
various media and delivery tools in the classroom.
COURSE RESOURCES
Student Textbook Package
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.
References and Resources
ITT Tech Virtual Library
Login to the ITT Tech Virtual Library (http://www.library.itt-tech.edu/) to access online
books, journals, and other reference resources selected to support ITT Tech curricula.
• http://www.apastyle.org/elecref.html
• http://library.itt-tech.edu/reference.asp#Style%20Manuals
Books
The following books are related to this course and are available through the ITT Tech
Virtual Library:
• Pfaffenberger, Bryan, Steven M. Schafer, Chuck White and Bill Karow. 2004.
HTML, XHTML, and CSS Bible. John Wiley and Sons. Facts on file.
• Evans, Joyce A. et. Al: Macromedia Studio MX Bible. John Wiley and Sons,
2003
• Pitts, Natanya, Chelsea Valentine, Ed Tittel. CIW Site Designer Certification
Bible. John Wiley and Sons, 2002
©ITT Educational Services, Inc.
6
Scripting and Web Authoring
4/19/06
•
•
Periodicals
•
•
Essentials for Design Macromedia Dreamweaver MX 2004 by Julian Rickards
Web Publishing with HTML and XHTML by Laura LeMay
Periodicals>EbscoHost
trends in selected entry-level technology, interpersonal, and basic communication
SCANS skills: 1992--2002. By: North, Alexa Bryans; Worth, William E.. Journal
of Employment Counseling, Jun2004, Vol. 41 Issue 2, p60-70, 11p, 5 graphs;
(AN 13672603)
Web References
All links to Web references outside of the Virtual Library are always subject to change
without prior notice.
• http://www.w3schools.com/html/
• http://www.htmlcodetutorial.com/
• http://www.echoecho.com/html.htm
• http://www.htmlprimer.com/
• http://www.w3.org/MarkUp/
• http://archive.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerAll.html
• http://www.webreference.com/html/tutorials/
• http://www.lib.duke.edu/libguide/cite/works_cited.htm
• http://www.apastyle.org/elecref.html
• http://www.blooberry.com/indexdot/html/
• http://wdr.doleta.gov/SCANS/
• http://www.academicinnovations.com/report.html
Chapter Correlation Chart for Custom textbook, Essentials for Design
Macromedia MX 2004
Custom Essentials for Design
Macromedia MX 2004 Project
Corresponds
to:
Project 1 – Taking a Tour of Dreamweaver
Project 2 – Building Your First Web Site
Project 3 – Applying Structure to Text
Project 4 – Linking the Site
Project 5 – Inline Images
Project 6 – Backgrounds and Colors
Project 7 – Tables
Project 8 – Collecting Information with Forms
Project 9 – Working with Cascading Style
Sheets
Project 10 – Snippets, Library Items and
Templates
Task Guide for Projects 1 – 7
Task Guide for Projects 8 – 10
Project 1 – Essentials for Design – Level 1
Project 2 – Essentials for Design – Level 1
Project 3 – Essentials for Design – Level 1
Project 4 – Essentials for Design – Level 1
Project 5 – Essentials for Design – Level 1
Project 6 – Essentials for Design – Level 1
Project 8 – Essentials for Design – Level 1
Project 1 – Essentials for Design – Level 2
Project 2 – Essentials for Design – Level 2
Project 6 – Essentials for Design – Level 2
Task Guide – Essentials for Design – Level 1
Task Guide – Essentials for Design – Level 2
Legend:
Custom ITT text Essentials for Design
#0536916659
©ITT Educational Services, Inc.
Original Source Material Project
Legend: parent text Julian Rickards, Essentials
for Design - Level 1 #0131468421 and parent
text Julian Rickards, Essentials for Design Level 2 #0131468340
7
Scripting and Web Authoring
4/19/06
EVALUATION & GRADING
COURSE REQUIREMENTS
1. Attendance and Participation
Regular attendance and participation are essential for satisfactory progress in this course.
2. Completed Assignments
Each student is responsible for completing all assignments on time.
3. Team Participation (if applicable)
Each student is responsible for participating in team assignments and for completing the
delegated task. Each team member must honestly evaluate the contributions by all
members of their respective teams.
Evaluation Criteria Table
The final grade will be based on the following weighted categories:
CATEGORY
WEIGHT
Assignments
10%
Participation \ Discussion
10%
Quizzes
10%
Lab Exercises
20%
2 Projects and presentations
30%
Written Exam
10%
Practical Exam
10%
Total
100%
Grade Conversion Table
Final grades will be calculated from the percentages earned in class as follows:
A
B+
B
C+
C
D+
D
F
©ITT Educational Services, Inc.
90 - 100%
85 - 89%
80 - 84%
75 - 79%
70 - 74%
65 - 69%
60 - 64%
<60%
8
4.0
3.5
3.0
2.5
2.0
1.5
1.0
0.0
Scripting and Web Authoring
4/19/06
COURSE OUTLINE
Unit
Lesson Title
1
Getting Started on
the WWW
2
HTML Tags
3
Introducing Style
and Style Sheets
into HTML
4
Forms and Image
Maps
5
Developing Good
Web Pages
6
Introduction to
Dreamweaver
7
8
9
Text, Links,
Images, Colors and
Backgrounds
Using
Dreamweaver
Tables and Forms
Using
Dreamweaver
CSS, Snippets,
Library Items, and
Templates Using
Dreamweaver
10
Projects
Presentations
11
Final
©ITT Educational Services, Inc.
Reading
Web Publishing with
HTML and XHTML
Chapters 1 through 5
Web Publishing with
HTML and XHTML
Chapters 6 through 9
Web Publishing with
HTML and XHTML
Chapters 6 through 9
Web Publishing with
HTML and XHTML
Chapters 10 through 12
Web Publishing with
HTML and XHTML
Chapters 17 through 21
Writing Assignment
Activity Type
Quiz
Discussion
Project
Storyboard
and Web
Site
Storyboard
and Web
Site
Storyboard
and Web
Site
Storyboard
and Web
Site
Storyboard
and Web
Site
Storyboard
and Web
Site
Storyboard and
Web Pages
Instructor determined
Storyboard and
Web Pages
Instructordetermined
Storyboard and
Web Pages
Instructordetermined
Storyboard and
Web Pages
Instructordetermined
Storyboard and
Web Pages
Instructordetermined
Essentials for Design,
projects 1 through 3
Storyboard and
Web Pages
Instructordetermined
Essentials for Design,
projects 4 through 6
Storyboard and
Web Pages
Instructordetermined
Storyboard
and Web
Site
Essentials for Design,
projects 7 and 8
Storyboard and
Web Pages
Instructordetermined
Storyboard
and Web
Site
Essentials for Design,
projects 9 and 10
Storyboard and
Web Pages
Instructordetermined
Storyboard
and Web
Site
Review of all
Storyboard and
Web Pages
Instructordetermined
Storyboard
and Web
Site
Final
9
Scripting and Web Authoring
4/19/06