Class: WEB114 : Photoshop (Graphics) for the Web
Fall 2018
Time: Tues 5:00PM – 7:50PM
Class Hours:
Type of Course:
Workforce Education Preparatory
Length of Course:
11 weeks

Course Description:

Basic to intermediate web production techniques using Adobe’s Illustrator and Photoshop. Topics include digital imagery concepts, developing and editing pixel and vector based graphics for the web, integrating text and images, slicing web compositions and creating very basic animation.

Course Goals:

To learn the processes used to develop the images required for a website of a small business or organization, while focusing on page layout, navigation, color theory, typography and site structure.

Course Outcomes:

Upon successful completion, the student will be able to:

  • Edit digital images for the web
  • Import and edit vector based graphics
  • Create call-to-action web banners
  • Create vector based imagery
  • Develop email newsletter layouts for client review
  • Develop redlines of email newsletter layouts for production
  • Slice and optimize images for website placement
  • Produce simple animated GiFs
  • Organize and manage a multi-layer file structure

Required Materials:

USB Flash Drive:

This will be used to transfer assignment files as needed.  1GB or more recommended.

Additional Materials:

The Following Textbooks are Recommend for Reference:

Illustrator CC: Visual QuickStart Guide (2014 release)
By Elaine Weinmann, Peter Lourekas
(2014 release) 1st Edition Peachpit Press
ISBN-13: 978-0133987034
ISBN-10: 0133987035

Photoshop CC Visual QuickStart GuidePhotoshop CC: Visual QuickStart Guide
By Elaine Weinmann, Peter Lourekas
(2015 release) 1st Edition Peachpit Press
ISBN-13: 978-0134308890
ISBN-10: 0134308891

Internet Access:

Current E-mail account and FTP folder access.

Students are provided 100 MB on the SCC server which can be accessed via FTP by using the same login and password used to access the computers on campus.

More about SCC student web accounts and server access and Hhow to initialize your student web account (EAD name) can be found here:

Student Web Services >>


Students are responsible for assignment information given in class and posted on the class website.

  • Assignments are listed on Class Schedule >>
  • Due dates are noted on each Assignment Page

Students are required to e-mail a direct link to each assignment to the instructor.

  • Assignments are to be placed in a folder then compressed (ZiP-ed) prior to uploading.
  • Assignments are to be uploaded via FTP to the student’s desired server.
  • No assignment will be accepted from any Cloud service (Google, Dropbox, etc.).
  • No assignment will be accepted if sent as an attachment to an email.
  • No assignment will be accepted if the submitted link is to a portal page.

save-for-web-00How to submit Assignments.

You should be sending me a URL to a ZiP folder which contains all the files worked on in each assignment.

These files should include copies of your worked AI and PSD files as noted for each assignment.

Unless otherwise directed always save copies of your AI and PSD files by the following method:

  • File > Export > Save for Web (Legacy) > Preset: JPEG Low
  • Save your files using proper naming conventions noted below
  • LastName-web114-a0(*assignment)-0*(assignment part).jpg(extension)
  • (replace * with appropriate value)
  • Place all of the JPEG assignment files in (1) one folder named properly.
  • LastName-web114a0(*assignment)
  • (replace * with appropriate value)
  • ZiP folder and upload to your web114 class folder that you created on your server space.
    • To create a ZiPped folder on the Mac:
      1. Select desired folder
      2. File > Compress “name of folder or Right-Click/Compress “name of folder
  • Send the entire URL to me using the Contact Page form.
    • A proper submitted URL should look like this:
  • (replace * with appropriate value)
  • The above is an example of an URL if you are using your student server space. You can use non-school server space as you please.
  • Please note: if you are using a personal server and it goes down for any reason then use the school server. Personal server conflicts are not grounds for late submissions.

Final Project:

Students are expected to present a final project at the end of the quarter.

Evaluation Methods:

Final grade will be a culmination of Class Participation, Assignments and Final Project:

  • Assignments must be submitted by midnight of due date to receive full credit.
  • Assignments are graded on the 4.0 scale.
  • Assignments will be marked down 0.2 points per day they are late.
  • Final Project will be presented in class during finals week as posted.

ADA Confirmation:

Students with documented disabilities requesting class accommodations, requiring special arrangements in case of building evacuation, or have emergency medical information the instructor should know about are asked to contact the Disability Support Services office (DSS) in Rm. 1112. Once the disability is verified with DSS you will be given a letter of accommodation that should be to handed to your instructor.

Academic Links

Conduct Policy & Procedures

Title IX Policy & Procedures