Objective: Learn to use more complex HTML tags to add images, create links, and organize content with lists.
1. Review of Day 1
Goal: Quick recap of <h1> and <p> tags and a discussion on any difficulties the students faced.
Activities:
Recap:
Briefly review the purpose and usage of <h1> and <p> tags.
Show examples of a heading and a paragraph.
Discussion:
Ask students if they encountered any issues while adding headings and paragraphs to their Google Sites pages.
Address any questions or concerns.
2. Introduction to <img>, <a>, and <ul> with <li> Tags
Goal: Teach students how to add images to their pages using the <img> tag, create hyperlinks using the <a> tag, and make lists with <ul> and <li> tags.
Activities:
Adding Images with <img> Tag:
Explain the <img> tag and its attributes (src for the image source, alt for alternative text).
Show an example:
<img src="https://example.com/image.jpg" alt="Description of image">
Discuss how to find images online that are legal to use (e.g., Creative Commons images).
Demonstrate how to add an image to a Google Sites page.
Creating Links with <a> Tag:
Explain the <a> tag and its href attribute for the URL.
Show an example:
<a href="https://example.com">Visit Example</a>
Demonstrate how to create a hyperlink in a Google Sites page.
Making Lists with <ul> and <li> Tags:
Explain the <ul> tag for unordered lists and the <li> tag for list items.
Show an example:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Demonstrate how to create a list in a Google Sites page.
Optional: Explain <ol> for ordered lists and how they differ from <ul>.
3. Hands-on Activity
Goal: Students will add an image related to their page's content, a list of their favorite books or games, and a link to a helpful resource.
Activities:
Setup and Instructions:
Instruct students to log in to their Google Sites accounts and open the page they will be editing.
Recap the tags learned: <img>, <a>, <ul>, and <li>.
Adding an Image:
Students will add an image to their Google Sites page that relates to their content.
Example instruction: "Find an image online that represents your favorite hobby or subject, and add it to your page using the <img> tag."
Creating a List:
Students will create a list of their favorite books, games, or activities using <ul> and <li> tags.
Example instruction: "Create a list of your top 3 favorite books using the <ul> and <li> tags."
Adding a Hyperlink:
Students will add a hyperlink to a website they find useful or interesting using the <a> tag.
Example instruction: "Add a link to a website that has more information about your favorite hobby or subject using the <a> tag."
Wrap-up:
Review:
Recap what was learned today: how to add images with <img>, create links with <a>, and make lists with <ul> and <li>.
Encourage students to practice these tags further and explore other HTML tags in their own time.
This detailed lesson plan ensures that students build on their knowledge from Day 1, learning how to enhance their Google Sites pages with images, links, and lists. The hands-on activity provides practical experience, making the learning process engaging and effective.