Unit 2: Web Department
The Web Department is going live — build your studio profile site, one piece at a time.
You've just transferred to the studio's Web Department. Every studio needs an online presence, and every employee needs a profile page — so over the next four weeks you'll design, build, and publish your own three-page portfolio site from scratch, one piece at a time. By the end of the unit it's live, it's yours, and it's the foundation you'll keep adding to for the rest of the course.
Your Studio Portfolio Site
Every site in the department follows the same shape — three pages that grow a little more each week:
- Home (
index.html) — your avatar, a tagline, and your studio role. The front door to your profile. - About Me — a short bio, your interests, and (starting Week 3) one interactive piece.
- My Work — a "coming soon" placeholder for now; it fills up with real projects starting Week 4.
All three pages, plus a shared /css, /js, and /images folder, come from your starter template — you're not building the folder structure from scratch.
How Each Week Works
- Monday — quick lesson + whole-class guided build, everyone typing along.
- Tuesday–Thursday — independent work through that week's task ladder: Green (core tasks), Blue (one deeper task, unlocked after Green), and the Black menu (optional extensions for early finishers).
- Wednesday — 15-minute Dig Lit mini-lesson.
- Friday — submit your project folder (zipped) to that week's Teams assignment. Whatever task you've reached by Friday is what you hand in.
Unit Sequence
| Lesson | Focus | What you build |
|---|---|---|
| 2.1 HTML | Page structure & content | Home, About Me, and My Work pages, connected with navigation |
| 2.2 CSS | Styling your site | Colours, fonts, and layout applied across all three pages |
| 2.3 JavaScript | Adding interactivity | Click-to-reveal and other small interactions on your pages |
| 2.4 Assembly | Polish & publish | Your site pushed to GitHub and live at your own username.github.io URL |
Getting Published
In 2.4 you publish your own site with Git and GitHub Pages, so it gets a real URL that you control. Once your live URL is posted in Teams, it's added to the studio's Studio Directory, a running list of every employee's page. Check the Directory once your site is listed to make sure your link works.