web page should be created using notepad pc users or textedit mac users

  1. Create a Web page (separate from the one created in Part 1) that includes a table with at least two rows and two columns. Title your Web page – John Doe’s Hobbies Page but use your own name (this information goes in the title tag). Each cell in the table should contain one of your hobbies. Include two heading levels – h1 and h2 somewhere on the page. Save your Web page as hobbies.html. Link your movies page to your hobbies page. Then link your hobbies page to your movies page. Add an image to your movies page and a different image to your hobbies page. Make sure to include the alt tag with an appropriate description for each image. Also, include at least one external link on at least one of the two pages. Organize the content on each page in a way that is easy to read and save the pages again.
  2. Create an external cascading style sheet to apply the following styles:
    • the color red to all h1 headings
    • the color blue to all h2 headings
    • the color green and the font Arial to all paragraphs
    • the font Cursive to all ordered lists
    • the font size 28px to all bulleted lists
    • a solid border around all tables
    • a solid border and a background color of purple to all cells within a table
  3. Create classes to style specific tags as follows:
    • Change the background color of one of the cells in the table to orange
    • Change the text color of one of the items in the unordered (bulleted) list to orange
    • Change the font of one of the items in the ordered (numbered) list to Arial
  4. Do not include any embedded or inline tags in your code. All styles should be applied using an external cascading style sheet and classes. The completed external cascading style sheet should contain 7 tags and 3 classes.
  5. Save the cascading style sheet as styles.css.
  6. Link the cascading style sheet to both the movies page and the hobbies page and apply the classes to the appropriate tags in each page.
  7. Save both Web pages (movies.html and hobbies.html) again.
  8. Validate both Web pages (movies.html and hobbies.html) using the World Wide Web Consortium validation site. Apply HTML5 validation.
  9. Upload your two Web pages as well as the two image files and the css file to to myDrive. Instructions for doing so can be found here. Make sure to also submit your files in Canvas.
  10. Check both html files and make sure they render as you intended and that all the links work.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *