Lab - Creating Schedules

Problem - You want to create a Web page and an external style sheet that lists your piano practice and volunteer schedule, similar to the one shown Figure. The Web page will use a table with images that span several rows and column to organize the information.  

Instruction: Perform the following steps:

1. Start a new HTML file with the title Lab 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.

3. Insert an inline style into the

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 Seiler, and Kid Camp Schedule) should be center-aligned across three columns and have a line height of 30 pixels. The data, other than the main headings, will have an indent of 10 pixels when the style sheet is coded and attached.

5. Add two images, paino.png and kids.png, with all appropriate image attributes, each spanning five rows.

6. The external style sheet should contain the following styles and be saved as labstyles.css:

body - {font-family: Arial, Verdana, Garamond; font-size: 11 pt;}

th.subtitle - {text-align: left; text-indent: 10px;}

td - {text-indent: 10px;}

7. Link labstyles.csss to the HTML file and save the HTML file as labsolution.html.

8. Validate the HTML and CSS files using the W3C validator services.

9. Point the HTML and CSS files.

10. Print the Web page from your browser.

11. Submit the HTML file, .css file, and Web page in the format specified by your instructor.