Web Crash Course: Workshop #1

In this workshop you will learn the basics of building modern mobile-ready websites. You will use HTML & CSS to make a digital version of your CV and host it on GitHub Pages for free.

Workshop outline

THEORY BLOCK

• modern Web
  • responsive web
  • content-out approach to building websites
• design for “non-designers”
  • typography
  • visual hierarchy
  • color

CODING BLOCK

• HTML basics
  • basic document structure
  • tags
  • tag attributes
  • block vs. inline
• CSS basics
  • normalize CSS
  • base styles
  • typographic scale
  • box-model
  • floating elements
  • simple layout

Workshop prerequisites

Please bring your own computer (don’t forget a charger) and do the following before the workshop starts:

1. Install Sublime Text text editor (Mac & Win)

2. Create an account on GitHub.com

3. Download a GitHub client (Mac / Win)

4. Prepare a profile picture with square aspect ratio (preferably 180x180px)

Workshop info

Workshop duration: approx. 6 hours

Workshop slides at slides.com

For additional information and resources check out Webdesign Crash Course GitHub page