INDEPENDENT STUDY : |
Monday/TUESDAY- December 6/7th, 2021
h1 {
color: purple;
font-size: 23px;
}
p {
font-family: cursive;
}
h4 {
text-decoration: underline double;
}
p {
text-align: right;
}
h1 {
letter-spacing: 5px;
}
h1 {
text-shadow: -2px 5px black;
}
color: purple;
font-size: 23px;
}
- Colors to choose from: green, pink, purple, red,
p {
font-family: cursive;
}
- Choose from "serif", "sans-serif", "cursive", "fantasy", and "monospace"
h4 {
text-decoration: underline double;
}
- Choose from "underline", "overline", and "line-through"
p {
text-align: right;
}
- choose between "left", "right", and "center".
h1 {
letter-spacing: 5px;
}
h1 {
text-shadow: -2px 5px black;
}
- Decrease or increase text shadow numbers
- Change shadow co
Objective:
Part 1: Warm-up
Part 2: Question of the day (Please have this on the back of your heads. We will answer this at the end of class)
Part 3: CSS Review, do all |
Part 4:
Check out how you can get even more colors by using RGB codes:
Check out how you can get even more colors by using RGB codes:
Do the following and if you are having trouble please ask me for help....
Part 5:
Copy and past your web page onto your new page
Part 5a:
Part 5:
Copy and past your web page onto your new page
Part 5a:
- copy your web page from here:
Part 5b:
- Past your webpage in this section
Part 6: Adding CSS Styles to your webpages
Note:
Note:
- Here you will be doing a lot of copying and pasting. The purpose of this section is for you to understand how to use the code. After you understand it you will be able to memorize it.
Part 7: review your page
Do This
Do This
- Check to make sure all the content is there.
- Check that the HTML tags structure the content correctly.
- Check that the CSS properties style the content correctly.
- Make sure your code is organized, readable and free of bugs.
Exit ticket:
Prompt: What's one thing that would make your web page better that you don't know how to do yet?
Prompt: What's one thing that would make your web page better that you don't know how to do yet?
Wednesday - December 8th, 2021
ObjectivesStudents will be able to:
Warm Up Think of some guidelines we should keep in mind when using images. How can we make sure that we are safe and respecting the rights of others? Note: Use this link to resize images or you can use the height or width attribute inside the img tag to resize it as the page loads. Part 1: Open up code.org and start with Lesson 9: Using Images, section 1-8: Part 1b: A Dog vs Cat web page has been started for you. The dog image has already been added to the below web page. Do this
|
|
Part 2:
Wrap Up
How can we add images on our websites, while making sure we respect everyone's rights?
Journal 3-2-1:
Wrap Up
How can we add images on our websites, while making sure we respect everyone's rights?
Journal 3-2-1:
- What are 3 ways you can use images to make your site better?
- What are 2 challenges in adding images to a website?
- What is 1 way you can respect people's rights when using images?
Friday - December 10, 2021
Part 1:
What are the ways that you or your friends express yourselves? Think about different ways of communicating, activities, or spaces that you consider a form of self-expression.