When Tim Berners-Lee created the World Wide Web and introduced people to HTML, he was introducing them to something revolutionary. He was showing them something they had never seen before. He was showing them how to write linkable text. He made it so that people could read a block of text, then click on a portion of that text that was underlined in blue, and visit a completely different page of information. And that was the beginning of the actual World Wide Web. A messy web of links that take people from one place on the web to another place on the web.
Learning to make web pages is one thing. But learning how to link those web pages to each other and to other outside pages is something else entirely. In fact, a web page really isn’t a web page unless it has links. Today’s lesson is about getting comfortable with the idea of links.
LEARNING GOAL #2: The Basics of HTML
Students will be able to design multiple web pages with HTML through the use of simple Text Editors.
PART 1: DEDICATED CODINGRead More
REMEMBER HOW THIS WORKS
Below is a list of codes that you are required to type out. When you finish typing them out, your job is to save the work, open the page with Chrome, and see if it matches the “Looks Like” image in the table below. If it does not, you need to go back through your code and fix your mistakes. If it looks right, simply raise your hand and ask to be checked.
Between Lesson 2.4 and Lesson 2.9, you are responsible for getting 4 out of 6 source codes completed for an A (3/6 = B, 2/6 = C, 1/6 = D, 0/6 = F). However, if you finish any of these codes early, just keep going because the more pages you build, the more prepared you’ll be for the opening project. Source Codes will be due by the end of Lesson 2.9.
YOUR LIST OF CODES
|SOURCE CODE||HTML SAVE TITLE||FOLDER||LOOKS LIKE|
|Source Code #1||scinline.html||/pgs||Looks Like This|
|Source Code #2||scinternal.html||/pgs||Looks Like This|
|Source Code #3||scivyleague.html||/pgs||Looks Like This|
|Source Code #4||sclinks.html||/pgs||Looks Like This|
|Source Code #5||scwhitewolf.html||/pgs||Looks Like This|
|Source Code #6||sclibraries.html||/pgs||Looks Like This|
PART 2: Class Discussion – Human LinksRead More
Topic #1 – Open Forum
- How many of you would be open to the idea of a Phone Blackout Day?
- How about a Social Media Blackout Day?
- What are some of the benefits of the Internet and the Web?
- What are some of the benefits of linking people together instantly across the globe?
- Are there any disadvantages of all this linking together? Why or why not?
Topic #2 – A Message From Tim Berners-Lee
“Link by link we build paths of understanding across the web of humanity.
We are the threads holding the world together.”
(Tim Berners-Lee, Weaving the Web)
Topic #3 – It’s All About Perspective
Topic #4 – Working with Anchor Links
Open a new Notepad document and save it as 2-7_anchors.html in your “pgs” folder. In HTML, links are called “anchors” because they pivot from one location to the next. That’s why you’ll see the A tag (for anchor), rather than an L tag (for link). During this coding activity, you will work directly with the teacher to ensure you know exactly how to make a link. It shouldn’t take long, but the things you need to know by the end of this activity are below:
- External Links
- Internal Links
- Image Links
PART 3: Final Review for QuizRead More
On February 11, you will have your first Quarter Quiz. That means you need to know quite a few things ahead of time. The questions below are all things that have been discussed and reviewed in class. Today, we will take a few moments to ensure everyone knows how to answer the questions for their upcoming quiz.
Your Quarter Quiz will pull from the following questions, but will not include anything from today’s lesson.
- True or False – You are allowed to eat, drink, or chew gum at your computer workstation.
- What is the Internet?
- What is the Web?
- What is a Web Page?
- True or False – Your teacher will notice if you play with the handle on your chair.
- What does HTML stand for and what does it do for a web page?
- The Internet is a connection of _____________________ around the world.
- Identify six important locations on a map that were discussed in class relating to World War II
(Soviet Union/Russia, United States, Germany, Japan, Great Britain, Pearl Harbor)
- What are the three main parts of HTML?
- Explain what it meant for Japan to “Wake a Sleeping Giant” during World War II.
- What was the name of that famous place where all the codebreakers of WW2 did their work?
- What language is required for a web page to be shown on a browser?
- What kind of advanced technology brought a frightening end to World War II?
- Name three different kinds of structures for a website.
- Why was the Soviet Union able to develop nuclear weapons so quickly after WW2?
- What word is used to describe “grammar” for coding?
- After doing so many awful things during World War II, how did Germany recover?
- Explain the difference between the Internet and the Web.
- What was the name of the German coding machine that Alan Turing had to crack during World War II?
- Name three self-closing tags in HTML.
- What is copyright?