Topic 07:
CSS Pt. 1

So far this session, some of the things you have learned include:

  • a brief history of the Internet and how the web/browsers work.
  • The difference between a text document and a binary document.
  • How to work with the git version control system (VCS), as well as utilize a remote repository.
  • 2 markup languages:
    • markdown (.md)
    • HTML (.html)
  • The necessary elements to create a basic web page that can be served to a browser.

This week we will start learning about and exploring CSS or Cascading Style Sheets.

CSS is a language that tells browsers how to display and style content in HTML. It will not change the content itself, but will allow you to specify color, font, size, background, padding, alignment, how pages resize, if certain elements should be hidden, and many more qualities.

Introduction to Project 3

Project 3: The Literature Showcase

Your third project is where creative styling and typography will bring your HTML to life.

Duration: 3 Topics/Weeks

Timeline/Project Breakdown:

  • Part 1: Color (cohesive palette across content)
  • Part 2: Typography (fonts, selecting and implementing)
  • Part 3: Layout (boxes, borders, and being inline)

Project Part

Topic Goals

By the end of this Topic, we hope you:

  1. Understand how CSS functions in web design, and the many ways we can use it in our pages.
  2. Have experimented with CSS selectors, and tried linking your own stylesheet to your index.html.

Next section: