# Week 2 Agenda

# Studio

# Tuesday, 1/28

  • URL, DNS, IP and Structure of the page
  • Structure of a page
  • Hierarchy of the page
  • 15 MINUTES EXERCISE! (Real life nested structure)
  • Only HTML website
  • Questions for '?'
  • Critique first excersise

# Homework

  • Pick one of the two reading for the first project: It's Alive! Only using HTML (NO CSS) translates the printed words into the webpage. You need to use html, head, title, body to create the index.html file. However, you can only use p and br as a HTML tag for now. We will be talking about the design of your page. Be creative with these limitations. Remember the goal of the exercise: Your reader will not only be able to read the story but also experience your interpretation of the story. I will pick three people to show their website.

# Thursday, 1/30

  • History of the web
  • Art, Design and the internet
  • Intro to style
  • 15 MINUTES EXERCISE! (Pixel Portrait)
  • Pair presentation E-Reader
  • Critique second excersise

# Homework

  • Only use HTML (no CSS of any kind). In addition to the elements allowed in Level 1, use any of the following HTML elements: div, header, footer, span, h1, h2, h3, h4, h5, h6, strong, em, ol, ul, li, a (Do not link to external sites, but you can link to parts of your poem using an attribute to assign an id).
    You need to make two different versions of the website. Be ready to present it in class.
  • In pairs: Analize 3 different websites structure and hierarchy

# Lab

# Friday, 1/31

# Homework

  • Using today’s lesson, improve upon your Github Pages index.html. HTML and CSS should showcase best practices outlined in class. You can reference the in-class example we worked through here

    WARNING

    While last week's assignment was more about completeness, this time I will evaluate based on corectness. Think about your folder and file hierarchy, html structure, tag selection, and css organization.

  • Read this (very short) article on The CSS Cascade from Amelia Wattenberger before next class. We'll discuss specificity and the cascade in more detail in next week's lab.

  • Read this article on box-sizing from Marie Mosley at CSS Tricks to learn why you likely want to add the following code to the top of your CSS stylesheets:

    html {
      box-sizing: border-box;
    }
    *,
    *:before,
    *:after {
      box-sizing: inherit;
    }
    

Due Date: All due by the start of the next lab, 2/7

Last Updated: 2/2/2020, 7:18:43 PM