Web Design:
Site Layouts & CSS
Web Design:
Site Layouts & CSS
Embedded Files
Web Design:
Site Layouts & CSS
Today's Goal
Today's Goal
Use CSS to design a
layout for a webpage.
Completed
Basics of HTML
Basics of MakeCode
JavaScript to change page elements
Today
Core Languages of the Web
Creating a Layout with CSS
Upcoming
Starting our Semester Project
Part Zero
Part Zero
Typing Practice
Typing Practice
Today's typing practice:
https://shaunwegs.github.io/2024/focs/typing/d/10-16.html
Add a screenshot showing your typing practice to your slide
Part One
Part One
Designing a Simple Layout
Designing a Simple Layout
We've worked a bit with CSS and layouts, but we didn't specifically talk about it.
That's our focus today. We'll discuss a basic layout for a page, then we'll make it in CSS.
layout.mp4Create a simple design in Apple Pages on how you'd like your page to look.
Part Two
Part Two
Create the
Layout with CSS
Create the
Layout with CSS
Now, let's look at how we do this with CSS. I'm just going to show some of the basics, but add more to include things like background colors, borders, and more.
Keep in mind, you aren't expected to memorize everything, look at previous resources, use google, etc.
layout-p2.mp4Use CSS to create a simple layout for the webpage, include things like background colors, borders, and more.
On Today's Slide
On Today's Slide
On today's slide, include screenshots of your layout in Pages, as well as created in HTML w/ CSS.
Page updated
Report abuse