Embed Size (px)
Citation preview
Basic Website Structure
What is something fun you did this summer?
Use 2 Super Powers
● X-Ray Vision● Being Bossy
Structure of Websites
Computer programming is like writing rules for a computer to follow, similar to bossing around a younger sibling.
Websites● A website is a bunch of web pages
that work together.
● Each web page includes instructions for how each page should look.
HTML
Tags
Learning This Stuff
We learn a few words at a time and then use them in a specific way.
Take to the skies for aerial firefighting adventures with the awesome 2-in-1 LEGO® Technic Fire Plane! This impressive model is packed with authentic details and features, including a detailed 2-cylinder engine, joystick-controlled elevators and ailerons and large pontoons.
What is HTML?
HyperText
Creates links between web pages.
Markup With Tags
<p>
<body>
<h1>
<nav>
<li>
<div>
Browsers
● They are like cars but different models.
● But just like different models of cars, they offer different options
Markup with HTML Tags
HTML tags surround, or “mark up,” your
content so browsers knows what each piece
of text means and how to represent it.
Why Tags?
Top 3 highest box-office movies
These 3 movies account for more than 6 billion dollars total.
Avatar
Titanic
The Avengers
Browser Result
Top 3 highest box-office movies These 3 movies account for more than 6 billion dollars total. Avatar Titanic The Avengers
Uhhh, can you say Run On Sentence!!!
Why Tags?<h1>Top 3 highest box-office movies</h1>
<p>These 3 movies account for more than 6 billion dollars total.</p>
<ol>
<li>Avatar</li>
<li>Titanic</li>
<li>The Avengers</li>
</ol>
Top 3 highest box-office moviesThese 3 movies account for more than 6 billion dollars total.
1. Avatar2. Titanic3. The Avengers
Take to the skies for aerial firefighting adventures with the awesome 2-in-1 LEGO® Technic Fire Plane! This impressive model is packed with authentic details and features, including a detailed 2-cylinder engine, joystick-controlled elevators and ailerons and large pontoons.
Developer Tools
Who is really the President of the United States?
Let’s ask Wikipedia.
*Go to Developer Tools and change name to a student's name.*
Teacher Resources
Tags
Print off these tags on cardstock and tape to the poster board then add the images from the site in the correspondent areas.
LEGO Website
Print off the following slides, cut, laminate and put together the website on a white sturdy board. Behind the visual pieces is the tag that is velcroed there to show the tag that gives structure to the site.
Take to the skies for aerial firefighting adventures with the awesome 2-in-1 LEGO® Technic Fire Plane! This impressive model is packed with authentic details and features, including a detailed 2-cylinder engine, joystick-controlled elevators and ailerons and large pontoons.
Fire Plane Rescue SetLimited Edition
Title above paragraph
Take to the skies for aerial firefighting adventures with the awesome 2-in-1 LEGO® Technic Fire Plane! This impressive model is packed with authentic details and features, including a detailed 2-cylinder engine, joystick-controlled elevators and ailerons and large pontoons.
