CSE 154
Lecture 5: Case Study 1
The Ducky Store
from Shirt Woot!
Today's agenda:
- Lots of interesting notes
- Announcing Creative Project 2
- A Case Study in building a website
Notes
Homework 1 due today
Demo: PDF for HW1 will look different than what your browser renders
img tag centering
solutions
Amatic CS is a Google Font, import it using the technique shown in lecture 3 on Friday
REMINDER: Do NOT post any part of your HW solution on Piazza or any other social media forums.
CSS and Layout
Summary of Lecture 4
Height and Width of an object are pretty intuitive
Inline elements have the width of their content, block elements stretch across the whole page. Both generally have the height of their content.
The box model is kinda intuitive? Maybe?
Objects on a page have padding, a border, and a margin. THere are a lot of properties for each.
Alignment is just TOUGH and Confusing
Well text-align is ok if you have text inside a block but rest of it? Like float and positioning? Oy.
Flexbox will help!
Tomorrow's lab. Fun!