Today’s goals:
- Complete second quarter survey and self-paced second quarter review
- Find your new seat
- See what you’ll learn third quarter
- Come up with a topic for your first webpage project
Today’s featured site(s):
- http://perpetual.pizza/ – (don’t look at it too long!) and https://namasketch.com/ – (from Friday)
Second Quarter Survey and Review
What you learned second quarter
- CSS Box Model and box model properties (margins, borders, padding) and box-sizing (how browsers compute the width of content) (link)
- Opacity property (link)
- CSS selectors– type, .class, and #ID (link)
- Line-height property (link)
- Box-shadow property (link)
- Position property (link)
- Z-index property (link)
- CSS floats (link)
- Display property and values of block, inline, and inline-block (link)
- How to create horizontal and vertical website menus (link)
- Flexbox (or flexible box) layout (link)
- Border-radius property (link)
- Filter property (link)
- CSS animations: Animate.css (ready made animations to add to your site); @keyframes rule and animation property; Animista.net (web-based tool to create animations)
- Web typography (use of typography in web design) (link)
- How to create buttons with the button tag (link)
Second quarter survey
Self-guided reviews
- You will spend time on any of the following topics you feel as though you need to review. Click the links above in the “what you learned section” and/or click the links below for additional review:
- Box model
- Positioning
- Floats
- Classes, IDs, and div tags
- Display, block, inline, inline-block
- Selectors, properties, and values
- HTML and CSS comments
- Don’t see what you’re looking for? Try w3school.com’s CSS tutorials.
Third Quarter Preview
- Website project– begins today and lasts for a few weeks
- Responsive web design– make your site look good on different devices (flexbox and grid layout, media queries, CSS frameworks)
- JavaScript for the web
Webpage Project Topic
- Choose a topic for your first webpage project. What would you like to create 2-3 pages about? What interests you? Do you want to try to re-create or re-imagine a site you like?
- Let me know when you choose a topic
- Coming up tomorrow: code support, suggested timeline, and productivity tips for independent work and breaks
- View projects created by previous students for inspiration: