The Web & Coding

Week 9 | IDFA 470 | Kevin Cadena

Weekly Description

As we continue to examine all parts of contemporary technology, we'll now shift our focus to the network culture that has emerged from the connections brought on by the internet.

Agenda


Prompt Reflecting On Our Relationship to Technology

  1. We're going to take 2 minutes to write down response to the following statement: "I need my technology and community to support me by..."
  2. Post Your Responses into the Zoom Chat
  3. 5 minutes

Network Culture & The Web

Presentation Link
30 minutes

Introduction to HTML & CSS Targeting

Week 9 Tutorial Link

We'll be going over the basics of the web's language, HTML and the basics of how to target HTML elements using CSS through Glitch

Creating a Glitch Account
  1. Please make a Glitch account.
HTML Overview
  1. What is HTML Mean?
  2. Where does HTML Exist?
  3. What is an HTML Element?
  4. How are HTML Elements written?
  5. What are the basic textual HTML elements?
  6. What are the media-rich HTML elements you can add?
    • Image
    • Video
    • iFrame
    • Audio
  7. How should you structure your HTML?
  8. How can you comment your HTML?
  9. References:
90 minutes total

Network Poetry

  1. Using HTML, CSS and other concepts we went over, practice your HTML by writing 3 Poems and use the following:
    • Headings
    • p tags
    • Add images
    • Link to other things
30 minutes

Homework

Practice Read

In conversation with Tao Lin on his mandalas

Do

E-Literature Translation

  1. Take the story you've written and translate it into a web experience.
  2. Add in the images or pieces of media that you built last week using the Tiny Tools Directory.
  3. Use all of the HTML elements you can including:
    • P Tags
    • Heading Tags
    • Images
    • Video
    • A href Links
    • And more!
    • Create a multi-media exeperience!
    • View the full list of HTML tags here: HTML Reference
  4. Add CSS as well to style your work up!
References
Other Resources

Net Art Anthology

Black Beyond

Cyberfeminism Index facilitated by Mindy Seu

More HTML Practice

Week 9 Tutorial