Artemis II Web Storytelling

Compare how Canada and the USA use web design to tell the story of the Artemis II mission.

Pick 10 "web design best practices" and find examples of them on space websites.

Create an interactive Venn Diagram using a Google Drawing template.

Practice embedding media and adding "alt text" to a Google Site page.

Copy the Template: Open the Venn Diagram Template and click "Make a Copy."

Explore the Sites: Visit the CSA Artemis II Page and the NASA Artemis II Page

Check their YouTube channels too.

Use Comparison Prompts: Use these ideas to help you fill out your Venn Diagram:

1. The Hero Image: What is the first big photo you see? Does it make you excited for the splashdown on Friday, April 10th and the mission overall?

2. The Crew: Look at the CSA Crew Page and the NASA Crew Page. How do they introduce the astronauts differently?

3. Latest News: Look for "Live" banners or news alerts. Which site makes the news easier to find?

4. Technical Focus: Does the CSA site talk more about Canadian astronauts and space contributions / roles? Does NASA talk more about the rocket technology?

Build Your Diagram: Choose 10 items from the "Web Design Best Practices" list below. Put them in your Venn Diagram.

1. Best Practices List:

   1. Large Banner Images

   2. High-Quality Videos

   3. Short Text Blocks (Chunking)

   4. Simple Menus

   5. Mobile-Friendly

   6. Alt Text for Photos

   7. Bold Headings

   8. Social Media Links

   9. Consistent Colors

   10. Clear Buttons

   11. Lots of White Space

   12. Fast Loading

   13. Photo Captions

   14. Live Update Banners

   15. Bulleted Lists

   16. Official Logos

   17. Interactive Graphics

   18. High Contrast Text

   19. Multilingual Support

   20. Clear Links

Add Links: Inside your Google Drawing, create TEXT BOXES for at least 10 (ten) of the web design best practices, then link your text to the specific page where you found that example.

Publish and Embed: Go to File > Share > Publish to web. Click "Embed" and copy the code.

Create Your Webpage: On your Google Site, make a new child page under "Projects" called "Artemis II Web Storytelling."

Add Media: Use the "Embed" tool to add your Venn Diagram as <iframe> embed. Then, add at LEAST 4 images (2 from NASA, 2 from CSA) and 2 videos (1 from each or more).

Accessibility: Click on every image and add Alt Text to describe it. Add a "Works Cited" list at the bottom using MyBib.com

AI Attribution: In your "Works Cited" indicate if and how you used AI, providing as much documentation as you can. (Include a link to your AI conversation(s) if you can.)

Submit: The Website URL (public link) for your new "Artemis II Web Storytelling" page.

How: Copy and paste the link into this Canvas assignment.

Settings: Make sure your Google Site and Google Drawing are set to "Anyone with the link can view."