[email protected] Figure 2-37
Instructions: Perform the following tasks: 1. Create a folder to serve as the root folder for the website and name the folder rescue. Open your text editor and add all required HTML elements to create a basic webpage, including the DOCTYPE, html, head, title, meta, and body elements. Use the File Save As feature to save the webpage in the rescue folder with the file name template.html to create the webpage. Copyright 2021 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. 2. Add a multiple-line comment, beginning on Line 2, that includes your name, file name, and today's date. <!-- --> Building a Webpage Template with HTML 5 HTML Chapter 2 HTML 79 Student Name: File Name : Date: 3. Add the lang attribute to the starting html tag and specify the language as English. 4. Add the content, Wild Rescues: Template, to the title element. 5. Add the charset attribute to the meta tag and specify the character set as utf-8. ENT ASSIGNMENTS HTML Chapter 2
10. Nest the following paragraph elements within the footer element. <p>© Copyright 2021. All Rights Reserved.</p> <p>[email protected]</p> 11. Save your changes, upload the template to the W3C validator, and correct any errors. 12. Use your template to create the home page for Wild Rescues. Name the file index.html. 13. Update the file name within the comment to index.html. In the title element, replace the word, Template, with Home.
STUDENT ASSIGNMENTS 14. Nest the following paragraph elements within the main element. Add blank lines before and after each paragraph element. <p>Welcome to Wild Rescues. Our mission is to rescue, rehabilitate, and release wildlife back into their natural environment. We are a Continued > Copyright 2021 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. HTML 80 HTML Chapter 2 Building a Webpage Template with HTML 5 In the Lab continued nonprofit organization dedicated to helping injured wildlife.</p> <p>Our staff provides around-the-clock care for wildlife in need. We also provide long-term care for wildlife that cannot be released back into their natural environment.</p> <p>Will you partner with us? We need caring volunteers to help care for our animals. You can also donate, become a member, or become a sponsor. Contact us today.</p> 15. Indent all nested elements. 16. Save your changes and review the index.html page within a browser. 17. Validate your code and correct any errors. 18. Submit your assignment in the format specified by your instructor. 19. In steps 1 through 11, you created and validated an HTML template. What are the benefits of creating a template prior to creating the home page?
Lab 2: Creating a Webpage for a Wildlife Rescue Problem: You volunteer at a local wildlife rescue, nonprofit organization called Wild Rescues. The organization rescues all kinds of wild animals, rehabilitates them, and then releases them back into the wild. Wild Rescues needs a website to help raise awareness about the organization. The director of Wild Rescues has asked you to build a website for the organization. The website plan, wireframe, and site map has been completed. Create a webpage template with HTML semantic elements and static content. Next, validate the template, correct any errors, and then use the template to create a home page for Wild Rescues. Finally, add content to the home page. The completed webpage is shown in Figure 2-37. (The paw print graphic may have a different appearance in your browser.) Wild Resoues Home +40 File E/CH2/Lab2/index.html Wild Rescues ✿ Rescue. Rehabilitate. Release. Home About Us Partnership Gallery FAQ Contact Welcome to Wild Rescues. Our mission is to rescue, rehabilitate, and release wildlife back into their natural environment. We are a nonprofit organization dedicated to helping injured wildlife. Our staff provides around-the-clock care for wildlife in need. We also provide long-term care for wildlife that cannot be released back into their natural environment Will you partner with us? We need caring volunteers to help care for our animals. You can also donate, become a member, or become a sponsor. Contact us today: © Copyright 2021. All Rights Reserved. Lab 2: Creating a Webpage for a Wildlife Rescue Problem: You volunteer at a local wildlife rescue, nonprofit organizatio
-
- Site Admin
- Posts: 899603
- Joined: Mon Aug 02, 2021 8:13 am