Practice HTML & CSS

Objectives

• Familiarize basic HTML and CSS syntax
• Grasp the concept of RWD(Responsive Web Design) and CSS media rule
• Learn how to use web inspector (a.k.a. web dev tool) to analyze HTML and CSS
• Learn how to deploy websites using free static site hosting platforms

TODO

Find a cool web page

• Try to look for web pages that do not have a lot of crazy JavaScript
• The web page should not be too complex nor too easy
• If you are not sure which one to pick, you can check out these ones:
  • https://about.gitlab.com/
  • https://www.digitalocean.com/
• Please make sure to tell your instructor which web page you picked and get his approval first

Implement it

• Your implementation should look almost exactly the same as the the web page you picked
• You can ignore sections that use JavaScript

Deploy it (optional)

• Deploy your awesome web page through GitHub Pages or Surge

Submit your assignment

• Please follow this guide to learn how to submit your assignment

Resources

In-class slides: introduction to HTML and CSS

W3Schools: HTML tutorial

W3Schools: CSS tutorial

W3Schools: RWD