Session Four: Wireframe DEUX!

April 26, 2017 - DePaul Entrepreneurship Center

Instructor - Kara

TAs - Asha, Eve, Jerliyah, Ryan, Nithun, Justin, Oscar

Session Goal:

To solidify our knowledge of HTML/CSS and applying that knowledge to wireframes.

Session Schedule:

Welcome:

• Confirm TA groups!
• Review:
  • Repos & Wireframes
  • Discuss Tutorials
  • Discuss The Web!

HTML:

• Terminology
  • Element
  • Tag
• Activity: Let’s play HTML Relay Race!

Break

CSS:

• Terminology
  • Selector
  • Class/Id
• Review the CSS Box Model
  • Content, Padding, Border, Margin
• Discuss what a “responsive” website is TODO

Homework:

• REVIEW HTML / CSS TUTORIALS!!
• Dictionary Contest!
  • [ ] Copy this Index.html code into your own dictionary.html file in your repo
  • [ ] Copy this style.css code into your own style.css file in your repo
  • [ ] Style the Beegeezus out of the dictionary.html page. PUBLISH BY MONDAY @ MIDNITE
• FOR YOUR IDEA PROJECT:
  • [ ] code your idea’s wireframes out in HTML pages
  • [ ] set a styleguide for those pages.

References:

• HTMLreference.io
• CSSreference.io
• Access Chrome Dev Tools