Hunt #1: X-Ray Vision
You’ve got the power. Time to develop the control.
9 stops • Bronze · Silver · Gold • No prior experience needed
In this hunt, you’ll trace a path through TechNoviceTools starting from the home page. Along the way you’ll watch a movie clip, read about a web detective framework — and at the very end, you’ll use a tool called DevTools to look through a web page, exactly like Clark Kent looking through walls.
Start here: technovicetools.com (or your teacher’s address)
A friend tells you: “There’s a page at TechNoviceTools that features a movie clip from Man of Steel.” You’re starting from the TNT home page. Without using a search engine, find the Movie Clips section by looking at the page itself.
You’ve found the Movie Clips page! Look at the large glowing heading at the top of the movie grid. It makes a comparison between imagination and knowledge — and it sounds like it could be inspired by a famous quote.
The Movie Clips page has a built-in search bar near the top. The clip we’re looking for is from a movie about Superman — specifically about a young character named Clark Kent.
Click on the Clark Kent tile to open the clip page. Look at the address bar at the very top of your browser window — that long line that starts with https://. It tells you exactly where you are on the internet.
On the clip page, find the section called “The Scene — Clark’s Classroom Crisis.” Click on it to expand it if it’s collapsed. Read it carefully.
✏️ What was Clark’s exact complaint to his mom?Still in the same section. Clark’s mom had a response that gave him a framework for dealing with the overwhelm. Martha’s answer is not “don’t look” — it’s something more useful.
✏️ What was her exact response? (First sentence)Scroll down the clip page and find the second section: “Why This Is the Best Metaphor We Have for Learning to Read Web Pages.” Expand it. Near the bottom is a teal callout box with a link to an Ask Copilot entry.
Read the Ask Copilot entry you landed on. It introduces a four-letter acronym for a “web detective framework” — a structured way of investigating any web page. The four letters spell out a word that connects directly to Clark Kent’s superpower.
✏️ (a) What is the four-letter acronym? ✏️ (b) Write what each letter stands for:Navigate back to the Movie Clips page (click Movies in the navbar, or use your browser’s Back button). At the top of the movie grid, there is a glowing heading. You are about to look through it.
- Right-click directly on the glowing heading text at the top of the movie grid.
- A menu will appear. Choose Inspect (it may say “Inspect Element” in some browsers).
- A panel called DevTools will open at the bottom or side of the screen. You will see a line of code highlighted in blue.
- Read the highlighted line carefully. It is the HTML code that creates that heading.
<h1 or <h2)
✏️ (b) Does the tag have an id= attribute? If so, write its value:
✏️ (c) There is also a class= attribute. Write what comes after class=":
Your teacher will tell you whether to print this page (Ctrl+P), screenshot it, or submit it another way. When you print, the navigation bar and this notice will disappear, leaving only your answers.