Web Graphic Page Design
I. Course Prefix/Number: ART 259
Course Name: Web Graphic Page Design
Credits: 3 (3 lecture; 6 lab)
III. Course (Catalog) Description
IV. Learning Objectives
B. Explain how web pages are constructed.
C. 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.
D. Design and author web pages, incorporating graphics, animation, and multimedia.
E. Recognize and take into account the limitations of the web.
F. Demonstrate familiarity with the legal and ethical issues related to the design and use of web sites.
V. Academic Integrity
• 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
1. Surfing the Web
5. HTML/XHTML – Using Dreamweaver
B. 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
9. Layer effects
10. Masking, image effects, extras & filters
C. 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
D. Design Fundamentals
1. Order, rhythm, harmony, repetition
2. Focal points
E. 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
17. Importing Animation
18. Techniques for Sound
19. Introduce Responsive Design
VII. Methods of Instruction
Course may be taught as face-to-face, media-based, hybrid or online course.
VIII. Course Practices Required
B. Attend class and participate in demos, discussion, critique
IX. Instructional Materials
Suggested textbook to web design, HTML/CSS, and Adobe Dreamweaver, such as: Adobe Dreamweaver Classroom in a Book, or other relevant text.
USB flash drives or CDR disks
X. Methods of Evaluating Student Progress
Completion of projects and participation in critiques are required. Course instructors will base grades and evaluation on specified elements and percentage weights.
XI. Other Course Information
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.