Thomas Wallace

Required Files

• Three HTML pages
• External CSS file(s)
• Optimized images
• All files organized in a directory named mars-rovers

Content

You are encouraged to either research publicly available NASA resources or use generative AI tools to assist in producing the written content for your site. However, all content must be organized and edited by you to ensure clarity, accuracy, and appropriate tone for your audience.

Your site must feature at least two Mars rovers, selected from the list below:

• Spirit and Opportunity

• Curiosity

• Perseverance

• (Optional) Sojourner

Each rover section should include:

• Mission goals and overview

• Launch and landing details

• Major discoveries or accomplishments

• Key technical or design features

The primary goal of this project is to demonstrate strong technical implementation, including proper HTML structure, accessible design, and best practices in front-end development.

Images

Source additional imagery from NASA’s public domain archives: https://images.nasa.gov

• Optimize for the web
• Include descriptive alt text

Branding Guidelines

This project is for educational purposes only. If you choose to use NASA logos, images, or branding, please follow these guidelines:

• Do not modify official NASA logos.

• Do not imply endorsement by NASA.

• Include the following disclaimer in the site footer:

Site Goals

Target Audience: Space, science, and exploration enthusiasts (including students and educators).

Look and Feel: Communicate NASA’s cutting-edge technology and curiosity-driven missions. Use a consistent color scheme and typography. Incorporate NASA’s official logos on all pages.

Site Structure

Title: NASA Mars Rovers

Tagline: Robotic Explorers on the Red Planet

The site must include the following three pages:

1. Home Page – Overview of the Mars Rover Program
2. Mission History – Launch and landing timelines
3. FAQ – Questions about the rovers and Mars

Technical Requirements

• Properly marked-up semantic HTML5 (must validate)
• Use external CSS for layout (no inline styles)
• Meaningful titles and heading structure
• Consistent navigation element on all pages
• At least one external site link
• At least one email link in the footer
• Descriptive alt text for all images
• Keyboard-navigable interface
• ARIA roles or landmarks where appropriate
• High contrast and accessible layout
• Proper folder structure, no broken links
• Meta tags for keywords and description
• <meta name="robots" content="noindex"> in each page’s head

Bonus Design Features

• Comparison table of rover specs using <table>
• CSS-based timeline or animation
• Dark mode toggle
• Responsive layout with media queries

Hosting Instructions

1. Develop the project in Github Codespaces or VS Code
2. Save in a folder named mars-rovers
3. Link the project from your course homepage
4. Publish the project to GitHub

Project Rubric

This project is primarily evaluated on technical implementation, with flexibility in how content is created. The table below outlines the grading breakdown.