Lab 2: Creating a Webpage from a Template
Problem: You are part of a philanthropic group of motorcyclists who participate in community events and parades to raise cancer awareness. Your group is called Cycle Out Cancer, and the director has asked you to help create a website for the group. Create the webpage shown in Figure 1–54b, which identifies the type of content to include on the organization’s home page. In later chapters, you will replace the placeholders with actual text and images.

Instructions: Perform the following tasks:
1. If you created the template01.html file in the Apply Your Knowledge exercise in this chapter, open template01.html and then save it with the name  cycle.html in the chapter01\lab2 folder provided with the Data Files for Students. If you did not create the template01.html fie, enter the required HTML tags as shown in Figure 1–54a and then save the file with the name cycle.html in the chapter01\lab2 folder provided with the Data Files for     Students.
2. Enter the text Cycle Out Cancer Home Page within the <title> … </title> tags.
3. Within the body section, add the following content using 10 sets of paragraph tags. At this point, the content consists of 10 placeholder paragraphs    that you will replace         with actual webpage content in later chapters.
       <p>1 Headline: Cycle Out Cancer</p>
       <p>2 Sub-headline: We Ride So Others May Live</p>
       <p>3 Benefits: Explain how we make a difference to this world.</p>
       <p>4 Call-to-Action: Links to email, Facebook, Twitter, and other ways to contact us.</p>
       <p>5 Features: Include pictures, maps, and descriptions of planned rides.</p>
       <p>6 Cancer Survivors: Include quotes from lives we’ve touched.</p>
       <p>7 Website Navigation System</p>
       <p>8 Images</p>
       <p>9 Resources</p>
       <p>10 Address</p>
4. Replace the “10 Address” placeholder text with your name and the address of your school. Include a <br> tag at the end of each line so that each line of the address                 appears on its own line as shown in Figure 1–54a. The entire address should be surrounded by only one set of <p> … </p> tags.
5. Indent the code and content within the head and body sections to make each section distinct and readable.
6. Check the spelling of the text within the title and body tags.
7. Save the page and then open it in a browser as shown in Figure 1–54b.
8. Submit your assignment in the format specified by your instructor.
9. The term Call to Action (CTA) refers to anything that urges the reader of a webpage to take an immediate action. The CTA on a webpage is often a button or hyperlink.             Using  your favorite search engine, identify five reasons you might use a CTA and then provide five techniques for drawing attention to your CTAs.