Class 10


F 11/06

Theory: History of the Web
Technical:  Intro to HTML + CSS
Practice: Mock-up

Asynchronous for This Class

  • Project 2: My Footprint Develop the digital mock-ups for the computer (suggested 1140 px wide) and phone (suggested 320 px wide) interfaces keeping in mind how the site structure, typographic and graphic elements will be organized in boxes and consequently the html-css structure.
  • Watch:
  • Continue to work on Project 2 defining the content, design and elements.

Suggested sizes:


    • Attendance & Announcements
    • Theory: Prototyping
    • Design: Responsive Layout | Sample templates
    • Technical:
    • Practice: Mock-up + Implementation


  • Project 2: My Footprint Implement the interactive mock-up for the web and phone versions using hot links.
  • Install Web Export Plug In in XD and export your XD interactive prototype to HTML/CSS.