Week 10 · Lesson 20

Publishing to GitHub Pages — ASSESSMENT 2 DUE

Week 10 · 75 minutes (assessment submission) · Year 10 Industrial Technology — Multimedia

IND5-3IND5-6IND5-7IND5-8IND5-9

Learning intentions

  • I can create a GitHub account and repository.
  • I can push my portfolio files to GitHub.
  • I can enable GitHub Pages and share my live URL.

Success criteria

  • My portfolio is live at a public URL.
  • I have submitted URL + 1-page evaluation to Google Classroom.
  • I can explain what Git and GitHub are in one sentence each.

Do Now · 5 min

Today is submission day. Assessment 2 is due by the end of this 75-minute lesson. Let's get you published.

First: create a GitHub account if you don't have one. Use your school email. Choose a username you don't mind being public (it becomes part of your URL).

I Do · ~10 min Teacher demonstration

Teacher demonstrates the full publish flow:

  1. Sign in at github.com
  2. Click + → New repository. Name it portfolio. Set to Public.
  3. On the new repo page, click "uploading an existing file"
  4. Drag all your portfolio files in (index.html, style.css, images/)
  5. Scroll down, commit message: "Initial portfolio upload"
  6. Click Commit changes
  7. Go to Settings → Pages
  8. Source: Deploy from a branch. Branch: main. Folder: / (root). Save.
  9. Wait ~1 minute. The URL appears: https://yourusername.github.io/portfolio
  10. Share the URL!
Fallback if GitHub does not work: go to Netlify Drop. Drag your folder. Get instant URL. No account required.

We Do · ~15 min Guided build

Teacher helps each student check their site loads at the public URL. Any 404s or broken images get fixed now.

You Do · ~35 min Independent practice

Assessment 2 submission:

  1. Publish your portfolio (GitHub Pages or Netlify Drop)
  2. Test the live URL on your phone (different network!) to confirm it actually works
  3. Open the 1-page Evaluation Template in Classroom. Complete all 6 sections:
    • Statement of intent
    • Design decisions
    • Accessibility + responsive
    • Evidence of iteration
    • Evaluation of final product
    • AI and tools log
  4. Attach Lighthouse screenshot
  5. Submit to Google Classroom: your LIVE URL, GitHub repo URL, evaluation document

This is due by the bell. Teacher will verify each URL loads before accepting submission.

Differentiation

Support

Use Netlify Drop (no account, no git). Teacher helps with publishing step.

Core

Use GitHub Pages with teacher support for first-time GitHub steps.

Extension

Set up a custom subdomain, add a descriptive README.md to the repo with portfolio screenshots, commit a second improvement with a clear message.

Exit Ticket · 5 min

Congratulations — you have a published website on the internet.
Your URL: _________________________________________________
Save this URL somewhere safe. You will use it in Year 11, university applications, job applications. This is real.

Resources for this lesson

📚 Deeper Reading

External references drawn from Shay Howe's "Learn to Code HTML & CSS" and University of Michigan's "Web Design for Everybody" Coursera specialization. All credit to original authors.