leeanndrees / gdi-det-html-css

Girl Develop It Detroit's HTML/CSS course, created with reveal.js. Please see girldevelopit/reveal.js for theme customization instructions.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to Build a Website: HTML & CSS for Beginners

Slides and materials are hosted at http://gdidetroit.com/intro/.

Course description

Want to learn how to build your own website? Already have your own Tumblr/WordPress/etc. site, but want to have more control over it? Interested in learning to program, but want to start small? This class is for you!

We will guide you through the basics of HTML and CSS, give you some readily-applicable skills, and answer any questions you may have along the way.

Prerequisites:

None! This class is for true beginners. :)

Tech requirements:

  • Your laptop (Mac, PC, or Linux are all okay).
  • A modern web browser - either Chrome or Firefox with Firebug installed.
  • A text editor. We recommend Sublime Text 2 (free; available for Mac, PC, and Linux).

Topics covered:

####Day 1:

  • What is HTML?
  • Anatomy of a Website
  • Get Set Up for Coding!
  • HTML Elements
  • What is CSS?
  • CSS Properties
  • Connecting CSS to HTML
  • Using the Inspector

####Day 2:

  • Review: HTML and CSS syntax
  • HTML5 Structural Elements
  • Inline vs. Block Elements
  • CSS Box Model
  • The div Element
  • IDs and Classes
  • CSS Positioning
  • How does a website work?
  • What's next?

About

Girl Develop It Detroit's HTML/CSS course, created with reveal.js. Please see girldevelopit/reveal.js for theme customization instructions.


Languages

Language:HTML 50.9%Language:CSS 32.6%Language:JavaScript 16.0%Language:GLSL 0.5%