CpSc 337 -- Introduction to Web Graphics - Week 1

About the course:

  1. image formats
  2. web standards
  3. programming and graphics
  4. HTML5, CSS, SVG
  5. Resources: 

Equipment and labs:   ATSH 224

Syllabus, class home page

Requirements on homework: 

Something noteworthy: SVG pioneer writes book using only his eyes.

Assignment #1:

By the end of the day, Sept. 1  (Friday), e-mail me verifying the status of

  1. your e-mail account
  2. your web folder

    how to access your class web folder

Skills you should already possess:

  1. Proficiency with high school algebra , including Cartesian coordinates and basic trigonometric functions
  2. Proficiency with HTML and JavaScript
  3. Basic familiarity with Adobe Photoshop and/or GIMP and/or Adobe Illustrator and/or Inkscape



Drawing a graph

Drawing a grid (study the JavaScript and learn how it is done -- note: you will need a modern browser)

x-y coordinates

SVG transformation matrix


  1. HTML and standards
  2. Secret origin of SVG


Basic vocabulary:  dpi, bits per pixel, RGB, compression, vector and pixels.

Image formats: gif, jpg, png, bmp, svg

Coordinate system: detecting mouse location

Intellectual property -- copyright, trademark, patent