top of page
  • Writer's pictureSophia Canfield

Week One

Updated: Sep 2, 2022

Students are introduced to web development basics and complete their creative statement exercise.

Lab Presentation:

Example Glitch:

Code -!/example-class-one

Live Site -

Helpful resources for coding practice:

Especially helpful tutorials for this week's homework:

Basics of creating a heading and paragraph-

No need to worry about document setup as much when using Glitch, but useful for you later on when using different coding software.


Scroll down to "HTML Links - Use an Image as a Link." Ignore their pixel dimensions for now unless you would actually like it as tiny as their example is. I would recommend as we get started to use square images, just to simplify sizing. We will adress more formatting in coming classes, so unless you would like to practice on anything early, keeping it simple is absolutely fine. We will dress up your homepage later on.

LinkedIn Learning

We will be using Linkedin Learning video tutorials as our textbook for the semester.

Subscription to Linkedin Learning is available through the New York City Library

system. Once you get a NYC library card go to the following site and click the get started

button: you will need to enter your

library card number and password. A Linkedin Learning Kiosk is also available on a first

come first serve basis at the Technology Resource Center located in Thomas Hunter,

Room 402 (this may be closed during the pandemic). You may also choose to pay for a

Linkedin Learning subscription; the cost is approximately $25 a month for the

subscription (about the price of a typical textbook for the semester).

Homework must be submitted to your Lab Instructor prior to the lab class. Questions from assigned reading/viewings will be on exams one and two. Required readings and tutorials are listed for each assignment, there may be pop quizzes in your lab sections based on any material covered, make sure to get LinkedIn Learning access asap!

Each homework requires a brief written reflection. A reflection should not be a listing of what you did. It should present the ideas and meaning in the work that you create. The rationale behind the written statements are to expand your creative language and engage with your work beyond technical skills to being a critical and creative media maker. Similarly, there are articles assigned to read and then write a reflection. The reflection should not be a summary of the article, but rather how you connect to the content or an analysis of the material. For the article reflections, please create a separate html page titled “readings.html” and write each reflection on that page. On your course index.html page add a link to readings.html reflections page and in the reflections page add a link back to the index page.

Homework due 9/9 before class:

1. Fill out our contact and glitch link form here!

Optional for anyone new to the Mac OS: (16min)

2. Required reading/viewing: - “Getting Started” through “Images” (8 sections, “Next Page” is linked near bottom of each page) & View tutorial video “Introduction to HTML” (approximately 9 minutes):

3. Glitch Site: Apply the concepts from the tutorials above to create an index page for your class site using Glitch. Create a Glitch account and use the “glitch-hello-website” to set up the course site; rename the provided index.html page as indexGlitch.html (never use spaces in naming web files) and then duplicate indexGlitch.html and give it the name index.html, this way you can start from scratch (Glitch’s index will remain available as a reference). Use the index.html (home) page to write a personal creative statement and/or goals for the class. To the index page write you name in tags and your creative statement in tags. Create a link to a second page with heading and paragraph text. The second page may be lorem ipsum as temporary content, make sure second page links back to index.html (home page). Share your live site link and code link with your Lab Instructor prior to the due date for your homework.

4. Finish writing your creative statement

Apply the concepts from the tutorial chapters above to create an index page for your site

with your name in <h1> tags and your creative statement in <p> paragraph tags.

Make a link to a second page with an image and a link back to the home page. Check to make sure all of your links work.

Share your live site link and code link with your Lab Instructor prior to the due date for your homework (above).

Some Do's and Don't for your creative statement here!

First Draft: Week 1; Final Draft: Week 14

Creative Statement Examples:

Kenneth Tin-Kin Hung

I employ and remix images from popular culture, political figures and imagery found in

cyberspace. Most of my social conscious artworks adopt the form of advertising in a

reduction of contemporary events to a cartoon like mythology. Through various media I

aim to explore the nature of digital communication while touching on issues such as

identity, politics, sexuality and power. My media includes Hi-Definition video animation,

video game,, digital graphics and mixed-media installations.

Dina Kelberman

My work is about how everyone and everything is special, and so while specialness is not

special, it is still pretty much the most exciting thing going. Much of my work comes out

of my natural tendency to spend long hours collecting and organizing imagery from the

internet, television, and other commonplace surroundings of my everyday life. I like to

elevate the familiar and transform brief moments into infinite stretches of time.

I gravitate towards things that are simple, colorful, industrial, and mundane. I am

interested in using materials that are easily accessible and familiar to the everyday person

– anyone can and should make things that are perfectly natural to them and yet totally

inexplicable to someone else. Humans are definitely a failure of an animal, but at least

every single one of them is extremely weird. (Excerpt)

Scott Snibbe

My work explores how seemingly independent phenomena are, upon analysis, actually

interdependent with their environments. I portray this interdependence by creating works

that do not function unless viewers actively engage with them—by touching, breathing,

moving, etc.—so that viewers are essential to the work’s existence as art. Furthermore,

although the works involve significant technological infrastructure, viewers’ experiences

typically occur in the realm of human-to-human interactions.

470 views0 comments

Recent Posts

See All


bottom of page