Lessons by Dr. Wesley Fryer (wesfryer.com) - Animals We Like

Lessons by Dr. Wesley Fryer (wesfryer.com)

Banner with the text 'Animals We Like' in bold green letters across the center. The background features faded images of various animals, including a tiger, an aye-aye, a capybara, and a turkey, arranged from left to right. The animals are partially visible behind the text, creating a collage effect.

This is a lesson for my middle school web design class, created in fall 2025.

Goals

Learn about ALT TEXT and web accessibility.
Practice using an AI Alt Text generator using Flint AI
Practice adding formatted text, images, videos and links in Google Sites
Practice image attribution using Zbib.

Graphic created by Wes Fryer using AI / ChatGPT 5. Shared on Flickr: Web Accessibility Lesson (CC BY 4.0) by Wesley Fryer

Steps

Review the "Animals We Like" webpage created by Dr. Fryer.
Create a similar webpage on your Google Site for Web Design, being sure to include:
1. A 2000 x 400 pixel banner image using styled text and partially transparent background images of animals, with opacity set to 30% for each background image. (adjust layer order as needed, so text is in FRONT)
2. Text, links, at least one image, and a video for at least TWO of our classes' favorite animals.
3. English WikiPedia links to all 8 animals chosen by class members.
4. MLA formatted attribution for each image you include, created with Zbib. (formatted as 'small text')
5. ALT text for each image on your page, created using this Flint AI Alt Text generator.
Remember to PUBLISH your Google Site after making changes!

Turn In

Copy / paste the PUBLIC LINK to your "Favorite Animals" page in Canvas.

Page updated

Google Sites

Report abuse