COURSE NUMBER: COMP-205

COURSE TITLE: Web Design Technologies

CREDIT HOURS: Three (3)

INSTRUCTOR: Mrs. Darla Thornburg

OFFICE LOCATION: Room 109, Weinberg Hall

OFFICE HOURS: Posted Outside Office Door

TELEPHONE: 620-251-7700, ext. 2122

E-MAIL: darlat@coffeyville.edu

REQUIRED TEXT: 1. The Web Warrior Guide to Web Design Technologies,

Gosselm, Sklar, Slaybaaugh, Guthrie, Soe and Lopez,
Course Technology, Inc., 2003.

COURSE DESCRIPTION: This introductory course introduces the fundamentals of popular

Web page design tools and technologies. No prior knowledge of
HTML/XHTML or any other languages or tools is required.
Students will be introduced to the basics of HTML/XHTML and
Cascading Style Sheets. They will also learn basic Web design
using the authoring tool Macromedia Dreamweaver. Images and
animations will be created by using Adobe PhotoShop, Adobe
ImageReady, Macromedia Fireworks and Macromedia Flash.
The JavaScript scripting language and Dynamic Hypertext
Markup Language (DHTML) may also be examined if time
permits.

EXPECTED LEARNER Upon successful completion of this course the student will be
OUTCOMES: able to:

1. Understand Web page authoring using HTML and XHTML.

2. Use Macromedia Dreamweaver to create Web pages.
3. Create and edit images using Adobe Photoshop and
Adobe imageready.
4. Use Macromedia Flash to create interactive, multimedia
rich movies for the Web.
5. Create and edit images using Macromedia Fireworks.
6. Control the appearance of Web pages by using Cascading
Style Sheets (CSS).

Page 1 of 6
LEARNING TASKS A list of competencies for each unit is attached. These will be
AND ACTIVITIES: discussed in class and will comprise the material covered
assignments and projects. Class time will include lecture of
selected chapters from the text, demonstration of software, and
student exercises. Students may need to spend additional time
in the lab in order to complete exercises.

XHTML: Part I
Chapter 1 – XHTML
Chapter 1 Questions
Projects 1-1, 1-2

XHTML: Part II
Chapter 2 – XHTML
Chapter 2 Questions
Projects 2-2, 2-3

Dreamweaver: Part I
Chapter 3 – Dreamweaver
Chapter 3 Questions
Projects 3-1, 3-2

Dreamweaver: Part II
Chapter 4 – Dreamweaver
Chapter 4 Questions
Projects 4-1, 4-3

Photoshop and ImageReady: Part I

Chapter 5 - Photoshop and ImageReady
Chapter 5 Questions
Projects 5-1, 5-2

Photoshop and ImageReady: Part II

Chapter 6 - Photoshop and ImageReady
Chapter 6 Questions
Project 6-2, 6-3
Flash Parts I and II
Chapter 7, 8 – Flash
Chapters 7 and 8 Questions
Projects 7-1, 8-2

Fireworks: Part I
Chapter 9 – Fireworks
Chapter 9 Questions
Projects 9-1, 9-2

Page 2 of 6
 Fireworks: Part II
Chapter 10 – Fireworks
Chapter 10 Questions
Projects 10-1, 10-2

Cascading Style Sheets: Part I

Chapter 11 - Cascading Style Sheets
Chapter 11 Questions
Projects 11-2, 11-3
Cascading Style Sheets: Part II
Chapter 12 - Cascading Style Sheets
Chapter 12 Questions
Projects 12-1, 12-3

If time permits:

JavaScript Parts I and II

Chapter 13, 14 – JavaScript
Chapters 13 and 14 Questions
Projects 13-1, 14-1

JavaScript: Part III

Dynamic HTML and Animation
Chapter 15, 16 - JavaScript
Dynamic HTML and Animation
Chapters 15 and 16 Questions
Projects 15-2, 16-2

ASSESSMENT OF Evaluation
OUTCOMES:
The grading scale for the course will be:

A 100-90%
B 89-80%
C 79-70%
D 69-60%
F 59-0%

The final grade will be determined by averaging the grades of the

following:

20% Attendance and Participation

30% Assignments
50% Projects

Page 3 of 6
 Attendance

Attendance is important. All students are expected to attend

class regularly. Attendance will be taken daily and will be
calculated as part of the student’s final grade.

All work is due at the beginning of the next class period unless
otherwise assigned. NO LATE WORK WILL BE ACCEPTED.
In the event the student is absent on the day an assignment is
due he or she is responsible for turning it in before the next
class period.

It is the responsibility of the student to make definite

arrangements with the instructor for makeup work BEFORE
going on field trips or other college-sponsored events.

It is your choice to be in this class. If you choose to come to

class, the instructor and fellow students demand your attention
and respect. Therefore, no cell phones are allowed during
class. Any student who cannot meet these expectations will
be asked to leave the classroom.

Academic Honesty

Absolutely no tolerance!

Each student is expected to do his or her own work.

Appropriate action will be taken on any student who is found
borrowing another student’s work; this may include receiving a
failing grade, being dropped from the class or being placed on
academic probation.

This syllabus is subject to revision with prior notice to the student by the instructor.

Page 4 of 6
 Web Design Technologies

UNDERSTAND WEB PAGE AUTHORING USING HTML AND XHTML.

1. Work with XHTML DTDs
2. Study elements and attributes
3. Work with basic body elements
4. Link Your Web pages
5. Validate your web pages
6. Work with text-formatting and phrase elements
7. Add images to your Web pages
8. Create lists
9. Work with frames
10. Create tables
11. Build forms

USE MACROMEDIA DREAMWEAVER TO CREATE WEB PAGES

12. Learn to use the editing features of the Dreamweaver Web authoring tool
13. Learn to control text properties to make a page look more appealing
14. Create hyperlinks to link pages together on the Web
15. Create and control page properties such as colors and backgrounds
16. Learn to use tables and table attributes to control layout of Web pages
17. Learn to use and manipulate images on your Web pages

CREATE AND EDIT IMAGES USING ADOBE PHOTOSHOP AND ADOBE

IMAGEREADY
18. Create images
19. Edit images
20. Save and optimize images
21. Animate images
22. Create rollover effects
23. Create image maps
24. Slice images

USE MACROMEDIA FLASH TO CREATE INTERACTIVE, MULTIMEDIA RICH

MOVIES FOR THE WEB
25. Work with the Flash environment including the Stage, menu bar, Toolbox,
panels, and Property inspector
26. Draw strokes and paint fills using the Flash tools
27. Select and modify objects
28. Create and manipulate text
29. Learn how frames and layers are used in a Flash document’s Timeline to create
animations
30. Learn how symbols are stored in a document’s library
31. Create animations including frame by frame and tweened animations
32. Create a mask layer and a motion guide layer
33. Create buttons with simple actions and sounds

Page 5 of 6
CREATE AND EDIT IMAGES USING MACROMEDIA FIREWORKS
34. Create and edit bitmap and vector graphics using Fireworks
35. Use the Fireworks tools, Optimize panel, Layers panel, and other panels to edit
images
36. Color and manipulate objects using the Property inspector
37. Change fill, stroke, and effect attributes of objects and text
38. Export and optimize a file for the Web
39. Create image maps to produce linkable hotspots or images
40. Learn how to export images for use on the Web
41. Learn how to slice an image
42. Create symbols and use the library panel
43. Create buttons with rollover effects
44. Create menus, including pop-up menus
45. Create animated graphics for the Web

CONTROL THE APPEARANCE OF WEB PAGES BY USING CASCADING STYLE

SHEETS (CSS)
46. Write your first style sheet
47. Use basic CSS syntax
48. Combine style rules with your HTML code
49. Use CSS selectors to apply style rules
50. Use the <div> and <span> elements with CSS style rules
51. Learn about CSS measurement values
52. Format text with the CSS font properties
53. Learn to use the CSS margin, padding, and border properties
54. Add color with the CSS color properties

Page 6 of 6