Part 1: Create an HTML5 page containing places important to you (25 points)

Create a folder named XXAssign4, where XX are your initials (So if my name were Joe Jackson, the folder would be named JJAssign4.)

Copy the files from Assignment 3 (index.html and styles.css) into this folder .

Using Brackets, Notepad++ or another text editor, create an HTML5 file named places.html.

Edit styles.css to format places.html without destroying the formatting in index.html.

Your places page should have:

• A heading with your name
• Nav bar Requirements:
  • Nav bar that consists of an unordered list of links:
    • A relative link to index.html
    • A relative link to the newly created page (places.html)
    • A link to a website pertaining to a place you find interesting
    • No bullets should show in the Nav bar
    • No underlines in the nav bar
    • Nav bar text spaced and centered
    • Background color for nav bar different from background color for page
    • Once the Nav bar is working, copy it to index.html
• Table Requirements
  • Table of places you've lived
    • 4 columns in the table:
      • City
      • State
      • Start date
      • End date
    • Spanning:
      • City and State should span two rows
      • Dates should span two columns (Start and End)
    • Rows: The table should list at least three places
    • Borders:
      • Borders should be collapsed with no border-spacing
      • Cells in the table should have a visible border and be appropriately sized and centered
      • The table's border should be twice as large as border of individual cells
    • Background colors: the table should have 3 background colors that are different from the page's background color
      • th elements should be one color
      • the two columns (city and state) in each row should be another color
      • the dates should be another color
    • Can be fictitious
• List Requirements
  • An unordered list (bullet) of favorite vacations
  • An ordered list (numbered) of favorite places to visit
  • A description list of at least 2 things to do in each of 2 places with
    • terms
      in bold
    • details
      in normal text
• An image of a place you like with a caption below it
• A footer with copyright information, e.g. copyright your name, 1984

Assign color and background-color as desired, but make sure they are legible. Use CSS box model too assure proper spacing.

Code requirements :

• Only one CSS file that works for both pages
• Last week's web page maintains its format. (It's OK, if you did a poor job with last week's lab to fix errors.)
• Last week's and this week's pages have the same "look and feel"
• Appropriately split between HTML (what) and CSS (how)
• Legible code (appropriately formatted)
• Closing tags in HTML for ease of reading
• Reset rule in CSS updated for this week's page
• All styles MUST be in your CSS file.
  • DO NOT use a
• Validate places.html using the w3c markup validator
• Validate styles.css using the w3c css validation service

Grading: all of the criteria below are graded on a scale of 0 to 5

• Nav Bar - fulfills nav bar requirements above
• Table - fulfills table requirements above
• Lists - fulfills list requirements above
• Attractive web page - nicely spaced and balanced. Good colors. Good image with caption
• Good Code - fulfills code requirements above

Dan Dougherty's Places Home Places Dublin, Ireland Places lived Dates City State Start End Portland Oregon Sept 1989 Present California Sept 1976 Aug 1999 Berkeley Endicott New York Jan 1965 Aug 1976 Favorite Places to Visit 1. Oregon Coast 2. Bay Area 3. Adirondacks Favorite Vacations France Molakai Cruise to Alaska Train Trip across Canada Things to Do France Canoe the Dordogne Visit Sarlat Explore Paris Molakai Enjoy the beaches Canoeing down the Dordogne Eat mangoes @ Copyright Dan Dougherty 2020