Stage 7: Your Complete Website

UNIT

STEP 1

Look How Far You've Come

Your code editor starts with everything you've built across all 7 stages. Take a moment to scroll through it in the preview panel and appreciate what you created.

In this final stage, we'll add two professional finishing touches and do a digital citizenship review before celebrating your achievement.

STEP 2

Add a Meta Description

The <meta> tag lives in the <head> section and gives search engines (like Google) a description of your page. It doesn't show on the page itself - but it's what appears as the summary text under your page title in search results. The name="description" attribute tells the browser this is a description tag (there are other kinds of meta tags too), and content="..." is where you write the actual description.

👉 Add this INSIDE your <head> tag, after <title>: <meta name="description" content="A webpage about Minnesota's 11 sovereign Tribal nations, the Dakota and Anishinaabe people who have called this land home for thousands of years.">

🔍 Why This Matters

A good meta description helps people find your page - and tells them it's about Native nations before they even click. That's how web developers shape what the world sees.

STEP 3

Write HTML Comments

Comments are notes you write inside your code that don't show up on the page. They help you and other developers understand what different parts of the code do.

👉 HTML comment syntax:

👉 Add a comment above each major section: 
<h2>Dakota Nations</h2>


<h2>Anishinaabe Nations</h2>

Comments use the syntax  to close. Everything between those markers is invisible to visitors - it only shows in the code. This is how professional developers leave notes for themselves ("come back and fix this"), explain complex sections to teammates, or temporarily disable a piece of code without deleting it.

STEP 4

Digital Citizenship Check

Before you finish, do a quick review of your page with these questions:

✅ Are all Tribal nation names spelled correctly?
✅ Are all links going to official Tribal nation websites?
✅ Is the information accurate and respectful?
✅ Did you represent each nation fairly - not as a museum piece, but as living, present-day communities?
✅ Would someone from a Dakota or Anishinaabe community feel respected reading your page?

🌐 Digital Citizenship in Practice

Building websites about other people's communities is a responsibility. The way you structure, title, and link your content shapes how others see those communities. You just practiced being a responsible web developer.

STEP 5

Skills You've Earned in Unit 1

<!DOCTYPE html>

<title>

<meta>

<p>

Nested lists

target="_blank"

HTML attributes

STEP 6

You Built This

🎉 Unit 1 Complete!

You learned HTML while learning about Minnesota's 11 sovereign Tribal nations. That's coding and cultural knowledge - both matter.

→ Up Next: Unit 2 - This Is Me In Tech

In Unit 2, you'll use CSS to create your own digital identity profile - and learn how your cultural background makes you a unique voice in tech.

📁 Save Your Work

Copy all the code from the editor and save it in a file called Tribes.html on your computer. That's a real webpage you made!

Code Editor

<!DOCTYPE html>
<html>
<head>
    <title>Minnesota's Tribal Nations</title>
    
</head>
<body>
    <h1>Minnesota's 11 Tribal Nations</h1>

<h2>Dakota Nations</h2>
    <p>There are <strong>4 Dakota communities</strong> in southern Minnesota.</p>
    <ul>
        <li>Shakopee Mdewakanton Sioux Community <ul><li>Scott County</li></ul></li>
        <li>Prairie Island Indian Community <ul><li>Goodhue County</li></ul></li>
        <li>Lower Sioux Indian Community <ul><li>Redwood County</li></ul></li>
        <li>Upper Sioux Community <ul><li>Yellow Medicine County</li></ul></li>
    </ul>

<hr>

<h2>Anishinaabe Nations</h2>
    <p>There are <strong>7 Anishinaabe communities</strong> in northern Minnesota.</p>
    <ul>
        <li>White Earth Nation <ul><li>Northwestern MN</li></ul></li>
        <li>Red Lake Nation <ul><li>Northern MN</li></ul></li>
        <li>Leech Lake Band of Ojibwe <ul><li>North-central MN</li></ul></li>
        <li>Fond du Lac Band of Lake Superior Chippewa <ul><li>Northeastern MN</li></ul></li>
        <li>Bois Forte Band <ul><li>Northeastern MN</li></ul></li>
        <li>Grand Portage Band of Lake Superior Chippewa <ul><li>Cook County</li></ul></li>
        <li>Mille Lacs Band of Ojibwe <ul><li>Central MN</li></ul></li>
    </ul>

<hr>

<h2>About the Dakota People</h2>
    <h3>Their History</h3>
    <p>The <em>Dakota</em> people have lived in Minnesota for thousands of years, long before European contact.</p>
    <h3>Today</h3>
    <p>The 4 Dakota communities continue to govern their own lands and maintain their language, culture, and traditions.</p>
    <p>Learn more: <a href="https://www.shakopeedakota.org" target="_blank">Shakopee Mdewakanton Sioux Community</a></p>
    <h4>Spotlight: Shakopee Mdewakanton</h4>
    <p>Located in Scott County, the Shakopee Mdewakanton Sioux Community is a leader in environmental sustainability.</p>

<hr>

<h2>About the Anishinaabe People</h2>
    <h3>Their History</h3>
    <p>The Anishinaabe have lived in the Great Lakes region for thousands of years.</p>
    <h3>Their Language</h3>
    <p><em>Ojibwemowin</em> - the Ojibwe language - is actively being revitalized in Minnesota communities today.</p>
    <h3>Today</h3>
    <p>The 7 Anishinaabe bands govern their own lands, operate schools, health services, and cultural programs.</p>
    <p>Learn more: <a href="https://www.redlakenation.org" target="_blank">Red Lake Nation</a></p>

<hr>

<h2>Quick Facts</h2>
    <p>Minnesota is home to:<br>
    4 Dakota nations in the south<br>
    7 Anishinaabe nations in the north</p>
    <ol>
        <li>Minnesota has 11 federally recognized Tribal nations.</li>
        <li>4 nations are Dakota, and 7 are Anishinaabe (Ojibwe).</li>
        <li>Each nation is sovereign - they have their own government.</li>
        <li>Tribal nations existed in Minnesota long before statehood in 1858.</li>
    </ol>

<hr>
    <p><em>Page created by: Your Name Here</em></p>
</body>
</html>

Live Preview