Navigation
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Current Level: 11 | 12 | 13 | 14
Step 11: Link Individual Pages đź”—
🎯 Objective
Add links to all individual team member pages from the main landing page to create a complete navigation system.
đź“‹ Task Requirements
Who: ALL team members (ONE person drives, others navigate)
🔍 Step-by-Step Instructions
- Open the Main Page
- Open
index.html
in your code editor
- Find a good location to add the individual page links
- Create a Team Members Section
- Add a new section titled “Team Member Pages” or similar
- This will be where you list all the individual pages
- Add Links to Individual Pages
- Create links to each team member’s page:
<a href="[name]-message.html">[Name]'s Message</a>
- Replace
[name]
with each team member’s actual name
- Make sure the filenames match exactly
- Organize the Links
- List the links in a logical order (alphabetical, by role, etc.)
- Add brief descriptions if desired
- Make sure the formatting is consistent
- Test All Links
- Click on each link to make sure it works
- Verify that all individual pages are accessible
- Check that navigation back to the main page works
âś… Success Criteria
đź’ˇ Tips
- Double-check that the filenames in the links match the actual files
- Use consistent formatting for all the links
- Test each link to ensure it works properly
- Consider adding a brief description for each team member
🚀 Ready for Next Step?
Once all individual pages are linked, you’re ready for Step 12: Git Collaboration Workflow (Continued).
đź’ľ Git Workflow Reminder
After completing this step:
git add .
git commit -m "Add navigation links to individual team member pages"
git push