Week 3: Website as a garden, building out our plots

Agenda

• Welcome
<<<<<<< Updated upstream =======
• Short sharing time
>>>>>>> Stashed changes
• CSS Layout: Digital Gardening
• Layout Design Challenge
• Homework: Alt Text Poetry Garden

Homework: Alt Text Poetry Gardens

Today we looked at more CSS to style layouts. What better way to practice than designing a layout for our own garden? Use the example code to design your own garden plot. Your garden can be literal or metaphorical, meaning it could be of plants or other entities. Collect whatever will live in the garden and place them in the layout of your choosing. In every img tag, add title="your message here". Whenever you hover over the image, that text will show up.

This should be your current file structure in your folder:

• your name
  • images
    • any-image-files.jpg
  • index.html (welcome to your homepage)
  • styles.css
  • garden
    • index.html
    • styles.css

Readings

• Web design as Architecture
• A Brief History & Ethos of the Digital Garden by Maggie Appleton
• The Web’s Grain by Frank Chimero
• The Garden and the Stream: A Technopastoral by Mike Caufield
• Alt Text as Poetry Workbook by By Bojana Coklyat & Shannon Finnegan
• Alt Text as Poetry