In the Lab Lab 3: Creating Schedules Problem: piano practice and You want to create a Web page and an external style sheet that lists your 4-49. The Web page will use a table with volunteer schedule,similar to the one shown in Figure 4 49. The Web page wil use a table with ig that span several rows and columns to organize the information. Instructions: Perform the following steps: 1. Start a new HTML file with the title Lab 4-3 in the main heading section. 2. In the Web page, create a bordered table that displays in 90% of the browser, as shown in Figure 4-49 3. Insert an inline style into the

tag that assigns the border a color of #194a70, a border width of 20 pixels, and a border style of groove. Give the table a rounded-edge look by using the border- radius property (see Appendix D). The radius should be 25 pixels. 4. Include the headings and data cells as shown, with valid information (i.e., real days and times as per a normal schedule of activities) in the data cells. The main headings (Piano Practice Schedule and Kid Camp Schedule) should be center-aligned across three columns and have a line heig 30 pixels. The data, other than the main headings, will have an indent of 10 pixels when the style sheet is coded and attached. &Google 5. Add two images, piano.png and kids.png, with all appropriate image attributes, each spanning five 6, The external style sheet should contain the following styles and be saved as lab4-Jstyles.css Cases and Places rows. (font-family: Arial, Verdana, Garamond; font-size: 11 pt;) body th.subtitle (text-align: left; text-indent: 10px;) td (Hint: The

element aligns text left. Where would you use that class named subtitle?) text-indent: 10px;) 7. Link lab4-3styles.css to the HITML file, and save the HTML ile as labt-3solution.html. 8. Validate the HTML and CSS files using the W3C validator services 9. Print the HTML and CSS files. 10. Print the Web page from your browser II Submit the HTML file, css file, and Web page in the format specified by your instructor. Cases and Places hlam-salying skills to design and implement a solution. sheel Google Tools PIANO PRACTICE SCHEDULE Day of Week Day 1 Day 2 Day 3 Day 4 Time Time 1 each title spans three columns Time 2 Time 3 each image spans five rows Time 4 lab4-Style.css external style sheet sets styles for Web page KID CAMP SCHEDULE Day of Week Day 1 Day 2 Day 3 Day 4 Time Time 1 Time 2 Time 3 Time 4 row background and text colors vary Figure 4-49 In the Lab Lab 3: Creating Schedules Problem: piano practice and You want to create a Web page and an external style sheet that lists your 4-49. The Web page will use a table with volunteer schedule,similar to the one shown in Figure 4 49. The Web page wil use a table with ig that span several rows and columns to organize the information. Instructions: Perform the following steps: 1. Start a new HTML file with the title Lab 4-3 in the main heading section. 2. In the Web page, create a bordered table that displays in 90% of the browser, as shown in Figure 4-49 3. Insert an inline style into the tag that assigns the border a color of #194a70, a border width of 20 pixels, and a border style of groove. Give the table a rounded-edge look by using the border- radius property (see Appendix D). The radius should be 25 pixels. 4. Include the headings and data cells as shown, with valid information (i.e., real days and times as per a normal schedule of activities) in the data cells. The main headings (Piano Practice Schedule and Kid Camp Schedule) should be center-aligned across three columns and have a line heig 30 pixels. The data, other than the main headings, will have an indent of 10 pixels when the style sheet is coded and attached. &Google 5. Add two images, piano.png and kids.png, with all appropriate image attributes, each spanning five 6, The external style sheet should contain the following styles and be saved as lab4-Jstyles.css Cases and Places rows. (font-family: Arial, Verdana, Garamond; font-size: 11 pt;) body th.subtitle (text-align: left; text-indent: 10px;) td (Hint: The

element aligns text left. Where would you use that class named subtitle?) text-indent: 10px;) 7. Link lab4-3styles.css to the HITML file, and save the HTML ile as labt-3solution.html. 8. Validate the HTML and CSS files using the W3C validator services 9. Print the HTML and CSS files. 10. Print the Web page from your browser II Submit the HTML file, css file, and Web page in the format specified by your instructor. Cases and Places hlam-salying skills to design and implement a solution. sheel Google Tools PIANO PRACTICE SCHEDULE Day of Week Day 1 Day 2 Day 3 Day 4 Time Time 1 each title spans three columns Time 2 Time 3 each image spans five rows Time 4 lab4-Style.css external style sheet sets styles for Web page KID CAMP SCHEDULE Day of Week Day 1 Day 2 Day 3 Day 4 Time Time 1 Time 2 Time 3 Time 4 row background and text colors vary Figure 4-49