Class hours: 10:05 – 2:45
Mr. Bohmann | wbohmann@ewsd.org
10:05 Today’s Notes & Attendance
Today is a CTE Red Day
- Champlain College Interviews
- 9:30am – Jerry
- 1:00pm – Brodey
- 2:15pm – Josh
- 2:40pm – Alex
- There is an email with prep questions in your inbox
10:10 Champlain College Presentation
- Ask good questions
- Be a respectful audience
10:50 Break
11:00 English
11:50 Ids and Classes Quick Review
HTML elements provide the structure to webpages while the CSS adds the style. JavaScript makes pages interactive.
To help the HTML elements stand out, we can use “styling hooks” by adding IDs and Classes to the elements. Did you know that an element can be loaded up with many classes – handy!
IDs are unique
- Each element can have only one ID
- Each page can only have one element with that ID
Classes are not unique
- You can use the same class on multiple elements
- You can use multiple classes on the same element (just leave a space)
Let’s practice using IDs and add some smooth scrolling to create a simple, scrollable web page linked by IDs. This is a great way to create a one page website. Open CodePen and start a new pen. Name it Smooth Scroll with IDs. We’ll also incorporate some of the flexbox work we did yesterday as a review.
html{
scroll-behavior:smooth;
}We’re not going to build anything ground-breaking here, but we will get to see the concept in action.
Ask me about gradients… for something extra and ask me about image placeholders
12:25 – 12:55 Lunch
12:55 Independent Reading
1:20 Break
1:30 Design Challenge
1:55 Production Time and Guided Support
- Famous Photographer Assignment
- Flexbox Photo Gallery
2:40 Dailies
Dailies can be placed in the CAWD2 Dailies Folder on the CAWD2 Public Folders drive