::November 1::
Introduction to Web Development :: Lesson 6.1 & 6.3
Expectations:
C: Voice Level 2 (only the people next to you can hear you and no shouting across the room)
H: Ask your team, elbow partner or raise hand
A: Work on the assignment
M: Stay in your assigned seat
P: Work till assignment is completed
S: Finishing your work
Typing.com ASSIGNMENT!
Beginner: Review 2 :: Due Friday, October 25:: 10 Points
Typing:
1. Log in to typing.com
2. Click Lessons
3. On Beginner Tab, Click Beginner:
Review 2
(this is due Friday, October 25): 10 Pts.
If you are finished or waiting, work on Clever!
1. Students click on the Clever icon on the desktop
2. Sign in using the username & password (same as logging into computer)
3. Click on the square that says iReady
4. Continue until time is up!
Lessons have been assigned to them based on their diagnostic test results both in Math and Reading. Within each lesson are brain break games. The district is pushing a goal of 45 minutes per week on Online Lessons in ELA and 45 minutes per week in Math to close the gaps found in the diagnostic. Math and ELA are providing some of that time during the week, but not all.
Let's begin...CREATE YOUR HOMEPAGE!
Watch the Video below for complete instructions!
Objectives:
Understand what HTML and CSS are and how they work together to build websites.
Set up a web development environment using VS Code and browser developer tools.
Learn and apply the basic HTML structure.
Create a simple webpage using headings, paragraphs, and links.
What, Why & How:
WHAT ARE WE LEARNING: Website development!
WHY IS IT IMPORTANT: Web design is one of the jobs that will continue to be in demand
HOW WILL MY TEACHER KNOW WHAT I LEARNED: You will build your very own website and answer questions about its completion!
Web Development: Intro to Web Lab
What is HTML, CSS & JavaScript?
Intro to HTML:
Let's Get started!
6.1 :: Today we will working on lesson 6!
::6.2::
Let add Style to your page! Add your name to Line 9 and Lets change the color of the font! You got this!
click on index find line 9 add your name. Easy!
Click on Style.css, find the color, and Change it. Now, change the alignment of the sentence in the middle! Too Easy!
::6.3::
Let's add Style to your page! Add your name to Line 7 and change size to 30 font. Align to the center, and let's change the color of the font H1, H3, and P!
Also, Add an H3 header and 1 odd world record of your own. You got this!
click on index find line 7 add your name. Easy!
Click on Style.css, find the color, and Change it H1, H3, P. Now, change the alignment to Center! Too Easy!
REV: 3.1 :: Today we will working on lesson 3!
Click on Lesson 3 Part 1 (3.1)
Let's Have some fun! Add Name to Line 7. Write something cool on line 13 and 23
3.2 :: Create a <h1> Header for title and 3 <h3>
List 3 of your hobbies and how long you have done them
3.3 :: Heading Sizes
3.4 :: Heading Quick Check
3.5 :: Favorite Foods
3.6 :: Best Pet
3.7 :: Numbered?
Can you spot the changes made? Let's see if you can recreate all the changes.
3.8:: HTML Headings: A, B&D
3.9 :: Organize Content. Use Headers, Paragraphs & bullet points.
3.10 :: Reflection
3.11 :: A, B & C Only
3.11.C
Try to recreate this with your own responses. Must include & and ".
Review Ch. 1 - 2
Click on Lesson 1
Click on each Website
(Take your time! No rush! )
Complete Survey
Click on Lesson 2
You got this!! (2.1)
Write your favorite:
Name
Color
Animal
What Happened? Discuss with the person next to you and raise your hand.
What Happened!
How do we fix it?
Let's have some fun! Write your name on line 4. Write a cool phase on line 5. (2.2)
What does it all mean Mr. Harshaw?? Here are a few key terms... (2.2)
<!DOCTYPE html> ......
<html>..............................
<body>.............................
<P>....................................
<H1>................................
<ul>..................................
<il>...................................
<OMG>!!! Haha!! To easy!
Click inspector!
Let's Check out each line of code!
Let's try this again.... 2.3
This is much better! 2.3
2.4
2.5
2.6 Complete Activity B & C Only
2.9 Complete Activity A & B Only
Turn in screenshots on teams for :
2.2
2.3
2.4
2.5
2.9 A&B