10th Grade — Expanding Your Portfolio Website

⏰ Do Now — Start Here

If a stranger landed on your portfolio homepage right now, would they know where to click first?

🎯 Today's Big Question

How do we make sure a growing body of work still reads as organized, not cluttered?

📈 By the End of Today, You Will Be Able To

Add the video project, the personal mark, and the passion project to their existing portfolio site.
Reorganize site navigation so new and old work are both easy to find.
Write a short caption for each new piece explaining what it is and why it's there.

🧰 What You'll Need

Portfolio website (Google Sites, from earlier this year)
This unit's finished projects

📋 Your Plan for Today

Day 1: Add Work

Independent work (35 min): add the video, personal mark, and passion project to the site with initial captions.

Day 2: Reorganize

Independent work (35 min): rework navigation/structure so the growing site stays easy to browse.

Day 3: Polish

Independent work (30 min): proofread captions and check every link works.
Peer check (10 min).

🖥️ Today's Slide Deck

Short, on-the-board pacing slides — project these to follow along. (The full details are in the handout above, not here.)

📚 Key Words

Site Navigation: The menu/structure that lets a visitor find their way around a website without getting lost.

✅ What Your Finished Work Should Include

Portfolio assessed for clear organization, working navigation, and specific captions on every new piece.

Exit Ticket: What changed about how you organized the site once you had more work to fit into it?

📊 Before You Leave

Quick, anonymous class check-in -- takes less than a minute.

Class Check-In

📤 How You Submit This — For Credit

How you submit today's work depends on what kind of work it was. Physical/paper work (most of this semester so far): photograph it with a classroom camera, upload the photo from its SD card onto a computer, and save it into your portfolio -- that upload is your submission, and the physical piece itself is yours to keep, the same as in Grade 9 (your notebook is the one thing with a home base in the room, and even that's your call to bring home when you want it). Digital work (once you're producing files in Photoshop, second semester on): no camera needed -- instead, EXPORT the file. Export your finished project as a JPG, as a PNG, AND save a copy as a PSD (all three), then upload all three into your portfolio. Either way: the portfolio upload, with a description, is what actually counts as turning the assignment in for credit.

📁 Portfolio Update — Once a Week

Once a week, add your best finished or in-progress piece to your portfolio (the Google Drive folder you started in Grade 9, becoming your Google Sites portfolio in Lesson 10) with a 1-2 sentence caption: what it is, what tool/skill it used, and one thing you learned. Keep it current -- don't save it all for the portfolio-website lesson.

✍️ Example description for your Google Sites portfolio (fill in YOUR blanks -- don't just copy this):

For this piece, I made ______________ (name what you made) for “Expanding Your Portfolio Website.” This project asked: “How do we make sure a growing body of work still reads as organized, not cluttered?” I used Site Navigation by ______________ (explain how you used it in THIS piece). The hardest part was ______________, and I solved it by ______________. I'm proud of ______________ because ______________.

🎓 ACP Exam Prep

This lesson connects to the Photoshop Adobe Certified Professional exam: Domain 5: Publishing Digital Media

🔗 Want to Learn More?

No extra links for this lesson.

🚀 The Extra Mile

Cross-Class Connection: The same site-navigation planning an Intro to Computer Science class covers.

Career Connection: A live, organized portfolio is the single most-requested asset across every career on the Careers hub.

Go further -- turn this into a portfolio piece:

Ask three people to navigate your site cold and time how long it takes them to find your best piece. Start here: write down your site's actual navigation path to that piece (home > projects > which page) before testing, so you have a baseline to compare their actual clicks against.
Add a "career fit" note to one project explaining which career from the hub it supports. Start here: pick the project that most closely matches a real career page's listed skills, not just your favorite piece, so the connection you write is genuinely defensible.