Week 4: Digital Narratives: Displaying Images and
Type Dynamically

Agenda

• Welcome & Share
• Share Digital Gardens
• Webzine Checklist
• Internet History & Displaying Images and Type Dynamically through Networking
• Handcoding Round Robin Part II
• Homework: Network Stories

Webzine Checklist

Take a look at your files. Make sure this is what your folder structure looks like

• current folder structure:
  • your name
    • images
      • any-image-files.jpg
    • index.html (welcome to your homepage)
    • styles.css
    • garden
      • index.html
      • styles.css
• make a new folder inside your name folder called "network"
  • index.html
  • styles.css
• homework:create a link to the garden and network folder in your main index.html file
  <a href="yourname/network/index.html"></a>

Handcoding Round Robin Part II

"A little bird told me, “Hyperlinks are the oxygen of the web.” How many links can you make in one writing (poem, prose, manifesto, etc.)?" - Laurel Schwulst

Can you create a writing that transmits a feeling of unknowable depths? This prompt is to inspire you to share a tale through network-like links. Similar to the exercise we did about folder-poetry, you can click on links within HTML to build narratives or maybe even worlds. Here are a few prompts to help you and a partner get started:

• Create a web-based series about something most people think is boring but you think is interesting.
• Write a letter to someone, a place, an animal or idea
• You know the internet, now imagine "the Outernet": a neural network that is a technologically advanced version of the Internet. (See Link)
• Archive and document history

Round 1
• Write HTML file with a partner. Come up with a response in a format of your choosing. Include at least 3 links. Choose what flow your links move your through. Is it centralized? decentralized, or distributed?


Round 2
• Choose styles with a partner. Choose a typeface, download any files necessary to import into CSS


Round 3
• Edit the layout of your pages using display and positioning properies


Share

Homework: Network Stories

Further the design of your handcoding exercise and publish it to your folder.