SRJC Course Outlines

12/7/2023 1:35:01 AMCIS 58.53A Course Outline as of Fall 2002

Changed Course

Discipline and Nbr:  CIS 58.53ATitle:  WEB GRAPHICS PROJECTS  
Full Title:  Web Graphics Projects
Last Reviewed:11/8/2010

UnitsCourse Hours per Week Nbr of WeeksCourse Hours Total
Maximum1.50Lecture Scheduled2.008 max.Lecture Scheduled16.00
Minimum1.50Lab Scheduled04 min.Lab Scheduled0
 Contact DHR3.50 Contact DHR28.00
 Contact Total5.50 Contact Total44.00
 Non-contact DHR0 Non-contact DHR Total0

 Total Out of Class Hours:  32.00Total Student Learning Hours: 76.00 

Title 5 Category:  AA Degree Applicable
Grading:  Grade or P/NP
Repeatability:  00 - Two Repeats if Grade was D, F, NC, or NP
Also Listed As: 
Formerly:  CIS 84.43A

Catalog Description:
Untitled document
Students will create the graphical elements for Web sites. These elements will be created for  mock clients provided by instructor. All graphical elements will be loaded onto the web and displayed within a web page created using HTML. Web graphic  elements covered in this course include: Web site mock-ups, color palettes, background images or colors, text as a graphic, and navigational graphics. Students will optimize digitized photos and clipart using various web formats and compression methods. Slicing images for the web will be introduced.

Completion of CIS 58.51A (formerly CIS 84.42A) with a grade of "C" or better and completion of CIS 73.31A (formerly CIS 83.12A) with a grade of "C" or better.

Recommended Preparation:
APGR 72 and eligibility for ENGL 100A or ENGL 100 or ESL 100.

Limits on Enrollment:

Schedule of Classes Information
Description: Untitled document
Create graphical elements for a mock client Web site. Topics include: Web site mock ups, color palettes, background images, text as a graphic, and navigational graphics. Slicing images will be introduced.
(Grade or P/NP)

Prerequisites:Completion of CIS 58.51A (formerly CIS 84.42A) with a grade of "C" or better and completion of CIS 73.31A (formerly CIS 83.12A) with a grade of "C" or better.
Recommended:APGR 72 and eligibility for ENGL 100A or ENGL 100 or ESL 100.
Limits on Enrollment:
Transfer Credit:CSU;
Repeatability:00 - Two Repeats if Grade was D, F, NC, or NP


Associate Degree:Effective:Inactive:
CSU GE:Transfer Area Effective:Inactive:
IGETC:Transfer Area Effective:Inactive:
CSU Transfer:TransferableEffective:Fall 1996Inactive:Fall 2015
UC Transfer:Effective:Inactive:

Certificate/Major Applicable: Certificate Applicable Course


Outcomes and Objectives:
At the conclusion of this course, the student should be able to:
Untitled document
The student will:
1.  Evaluate 5 web sites to analyze and use as inspiration and guidance.
   The evaluation is based on the following:
   a.  overall look and tone set by the graphics
   b.  speed pages load
   c.  color scheme of pages
   d.  effectiveness in conveying clients messages
   e.  consistency of page colors from opening screen to 2nd or 3rd
       levels of the site
2.  Optimize scanned photo and original clip art image at various levels
   of GIF and JPEG compression
3.  Create Web site mock-ups, which contain web graphics, and text
   and meet the needs of fictitious clients provided by instructor.
4.  Create Web Safe Color palettes for each site, determine which
   background color or images will be used at sites.
5.  Produce sample images of backgrounds, text as a graphic, and
   navigational graphics
6.  Access 10 World Wide Web sites which have information regarding the
   following topics:
   a.  Examples of Excellence at commercial Web sites
   b.  Examples of Excellence from former SRJC students
   c.  Graphics Tutorials
   d.  Online style guides
   e.  Mailing lists and newsgroups for designers

Topics and Scope
Untitled document
A.  Introduction to the Internet
   1.  Software and Hardware Requirements
       a.  Graphics Programs
       b.  Shareware graphics programs
   2.  FTP software -  Fetch or Ws_FTP
       a.  Monitor and CPU recommendations
       b.  Peripherals - scanners and video capture boards
   3.  Web Graphics
       a.  Principles of Web page layout and site architecture using
           examples of excellence as a guide
       b.  Review of WWW commercial sites
       c.  Review of former SRJC student sites
   4.  Digitizing Images
       a.  Scanning
       b.  Digital Cameras
   5.  GIF formats
   6.  JPEG formats
   7.  Interlacing
   8.  Transparency
   9.  Creating a mock up
       a.  Grayscale mock up which contains the following elements
           1)  Opening screen elements
               a)  background color or image
               b)  name of site
               c)  navigation for site: area where sub navigation can
                   display during a rollover
                   1. logo
                   2.  photos or collage
                   3.  2-3 paragraphs of text
       b.  second level pages
           1)  background color or image
           2)  name of site
           3)  name of section
           4)  navigation for site:
           5)  second level sub navigation:
           6)  logo
           7)  6-10 paragraphs of text
           8)  photos (optional)
   10. Web Safe Colors
       a.  Loading Web Safe Palettes
       b.  Creating a Web Safe palette for clients
       c.  Using web safe colors for an intentional dither
   11. Creating Web graphics
       a.  Translate mock up elements into actual Web images
           1)  Background images
           2)  Text as a graphic
           3)  Navigational images
       b.  Create samples of background, text and navigational images

Untitled document
1.  Evaluate 5 existing web sites for use of color, line, design and
2.  Digitize a photo  and create original clip art. Optimize these images
   of various compression rates  of GIF and JPEG format.
3.  Create an interlaced and transparent GIF.
4.  Upload files onto the Web server
5.  Create web pages, which display the web graphics
6.  Produce mock-ups of web sites for clients provided by instructor.
7.  Create a Web Safe palette for each client
8.  Create Web graphics for backgrounds, text as a graphics and

Methods of Evaluation/Basis of Grade.
Writing: Assessment tools that demonstrate writing skill and/or require students to select, organize and explain ideas in writing.Writing
0 - 0%
This is a degree applicable course but assessment tools based on writing are not included because problem solving assessments and skill demonstrations are more appropriate for this course.
Problem solving: Assessment tools, other than exams, that demonstrate competence in computational or non-computational problem solving skills.Problem Solving
20 - 40%
Place graphics and upload web files to server
Skill Demonstrations: All skill-based and physical demonstrations used for assessment purposes including skill performance exams.Skill Demonstrations
40 - 50%
Class performances
Exams: All forms of formal testing, other than skill performance exams.Exams
20 - 35%
Multiple choice, True/false, Matching items
Other: Includes any assessment tools that do not logically fit into the above categories.Other Category
0 - 0%

Representative Textbooks and Materials:
Untitled document
"Designing Web Graphics", by Lynda Weinman - New Riders 2000

Print PDF