/day-1-ugly-website

Primary LanguageHTML

Description

Create a basic webpage.

Learning Objectives

  • You should know how to use html and css selectors

Performance Objectives

  • Demonstrate basic knowledge: html, and css selectors

Deliverables

  • A GitHub repository containing an index.html, styles.css, and normalize.css

I'm a Web Developer Mode

  1. Create an HTML file
    • create a new project folder in your code directory named awesomely-ugly-website and add an HTML file named index.html
  2. Practice HTML
    • practice the basics of HTML, create a simple web page with some HTML content; the uglier and more html you can muster, the better
    • use a minimum of 10 different html elements
  3. Add Normalize.css to your web page
  4. Add some custom styles
    • create a stylesheet with some selectors and rules; name your style sheet styles.css
    • use a minimum of 10 different css style attributes
  5. Add at least one image to your awesomely ugly site
  6. Deploy your site to GitHub

Hey, Mikey, I Think He Likes It Mode

  • Add a button to your webpage that swaps out an image when you click it (HINT: JavaScript)
  • Sadly, the <blink> tag has been removed from html, re-implement it with JavaScript!
  • Scrolling marques really help grab the attention of would-be-customers, so add one to your site
  • Add a footer to your site with an "under construction" animated gif

Caffeinated Mode

  • Create a web page layout that has two columns of content that are side-by-side
  • Add a table of made up statistic calculations to your site (Like "# of Happy Vegetable Eaters by State")