Primary Navigation
  • About
  • Academics
  • Continuing Education
  • Admission
  • Student Life
  • Student Services
  • Library
  • News and Events
  • Giving
Web Layout Design and Typography

I.     Course Prefix/Number: ART 267

       Course Name: Web Layout Design and Typography

       Credits: 3 (3 lecture; 6 lab)

II.    Prerequisite

ART 259 or consent of instructor

III.   Course (Catalog) Description

Course covers applications of common graphic tools available in web layout design and typography. Content includes artistic principles and techniques of web page design and layout, and examination of graphic design process from concept to production. Dreamweaver is used as the main software.

IV.   Learning Objectives

A.    To identify effective web layout design
B.    To create effective information architecture in a web layout
C.    To incorporate basic design principles in a web layout
D.    To use typography effectively in web layout design
E.    To create and modify typefaces for web pages
F.    To use color effectively in web layout design

V.    Academic Integrity

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.
Details of the Code of Academic Conduct can be found in the Student Handbook.

VI.   Sequence of Topics

A.    Design process
         1.   Project definition
         2.    Interface design
         3.    Visual design
         4.    Production

B.    Web design principles
         1.   Content design
         2.    Information design
                a.    User needs
                b.    Analyzing information
                c.    Acting on information
                d.    Managing information
         3.    Navigational design
               a.    Document structure
               b.    Information structure
               c.    Site map
               d.    Navigational controls
         4.    Interactivity design

C.    Designing type for the Web
         1.    Text formatting
         2.    Links
         3.    Tone of page
         4.    Graphics as text

D.    Layout
         1.    Readability
         2.    Visual variety
         3.    Blocks
         4.    Focal points
         5.    Formulas
         6.    Tables and frames

E.    Graphical Elements
          1.    Limitations of the web
          2.    Graphics usage

F.    Maintaining of design and portable document format
          1.    Converting to PDF
          2.    Interactivity
          3.    Scanning
          4.    Cataloging and indexing
          5.    Referencing PDF files

VII.  Methods of Instruction

This course will be taught using a combination of lecture, demonstration, presentation and hands-on studio time in the lab.

Course may be taught as face-to-face, media-based, hybrid or online course.

VIII. Course Practices Required

A.    Attend and participate in classes and lab sessions
B.    Attend critiques with completed work
C.    Complete assigned artwork by due date
D.    Quizzes and final exam
E.    Maintain professional attitude

IX.   Instructional Materials

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

A.    Flash drive or portable hard drive
B.    Ink jet paper

X.    Methods of Evaluating Student Progress

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

A.    3 Quizzes:        25%
B.    3 Critiques:       25%
C.    Final exam       25%
D.    Final critique:    25%

Multiple choice quizzes will be administered at the first three critiques.  Critiques offer the student the opportunity to show work in progress to the instructor and to the class and to obtain feedback on the work presented.  There will be four critiques, including the final.

XI.   Other Course Information

Open lab hours are posted at the beginning of each semester.


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.