Workshop Overview

This three-session workshop combines the tactical skills needed to structure web pages with a looser more playful compositional mindset. Students are introduced to the structural elements and properties of HTML and CSS through hands-on demos, in-class exercises and take-home assignments. Tight technical HTML drawings in week one give way to full-screen abstract compositions in week two. Week three incorporates interaction, introducing CSS3 transform, animation, and other user-controlled properties.

Although created from code, the assignments are inspired by the contemporary and historical print works of Bradbury Thomspon, Karel Martens and Paul Elliman. Paramount is that students become attuned to the vocabulary and possibilities of graphic form in the digital age. The digital age, similar to the era before in its capacity to precisely arrange or playfully experiment.

Course objectives

  1. Be introduced to HTML and CSS syntax for future projects
  2. Learn to work collaboratively in an open-source model
  3. Encourage use of the browser for experimentation
  4. Introduce both analytical and playful working methods
  5. Be introduced to instructions-based making — HTML being one of many coding methods.
  6. Be comfortable editing existing themes or websites.

Software needed

  • Textwrangler or other HTML editor
  • Safari or Chrome browser


  • The same grading criteria for your homeroom section applies here
  • Missing one class without permission fails the course
  • Although we are “wired” throughout the workshop, avoid being plugged into Facebook, email, etc.
Drawing at top: YooJin Jang, 2012

Leave a Reply