10/10/2024 6:47:20 PM	CIS 58.53A Course Outline as of Fall 2002	Changed Course
CATALOG INFORMATION
Discipline and Nbr:  CIS 58.53A	Title:  WEB GRAPHICS PROJECTS
Full Title:  Web Graphics Projects
Last Reviewed:11/8/2010

Units		Course Hours per Week			Nbr of Weeks	Course Hours Total
Maximum	1.50	Lecture Scheduled	2.00		8 max.	Lecture Scheduled	16.00
Minimum	1.50	Lab Scheduled	0		4 min.	Lab Scheduled	0
		Contact DHR	3.50			Contact DHR	28.00
		Contact Total	5.50			Contact Total	44.00
		Non-contact DHR	0			Non-contact DHR Total	0

Total Out of Class Hours:  32.00

Total 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:

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.

Prerequisites/Corequisites:
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:

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

ARTICULATION, MAJOR, and CERTIFICATION INFORMATION

Associate Degree:		Effective:		Inactive:
Area:
CSU GE:	Transfer Area			Effective:	Inactive:
IGETC:	Transfer Area			Effective:	Inactive:
CSU Transfer:	Transferable	Effective:	Fall 1996	Inactive:	Fall 2015
UC Transfer:		Effective:		Inactive:
C-ID:

Certificate/Major Applicable: Certificate Applicable Course

COURSE CONTENT

Outcomes and Objectives:
At the conclusion of this course, the student should be able to:

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

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

Assignments:

1.  Evaluate 5 existing web sites for use of color, line, design and

   graphics

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

   navigation.

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%
None
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%
None

Representative Textbooks and Materials:

"Designing Web Graphics", by Lynda Weinman - New Riders 2000

Print PDF