WDD 130: Web Fundamentals

W06 Rafting Site Project - Complete

Overview

Complete the rafting site project by adding two more pages to the site, the Home and Trips pages.

"Life is a journey, not a destination. As we travel along life's pathway, we encounter challenges, obstacles, and uncertainties. But we must not permit these to divert us from our destiny. We must continue on, even when the road ahead seems uncertain. We must finish strong."

- President Thomas S. Monson, "Finishers Wanted", Ensign, June 2001

Instructions

  1. Improve your rafting project's About Us and Contact Us pages as needed given prior feedback.
  2. Review the Rafting Site Project Description including the provided home page wireframe.
  3. Design and develop the two remaining pages for the rafting project.
    1. Home page requirements
    2. Trips page requirements
  4. Make sure all four pages having common navigation and that all the links work.

    Consider using the Validate Links tool found in the Web Developer extension.

  5. Review the Web Development Standards Checklist and compare each of your pages against the standards.
  6. In a private browser window, load your site and use Dev Tools Lighthouse to run a report for Desktop in the performance, accessibility, best practices, and SEO categories. Review the notes provided.

    NOTE: The Lighthouse report will not be assessed by the graders. It is provided as a tool to help you identify areas of improvement. Do not worry about fixing all the issues, just those you recognize.

Testing and Assessment

  1. All folders and files on the rafting project website must meet the course's naming conventions.
  2. The validation report at https://validator.w3.org/nu reports no errors for every page.
  3. The validation report at https://jigsaw.w3.org/css-validator/ reports no errors and
    only one (1) css file was used for the entire project.
  4. Each page title element has relevant content that is reflective of the page content and the website as a whole on all pages.
  5. Each page meta description element has relevant content that is reflective of the page content.
  6. No color contrast violations at the AA level. Use DevTools CSS Overview in DevTools to run the test on each page.
  7. The Home page contains a hero image with heading, a newsletter, call to action, uses CSS Grid as assigned, and contains the required content.
  8. The Trips page contains contains the required content.

    Full credit consideration requires layouts on these two pages that is beyond a simple, single column layout, is visually appealing, and adheres to design principles of ease of use, uniform alignment, proximity of components, and use of white space.

  9. Each individual page does not exceed the 500 kB transferred size as reported by DevTools Network with an empty cache reload. The focus here is that images have been optimized and that no outside library/framework is used.

    Note that The Google Map in the Contact Us page does not count when measuring total transferred kilobytes per page.

Submission

  1. Commit your changes and push them to your wdd130 GitHub Pages enabled repository.
  2. Submit the your rafting project URL in I-Learn. 
    https://githubusername.github.io/wdd130/wwr/