Learning objective
Screenshots
Screenshots & Screen Clipping
1
2
3
4
5
6
Master the art of capturing, cropping, annotating, and documenting digital information using screenshots and screen clipping tools.
Full Screen Capture
Capture the entire screen using the Print Screen key or dedicated capture button.
Let's Go!
Routine: See, Think, Wonder
Look at this computer screen. How could you save a picture of exactly what is on the screen right now without using a phone camera?
Learn
A screenshot takes an instant picture of whatever is showing on your computer monitor! Pressing the Print Screen (PrtScn) key or using the screen capture button takes a photo of your whole screen and saves it to your clipboard.
Science Project
Coding Game
Recycle Bin
🐕
Golden Retriever Puppy
Super friendly and great family pets!
Owner ID: Sarah_Smith_Room12 (Confidential)
Try it yourself
Take Your First Screenshot
🚀 Open a practice space
Or try locally: 📸 Snipping Tool (Windows) · 🖥️ Grab (Mac)
🌟 Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
🎯 Task Success Criteria (Rubric)
Foundation
Locates the Print Screen key on a keyboard.
Developing
Captures a full-screen image using the shortcut key.
Secure (Goal)
Captures the full screen and pastes it into a blank document or slide.
Mastery
Explains when a full-screen capture is better than a cropped capture.
👀 What A Good One Looks Like (WAGOLL)
⭐ Secure Standard📁
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
⭐Self-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: See, Think, Wonder
Achievement pathway
- Foundation: Locates the Print Screen key on a keyboard.
- Developing: Captures a full-screen image using the shortcut key.
- Secure: Captures the full screen and pastes it into a blank document or slide.
- Mastering: Explains when a full-screen capture is better than a cropped capture.
Curriculum links
Curriculum strand: Everyday Digital Skills
Outcome: SHOT.01.B.1.1 — Capture the entire screen using the Print Screen key or dedicated capture button.
PYP: Form · Digital tools allow us to capture and document our learning moments in real time.
Learner profile: Inquirer
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 2: Snipping & Cropping
Complete the previous learning check to unlock this next level.
Snipping & Cropping
Use a snipping tool to drag and capture a specific region of the screen.
Learning objective
Learning About: Snipping Tool. Learning To: Select and drag a region to capture. Learning To Be: Communicator.
Let's Go!
Routine: Zoom In
Look at this full screen screenshot filled with clutter. Why would we only want to capture the small game score in the top corner?
Learn
Instead of capturing your whole screen with all your desktop clutter, the Snipping Tool (or Win+Shift+S / Cmd+Shift+4) lets you draw a box around just the part you need! This keeps your work neat and focused.
Science Project
Coding Game
Recycle Bin
🐕
Golden Retriever Puppy
Super friendly and great family pets!
Owner ID: Sarah_Smith_Room12 (Confidential)
Try it yourself
Snip a Specific Picture
🚀 Open a practice space
Or try locally: 📸 Snipping Tool (Windows) · 🖥️ Grab (Mac)
🌟 Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
🎯 Task Success Criteria (Rubric)
Foundation
Opens the Snipping Tool or screen capture utility.
Developing
Drags a rectangular box around a specific image on screen.
Secure (Goal)
Captures a cropped screenshot containing only the required information.
Mastery
Demonstrates how cropping unwanted screen clutter makes work look cleaner.
👀 What A Good One Looks Like (WAGOLL)
⭐ Secure Standard📁
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
⭐Self-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: Zoom In
Achievement pathway
- Foundation: Opens the Snipping Tool or screen capture utility.
- Developing: Drags a rectangular box around a specific image on screen.
- Secure: Captures a cropped screenshot containing only the required information.
- Mastering: Demonstrates how cropping unwanted screen clutter makes work look cleaner.
Curriculum links
Curriculum strand: Everyday Digital Skills
Outcome: SHOT.01.B.1.2 — Use a snipping tool to drag and capture a specific region of the screen.
PYP: Function · Selecting specific details helps communicate key information clearly.
Learner profile: Communicator
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 3: Annotating Screenshots
Complete the previous learning check to unlock this next level.
Annotating Screenshots
Add arrows, text labels, and highlights to screenshots to explain information.
Learning objective
Learning About: Annotations. Learning To: Draw arrows and highlight text on screenshots. Learning To Be: Thinker.
Let's Go!
Routine: Think, Pair, Share
If you want to show a friend where the 'Save' button is on a busy toolbar, what drawing tools could you add to your screenshot?
Learn
Once you take a screenshot, you can mark it up! Using red arrows, text boxes, and yellow highlighters helps your audience immediately see important buttons, errors, or answers without getting lost.
Science Project
Coding Game
Recycle Bin
🐕
Golden Retriever Puppy
Super friendly and great family pets!
Owner ID: Sarah_Smith_Room12 (Confidential)
Try it yourself
Annotate a Screen Guide
🚀 Open a practice space
Or try locally: 📸 Snipping Tool (Windows) · 🖥️ Grab (Mac)
🌟 Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
🎯 Task Success Criteria (Rubric)
Foundation
Selects a pen or highlighter tool inside the screenshot editor.
Developing
Draws a circle or arrow pointing to a specific feature on a screenshot.
Secure (Goal)
Adds a text box annotation and bright highlight to explain a step clearly.
Mastery
Creates a fully annotated visual diagram using multiple markup tools.
👀 What A Good One Looks Like (WAGOLL)
⭐ Secure Standard📁
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
⭐Self-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: Think, Pair, Share
Achievement pathway
- Foundation: Selects a pen or highlighter tool inside the screenshot editor.
- Developing: Draws a circle or arrow pointing to a specific feature on a screenshot.
- Secure: Adds a text box annotation and bright highlight to explain a step clearly.
- Mastering: Creates a fully annotated visual diagram using multiple markup tools.
Curriculum links
Curriculum strand: Everyday Digital Skills
Outcome: SHOT.02.B.1.1 — Add arrows, text labels, and highlights to screenshots to explain information.
PYP: Connection · Visual annotations clarify technical details and guide audience understanding.
Learner profile: Thinker
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 4: Clipboard vs Saving Files
Complete the previous learning check to unlock this next level.
Clipboard vs Saving Files
Distinguish between pasting from clipboard memory and saving screenshots as image files.
Learning objective
Learning About: Image Storage. Learning To: Save screenshots as PNG/JPG files. Learning To Be: Knowledgeable.
Let's Go!
Routine: Parts-Purposes-Complexities
What happens to your screenshot on the clipboard if you copy a sentence of text right after?
Where did the screenshot go?
Learn
When you take a screenshot, it goes into your computer's temporary Clipboard memory. If you paste (Ctrl+V) right away, it appears in your doc. But if you want to keep the image for later, click 'Save As' and save it as a PNG file in your project folder!
Science Project
Coding Game
Recycle Bin
🐕
Golden Retriever Puppy
Super friendly and great family pets!
Owner ID: Sarah_Smith_Room12 (Confidential)
Try it yourself
Save a Screenshot as an Image File
🚀 Open a practice space
Or try locally: 📸 Snipping Tool (Windows) · 🖥️ Grab (Mac)
🌟 Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
🎯 Task Success Criteria (Rubric)
Foundation
Pastes a screenshot directly into a document using Ctrl+V.
Developing
Explains that clipboard memory disappears when a new item is copied.
Secure (Goal)
Saves a screenshot as a named PNG file in a specific project folder.
Mastery
Evaluates when to paste from clipboard vs when to save permanent file archives.
👀 What A Good One Looks Like (WAGOLL)
⭐ Secure Standard📁
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
⭐Self-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: Parts-Purposes-Complexities
Achievement pathway
- Foundation: Pastes a screenshot directly into a document using Ctrl+V.
- Developing: Explains that clipboard memory disappears when a new item is copied.
- Secure: Saves a screenshot as a named PNG file in a specific project folder.
- Mastering: Evaluates when to paste from clipboard vs when to save permanent file archives.
Curriculum links
Curriculum strand: Everyday Digital Skills
Outcome: SHOT.02.B.1.2 — Distinguish between pasting from clipboard memory and saving screenshots as image files.
PYP: Responsibility · Understanding storage formats ensures our digital assets remain accessible.
Learner profile: Knowledgeable
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 5: Multi-Window & Delay Clips
Complete the previous learning check to unlock this next level.
Multi-Window & Delay Clips
Capture drop-down menus and timed pop-ups using delayed screenshot timers.
Learning objective
Learning About: Timed Snipping. Learning To: Set a 3-second delay to capture open menus. Learning To Be: Open-minded.
Let's Go!
Routine: Connect-Extend-Challenge
Try taking a screenshot of a drop-down menu that disappears every time you click away. What challenge occurs?
Learn
Some menus disappear as soon as you click a screenshot button! To capture these 'tricky' pop-ups, set a 3-second or 5-second Delay Timer in your snipping app. Click the delay button, open your menu, and wait for the screen to freeze!
Science Project
Coding Game
Recycle Bin
🐕
Golden Retriever Puppy
Super friendly and great family pets!
Owner ID: Sarah_Smith_Room12 (Confidential)
Try it yourself
Capture a Disappearing Menu
🚀 Open a practice space
Or try locally: 📸 Snipping Tool (Windows) · 🖥️ Grab (Mac)
🌟 Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
🎯 Task Success Criteria (Rubric)
Foundation
Identifies the Timer / Delay clock button in Snipping Tool.
Developing
Sets a 3-second delay timer before taking a capture.
Secure (Goal)
Opens a drop-down menu during the 3-second delay and captures it successfully.
Mastery
Teaches peers how to capture disappearing tooltips and pop-up menus.
👀 What A Good One Looks Like (WAGOLL)
⭐ Secure Standard📁
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
⭐Self-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: Connect-Extend-Challenge
Achievement pathway
- Foundation: Identifies the Timer / Delay clock button in Snipping Tool.
- Developing: Sets a 3-second delay timer before taking a capture.
- Secure: Opens a drop-down menu during the 3-second delay and captures it successfully.
- Mastering: Teaches peers how to capture disappearing tooltips and pop-up menus.
Curriculum links
Curriculum strand: Everyday Digital Skills
Outcome: SHOT.03.B.1.1 — Capture drop-down menus and timed pop-ups using delayed screenshot timers.
PYP: Change · Advanced tools allow us to capture transient digital events and complex layouts.
Learner profile: Open-minded
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow
Locked level
Level 6: Digital Evidence & Bug Reports
Complete the previous learning check to unlock this next level.
Digital Evidence & Bug Reports
Construct step-by-step visual bug reports and documentation guides using annotated screenshots.
Learning objective
Learning About: Bug Reports. Learning To: Create a step-by-step visual guide using screenshots. Learning To Be: Reflective.
Let's Go!
Routine: I used to think...
I used to think describing a computer bug in words was enough... Now I think taking annotated screenshots is better because...
Learn
Software developers and tech support teams rely on visual bug reports! By compiling annotated screenshots showing 'Step 1', 'Step 2', and the 'Error Message', you create crystal-clear evidence that helps others fix problems quickly.
Science Project
Coding Game
Recycle Bin
🐕
Golden Retriever Puppy
Super friendly and great family pets!
Owner ID: Sarah_Smith_Room12 (Confidential)
Try it yourself
Build a Visual Bug Report
🚀 Open a practice space
Or try locally: 📸 Snipping Tool (Windows) · 🖥️ Grab (Mac)
🌟 Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)
🎯 Task Success Criteria (Rubric)
Foundation
Takes screenshots of two sequential steps in a task.
Developing
Arranges screenshots in order with numbered step labels.
Secure (Goal)
Creates a complete visual bug report showing expected vs actual results with clear annotations.
Mastery
Publishes a comprehensive digital troubleshooting guide for school computing support.
👀 What A Good One Looks Like (WAGOLL)
⭐ Secure Standard📁
Save to Your Website Portfolio:
When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!
⭐Self-Assessment: How confident do you feel with this skill?
Reflect
Learning check
Teacher setup, curriculum links and progress descriptors
Spark support
Routine: I used to think...
Achievement pathway
- Foundation: Takes screenshots of two sequential steps in a task.
- Developing: Arranges screenshots in order with numbered step labels.
- Secure: Creates a complete visual bug report showing expected vs actual results with clear annotations.
- Mastering: Publishes a comprehensive digital troubleshooting guide for school computing support.
Curriculum links
Curriculum strand: Everyday Digital Skills
Outcome: SHOT.03.B.1.2 — Construct step-by-step visual bug reports and documentation guides using annotated screenshots.
PYP: Perspective · Documenting digital evidence accurately helps resolve technical issues and support collaborators.
Learner profile: Reflective
Competency tags
Gate support
Accessibility alternative:
Teacher override: allow