Introduction to Web Design

I.     Course Prefix/Number: ART 259

       Course Name: Introduction to Web Design

       Credits: 3 (0 lecture; 6 lab)

II.    Prerequisite


III.   Course (Catalog) Description

Course covers the creation and use of graphics in web page design and production. Content includes fundamentals of graphic production, basic layout design principles, and HTML/CSS development for the web.

IV.   Learning Objectives

  1. Identify the basic concepts and terms used in web page production.
  2. Understand how web pages are constructed.
  3. Demonstrate appropriate use of the hardware and software involved in the design and production of web pages and the implementation of web pages for the end user.
  4. Design and author web pages, incorporating graphics, animation, and multimedia.
  5. Recognize the limitations of the web.
  6. Demonstrate familiarity with the legal and ethical issues related to the design and use of web sites.

V.    Academic Integrity and Student Conduct

Students and employees at Oakton Community College are required to demonstrate academic integrity and follow Oakton's Code of Academic Conduct. This code prohibits:

• cheating,
• plagiarism (turning in work not written by you, or lacking proper citation),
• falsification and fabrication (lying or distorting the truth),
• helping others to cheat,
• unauthorized changes on official documents,
• pretending to be someone else or having someone else pretend to be you,
• making or accepting bribes, special favors, or threats, and
• any other behavior that violates academic integrity.

There are serious consequences to violations of the academic integrity policy. Oakton's policies and procedures provide students a fair hearing if a complaint is made against you. If you are found to have violated the policy, the minimum penalty is failure on the assignment and, a disciplinary record will be established and kept on file in the office of the Vice President for Student Affairs for a period of 3 years.

Please review the Code of Academic Conduct and the Code of Student Conduct, both located online at

VI.   Sequence of Topics

  1. Basics of the Web and web design
    1. Surfing the Web
    2. Browsers
    3. Hardware
    4. Software
    5. HTML/XHTML – Using Dreamweaver
  2. Image Fundamentals (Fireworks, Photoshop, Illustrator) Bitmap vs Vectors
    1. Basic color theory
    2. Color palettes
    3. Painting and drawing tools
    4. Gradients and patterns
    5. History palettes
    6. Layers, Frames, Styles
    7. Paths
    8. Text
    9. Layer effects
    10. Masking, image effects, extras & filters
  3. Web Graphics Fundamentals (Fireworks, Photoshop, Illustrator)
    1. Pixel dimension
    2. File Size
    3. Web-safe colors, hexadecimal codes
    4. Image transparency and fringe
    5. gif & jpg, and other file formats
    6. Image compression
    7. Background tiles, color bars
    8. Watermark backgrounds, photo backgrounds
    9. Rollover effects
    10. Navigation bars
    11. Gif animation techniques
    12. Image maps, image slicing
  4. Design Fundamentals
    1. Order, rhythm, harmony, repetition
    2. Focal points
    3. Dominance
    4. Scale
  5. Web Page Construction (Dreamweaver)
    1. Web typography/fonts
    2. Design View and Code View
    3. Image placement
    4. Text Import
    5. Download times
    6. Background colors & images
    7. Insert Panel
    8. Behavior palette
    9. Rollovers & navbars
    10. Image maps
    11. Linking basics
    12. Named Anchors (Intra-Page Navigation)
    13. XHTML Markup (xhtml tag structure)
    14. CSS Styles
    15. Use of Frames
    16. Templates
    17. Importing Animation
    18. Techniques for Sound

VII.  Methods of Instruction

This course will be presented using a combination of lectures, slide presentations and the use of the college’s computer workstations.
Course may be taught as face-to-face, hybrid or online course.

VIII. Course Practices Required

  1. Complete all assigned readings in the textbooks
  2. Read the assigned online articles (there are links to each from the course web site).
  3. Complete all of the assigned exercises and projects and present each in class as scheduled in the course calendar.
  4. Take a midterm exam and a final exam as scheduled in the course calendar. The midterm and final exam will be based on the chapters in your textbooks, online readings, class demonstrations and lectures and handouts. The exams will include multiple choices, true/false and short answer questions. Study questions will be available on the course web site.

IX.   Instructional Materials

Note: Current textbook information for each course and section is available on Oakton's Schedule of Classes.

  1. USB flash drives or CDR disks
  2. Suggested text book:” Adobe Dreamweaver CS5 Classroom in a Book”

X.    Methods of Evaluating Student Progress

The final grade will be based upon the following elements and their weights

A.  Exercises (5) 25% 5 points each
[Exercises will consist of preparing graphics and animation for web pages. ]
B. Projects (3) 45% 15 points each
[For each project, students will develop a web site.]
C. Midterm exam 15% 15 points
D. Final Exam 15% 15 points
  Total 100% 100 points

XI.   Other Course Information

Please note:
Some of the activities, lectures and assignments in this class may include imagery that is controversial, uncomfortable, shocking, has nudity, and personally unpopular to one's beliefs. If a student objects to this practice, he/she is encouraged to discuss with the instructor early in the semester alternative ways of completing course requirements.

If you have a documented learning, psychological, or physical disability you may be entitled to reasonable academic accommodations or services. To request accommodations or services, contact the Access and Disability Resource Center at the Des Plaines or Skokie campus. All students are expected to fulfill essential course requirements. The College will not waive any essential skill or requirement of a course or degree program.

Oakton Community College is committed to maintaining a campus environment emphasizing the dignity and worth of all members of the community, and complies with all federal and state Title IX requirements.

Resources and support for
  • pregnancy-related and parenting accommodations; and
  • victims of sexual misconduct
can be found at

Resources and support for LGBTQ+ students can be found at

Electronic video and/or audio recording is not permitted during class unless the student obtains written permission from the instructor. In cases where recordings are allowed, such content is restricted to personal use only. Any distribution of such recordings is strictly prohibited. Personal use is defined as use by an individual student for the purpose of studying or completing course assignments.

For students who have been approved for audio and/or video recording of lectures and other classroom activities as a reasonable accommodation by Oakton’s Access Disabilities Resource Center (ADRC), applicable federal law requires instructors to permit those recordings. Such recordings are also limited to personal use. Any distribution of such recordings is strictly prohibited.

Violation of this policy will result in disciplinary action through the Code of Student Conduct.