| Full lesson | Create for a teacher a set of content for giving a lesson, beginning with the lesson plan. Each new block of materials must begin with an H1 heading (other subheaders must be H2, H3, etc). When you describe required pictures, write those descriptions in curly brackets, for example: {A picture of a triangle} |
| Which subject | Design and technology |
| What topic | Hyperlinks, internal, external, email, and create a navigation bar |
| What length (min) | 50 |
| What age group | Doesn't matter |
| Class size | 6 |
| What curriculum | CompuScholar |
| Include full script | |
| Check previous homework | |
| Ask some students to presents their homework | |
| Add a physical break | |
| Add group activities | |
| Include homework | |
| Show correct answers | |
| Prepare slide templates | |
| Number of slides | 9 |
| Create fill-in cards for students | |
| Create creative backup tasks for unexpected moments |
Hyperlinks, Internal, External, Email, and Create a Navigation Bar
Grade 6 and above
Design and Technology
6 students
CompuScholar Curriculum Standards
| Step Number | Step Title | Length | Details |
|---|---|---|---|
| 1 | Introduction to Hyperlinks | 10 min | Discuss types of hyperlinks: internal, external, and email. Use examples and visuals. |
| 2 | Printable Cards Distribution | 5 min | Hand out printable cards for students to fill out definitions and examples of hyperlinks. |
| 3 | Group Activity: Web Page Design | 15 min | Students will work in groups of 3 to design a simple web page layout that includes a navigation bar. Ensure each group drafts their ideas on paper first. |
| 4 | In-class Filling of Printable Cards | 5 min | Allow students time to fill out their cards based on the discussion and group activity. |
| 5 | Check and Collect Cards | 5 min | Randomly check or collect the students' cards to ensure understanding without class presentation. |
| 6 | Assign Homework | 5 min | Assign students homework related to creating a full web page that incorporates what they learned about hyperlinks and navigation. |
| 7 | Wrap-Up and Q&A | 5 min | Recap key points about hyperlinks and navigation bars. Allow students to ask questions. Discuss the importance of proper hyperlink usage in web design. |
This lesson is designed to give students hands-on experience with hyperlinks and the construction of navigation bars, fostering both individual and collaborative skills. The structure ensures diverse methods of assessment and engagement without the stress of public presentations.
"Good morning, everyone! Today, we’re going to dive into the world of hyperlinks, which are a vital part of web design. Can anyone tell me what a hyperlink is?
(Wait for responses)
"Great answers! Hyperlinks are clickable links that connect to other sections within a webpage or to entirely different webpages. There are three types of hyperlinks we’ll discuss today:
Let's look at some examples. (Show visuals on projector).
As we review these, think about how each type plays a role in navigation and provides important connections on the web.
To recap, internal links help keep visitors on your site, external links can enhance credibility and provide additional resources, and email links can encourage communication.
Now, let's get our hands busy!"
"Now, I’m going to hand out these printable cards. Each card has sections for you to fill out definitions and examples for each type of hyperlink: internal, external, and email.
Please take one card and fill it with notes based on what we just discussed. You have 5 minutes for this activity.
Remember, this is a tool for you to remember important information, so do your best!"
"Alright, now that we have a good understanding of hyperlinks, it’s time to apply this knowledge. I’m going to split you into groups of three.
In your groups, you will design a simple web page layout that includes a navigation bar.
Before jumping onto your computers, take a few minutes to draft your ideas on paper. Think about how you want to structure your page and where you will place your hyperlinks.
You have 15 minutes for this group activity. Collaboration is key, so make sure everyone contributes!"
"Now, let's take a few minutes to complete our printable cards. Using the ideas and discussions from our group activity, please fill out any information you might have missed or clarify your notes about hyperlinks.
You have 5 minutes for this task.
If you have questions or need help, just raise your hand!"
"I'm going to walk around and check your cards now. Please keep them handy.
I’ll randomly collect some cards just to ensure you understand the content we’ve gone through today, but no pressure – this is just for me to see how well you grasped the concepts.
Let’s take about 5 minutes for this."
"Great job today! For your homework, I’d like you to create a full web page that incorporates everything we've learned about hyperlinks and navigation bars.
Make sure to include examples of internal, external, and email hyperlinks, along with a navigation bar for your site.
You can ask questions about this if you need clarification, but this will be due next week, so start thinking creatively!"
"To wrap up our lesson, can anyone summarize the different types of hyperlinks we discussed today?
(Wait for responses)
"Excellent! Remember that proper usage of these hyperlinks can significantly impact the navigability and effectiveness of your web pages.
Before we finish, do you have any questions about what we covered today?
(Allow for questions)
"Thank you for your hard work today. I look forward to seeing your homework! Have a great day!"
| Slide Number | Image | Slide Content |
|---|---|---|
| 1 | {Image: A graphic of hyperlinks} | - Introduction to Hyperlinks - Definition: Clickable links to other sections or webpages - Importance in web design |
| 2 | {Image: Example of internal link} | - Types of Hyperlinks: - Internal hyperlinks: link to pages within the same site - External hyperlinks: link to different websites - Email hyperlinks: send an email directly |
| 3 | {Image: Examples of hyperlinks} | - Examples of each hyperlink type - Role in navigation - Enhancing credibility with external links |
| 4 | {Image: Printable cards} | - Printable Cards Activity: - Fill out definitions and examples for internal, external, and email hyperlinks - 5 minutes to complete |
| 5 | {Image: Group working together} | - Group Activity: Web Page Design - Split into groups of three - Design a simple web page with a navigation bar - 15 minutes for planning |
| 6 | {Image: Students filling cards} | - In-class Filling of Printable Cards - Complete cards with group activity notes - 5 minutes to finish |
| 7 | {Image: Teacher collecting cards} | - Check and Collect Cards - Teacher reviews cards - Random collection for understanding assessment - 5 minutes for checking |
| 8 | {Image: Homework assignment} | - Assign Homework: - Create a full web page with hyperlinks and navigation bar - Due next week - Encourage creativity |
| 9 | {Image: Q&A session} | - Wrap-Up and Q&A - Summary of hyperlink types - Discuss navigability and effectiveness - Open floor for questions |
| Question | Answer |
|---------------------------------------------------------------------|--------|
| What is a hyperlink? | |
| Name the three types of hyperlinks we discussed today. | |
| What is an internal hyperlink? | |
| How do external hyperlinks enhance a website? | |
| What does an email hyperlink allow you to do? | |
| Why are internal links important for a website? | |
| What are some benefits of external links? | |
| What should you consider when designing a navigation bar? | |
| How long do you have to complete the printable cards activity? | |
| What is the homework assignment related to hyperlinks? | |Can you think of a website you visit often? What type of hyperlinks do you notice being used there, and why do you think they're effective?
How might the use of external hyperlinks influence a visitor's experience on your web page? Can you provide an example of when it might be beneficial?
If you were designing a web page for a school project, what specific internal hyperlinks would you include to make navigation easier for your classmates?
Can you explain the purpose of email hyperlinks and share a situation where you think they would be particularly useful?
In your opinion, how do hyperlinks enhance the functionality of a website? Can you describe a scenario where a webpage without hyperlinks might be less effective?