Northern Virginia Community College Website HTML/CSS Pages Creation Purpose The purpose of this assignment is to create, upload, and validate a Web site c
Northern Virginia Community College Website HTML/CSS Pages Creation Purpose
The purpose of this assignment is to create, upload, and validate a Web site containing two pages to include a table, links, images, and styles.
Directions
The following Web page should be created using Notepad (PC users) or TextEdit (MAC users). DO NOT use Word or any other Web authoring tool to complete this assignment. When you edit your file in Notepad or TextEdit, open a new instance of Notepad or TextEdit to do so. Do not make the changes from the View/Source window in your browser. That does not work.
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.
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
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
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.
Save the cascading style sheet as styles.css.
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.
Save both Web pages (movies.html and hobbies.html) again.
Validate both Web pages (movies.html and hobbies.html) using the World Wide Web Consortium validation site. Apply HTML5 validation.
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.
Check both html files and make sure they render as you intended and that all the links work.
Grading
This assignment is worth 60 points toward your course grade. I will grade it based on all of the elements being present and on correct formatting (including validation using HTML5).
Assignment Rubric
Proceed to the next page by clicking the Next button below.
Rubric
Module 5 Website Part 2
Module 5 Website Part 2
Criteria Ratings Pts
This criterion is linked to a Learning OutcomeFiles and URLThis criterion is linked to a Learning Outcome Files and URL
5.0 pts
This criterion is linked to a Learning OutcomeValidationThis criterion is linked to a Learning Outcome Validation
6.0 pts
This criterion is linked to a Learning OutcomeTitlesThis criterion is linked to a Learning Outcome Titles
2.0 pts
This criterion is linked to a Learning OutcomeParagraphs and HeadingsThis criterion is linked to a Learning Outcome Paragraphs and Headings
6.0 pts
This criterion is linked to a Learning OutcomeListsThis criterion is linked to a Learning Outcome Lists
6.0 pts
This criterion is linked to a Learning OutcomeLinksThis criterion is linked to a Learning Outcome Links
9.0 pts
This criterion is linked to a Learning OutcomeTableThis criterion is linked to a Learning Outcome Table
5.0 pts
This criterion is linked to a Learning OutcomeImagesThis criterion is linked to a Learning Outcome Images
6.0 pts
This criterion is linked to a Learning OutcomeStylesThis criterion is linked to a Learning Outcome Styles
15.0 pts
Total Points: 60.0
