Today’s goals:
- Quick CSS Review
- FINAL DAY: CSS Quote project
- Complete a survey about the first quarter
- ONLY WHEN YOU FINISH THE FIRST 3 GOALS:
- Review first quarter grade grid and make sure you’ve completed all projects
- Learn how to create color gradient backgrounds using CSS
- Go here for instructions
Today’s featured website:
- https://codepen.io/collection/naWGZj/– Explore some Halloween-themed projects on CodePen!
CSS Review
What you’re responsible for: reading the directions, paying attention, following along with me, and asking questions
Ask your CSS questions now! See me before, during, or after school if necessary.
- Use this page as a reference
- Where does CSS code go on your webpage? Head or body section?
- Find and define selectors, properties, and values. See https://www.w3schools.com/css/css_syntax.asp.
- Should CSS ever go in your body section?
- We use pointy brackets < > with HTML. We use curly brackets { }, colons : and semi-colons ; with CSS. Find those now on your keyboard.
- We’re currently doing EASY CSS! We have to build on this basic foundation (where to put CSS, how to write it) before moving onto more complicated stuff.
CSS Quote Project
- You’ll create an inspirational quote webpage using the new CSS you’ve learned
- Directions: Go here
What You Learned 1st Quarter:
- How the internet works, web hosting, and domain registration
- What browsers are and built-in tools to help with web development
- Basic HTML– how to set up a basic webpage, how to add images, links, text
- Computer and internet security basics
- Basic CSS– how to add a background image and color, how to change the text font, color, and size, how to add a text-shadow
- How to use a text editor like Notepad++
- Where to find high quality, free stock images
- How to edit images using Pixlr.com
- Basic graphic design techniques
- What WordPress is and how to use it
- How to add a web font like Google Fonts to your website
- Where your work is published: on class website, school website, and school social media
- 1st quarter survey Please do this now