🧭 The Navigator's Route: Charting Your Course

You stand at the helm of your learning journey, a celestial map unfurled before you. The stars whisper: "A true navigator doesn't fear uncharted waters—they create the maps as they sail." Your tools? Clear waypoints, adaptable routes, and the courage to recalibrate.

Your mission, should you choose to accept it:

🗺️ Plot your course through structured learning modules
🧭 Align weekly objectives with broader program goals
⚓ Anchor knowledge with clear signposting

"This template transforms course design into wayfinding—where every element helps learners navigate complex topics without losing sight of the horizon."

Your Navigation Challenge

🚀 Task: Chart Your Own Course with AI

Copy the HTML from the template below
Paste into ChatGPT/DeepSeek with this prompt: "Adapt this navigational course template for [your subject]. Keep the weekly structure but update the key concepts to match [your topic]. Use brand colors #003e50 and #005f73."
Test your AI-generated map in Canvas' HTML editor!

💡

Try prompts like "Create a nursing clinical skills navigation map" or "MBA business strategy weekly planner"

📌 Weekly Focus: [Insert Sub-Topic Title]

📋 Overview

This week, we will explore [insert sub-topic]. By the end of this week, you should be able to:

Understand [key concept 1]
Apply [key concept 2] to [specific context]
Analyze [key concept 3] in relation to [broader topic]

🔑 Key Concepts

Click to Expand Key Concepts

Concept 1: [Insert Concept Name]

[Brief explanation of the concept]

Concept 2: [Insert Concept Name]

[Brief explanation of the concept]

📚 Learning Activities

📖 Reading

Complete the following readings:

🎥 Video

Watch the following video:

Video: [Insert Title]

💬 Discussion

Participate in the discussion forum:

Discussion: [Insert Topic]

🤔 Reflection and Application

Click to Expand Reflection Prompts

Reflection Questions

How does [key concept] apply to [specific context]?
What challenges might arise when applying [key concept] in practice?

Application Task

Complete the following task to apply your learning:

Task: [Insert task description]

📚 Further Reading & Resources

Click to Expand Additional Resources

Recommended Reading

Resource 1: [Insert Title]
Resource 2: [Insert Title]

Useful Links

Important: This is a highlighted message. Please pay attention to this information.

← This Content Builds on... This Content Leads Towards →

</> HTML code for the template page above

<h1 style="color: #003d4f; border-bottom: 2px solid #003d4f; padding-bottom: 10px;">📌 Weekly Focus: [Insert Sub-Topic Title]</h1>
<div style="background-color: #f9f9f9; padding: 15px; border-left: 5px solid #003d4f; margin: 20px 0;">
<h2 style="color: #003d4f;">📋 Overview</h2>
<p>This week, we will explore [insert sub-topic]. By the end of this week, you should be able to:</p>
<ul>
<li>Understand [key concept 1]</li>
<li>Apply [key concept 2] to [specific context]</li>
<li>Analyze [key concept 3] in relation to [broader topic]</li>
</ul>
</div>
<h2 style="color: #003d4f; margin-top: 30px;">🔑 Key Concepts</h2>
<details style="margin: 10px 0; font-family: Arial, sans-serif;">
<summary style="background-color: #003d4f; color: white; padding: 10px; cursor: pointer; border-radius: 5px;">Click to Expand Key Concepts</summary>
<div style="padding: 10px; border: 1px solid #ddd; margin-top: 5px;">
<h3>Concept 1: [Insert Concept Name]</h3>
<p>[Brief explanation of the concept]</p>
<h3>Concept 2: [Insert Concept Name]</h3>
<p>[Brief explanation of the concept]</p>
</div>
</details>
<h2 style="color: #003d4f; margin-top: 30px;">📚 Learning Activities</h2>
<div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0;">
<div style="flex: 1; min-width: 200px; background-color: #e6f7ff; padding: 15px; border-radius: 5px;">
<h3>📖 Reading</h3>
<p>Complete the following readings:</p>
<ul>
<li><a href="#">Reading 1: [Insert Title]</a></li>
<li><a href="#">Reading 2: [Insert Title]</a></li>
</ul>
</div>
<div style="flex: 1; min-width: 200px; background-color: #e6f7ff; padding: 15px; border-radius: 5px;">
<h3>🎥 Video</h3>
<p>Watch the following video:</p>
<ul>
<li><a href="#">Video: [Insert Title]</a></li>
</ul>
</div>
<div style="flex: 1; min-width: 200px; background-color: #e6f7ff; padding: 15px; border-radius: 5px;">
<h3>💬 Discussion</h3>
<p>Participate in the discussion forum:</p>
<ul>
<li><a href="#">Discussion: [Insert Topic]</a></li>
</ul>
</div>
</div>
<h2 style="color: #003d4f; margin-top: 30px;">🤔 Reflection and Application</h2>
<details style="margin: 10px 0; font-family: Arial, sans-serif;">
<summary style="background-color: #003d4f; color: white; padding: 10px; cursor: pointer; border-radius: 5px;">Click to Expand Reflection Prompts</summary>
<div style="padding: 10px; border: 1px solid #ddd; margin-top: 5px;">
<h3>Reflection Questions</h3>
<ol>
<li>How does [key concept] apply to [specific context]?</li>
<li>What challenges might arise when applying [key concept] in practice?</li>
</ol>
<h3>Application Task</h3>
<p>Complete the following task to apply your learning:</p>
<p><strong>Task:</strong> [Insert task description]</p>
</div>
</details>
<h2 style="color: #003d4f; margin-top: 30px;">📚 Further Reading & Resources</h2>
<details style="margin: 10px 0; font-family: Arial, sans-serif;">
<summary style="background-color: #003d4f; color: white; padding: 10px; cursor: pointer; border-radius: 5px;">Click to Expand Additional Resources</summary>
<div style="padding: 10px; border: 1px solid #ddd; margin-top: 5px;">
<h3>Recommended Reading</h3>
<ul>
<li><a href="#">Resource 1: [Insert Title]</a></li>
<li><a href="#">Resource 2: [Insert Title]</a></li>
</ul>
<h3>Useful Links</h3>
<ul>
<li><a href="#">Link 1: [Insert Description]</a></li>
<li><a href="#">Link 2: [Insert Description]</a></li>
</ul>
</div>
</details>
<div style="background-color: #e6f7ff; border-left: 5px solid #003d4f; padding: 15px; margin: 20px 0;"><strong>Important:</strong> This is a highlighted message. Please pay attention to this information.</div>
<div style="text-align: center; margin-top: 30px;"><a style="background-color: #003d4f; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;" href="https://marjon.instructure.com/">← This Content Builds on...</a> <a style="background-color: #003d4f; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;" href="#">This Content Leads Towards →</a></div>
<p> </p>

📖 Move on to the NEXT CHAPTER of this adventure