📚 COMP1054 – Interface Design Using CSS

Welcome to the COMP1054 GitHub Repository! This repo is your central hub for:

• 🧪 Lab sample files
• 📂 Assignment sample files
• 💻 Weekly code examples

---

📖 About the Course

COMP1054 – Interface Design Using CSS explores how to create clean, accessible, and visually engaging user interfaces using HTML & CSS. Through weekly coding examples, labs, and assignments, you’ll practice:

• Writing semantic, standards-compliant HTML
• Using modern CSS for layout (Flexbox, Grid, positioning)
• Applying typography, colour, and design principles
• Building responsive, accessible, and maintainable interfaces

---

🗂️ Repository Structure

COMP1054/ │ ├── Labs/ # Sample lab files │ ├── Lab01/ │ ├── Lab02/ │ └── ... │ ├── Assignments/ # Sample assignment files │ ├── Assignment01/ │ ├── Assignment02/ │ └── ... │ └── Weekly-Examples/ # In-class code examples by week ├── Week01/ ├── Week02/ └── ...

---

🚀 How to Use This Repo

1. Fork the Repository

• Click the Fork button at the top-right of this page.
• This creates your own copy of the COMP1054 repo under your GitHub account.

2. Clone Your Fork

• Copy the URL of your fork (not the instructor’s).
• In GitHub Desktop, go to: File → Clone Repository → paste your fork URL.
• Now you have a local copy to work with on your computer.

3. Do Your Work

• Add/edit lab files, assignments, or weekly examples as needed.
• Preview your changes in the browser and test before committing.

4. Commit and Push

• Use GitHub Desktop or the command line to commit your changes.
• Push them back to your fork on GitHub.

---

🔄 Syncing Your Fork (Stay Up to Date)

When the instructor updates the original repo, your fork won’t automatically update. Here’s how to stay in sync:

🌐 Option A: Sync on GitHub Website (easiest)

1. Go to your fork on GitHub.

2. If you see a banner saying:

   “This branch is X commits behind <InstructorRepo>” Click Sync fork → Update branch.

3. Done! Your fork now has the latest updates.

🖥️ Option B: Sync with GitHub Desktop

1. In GitHub Desktop, open your fork.

2. Go to Repository → Repository Settings… → Remotes.

3. Add a new remote called upstream with the instructor’s repo URL.

4. To update:

   • Fetch upstream (from the menu).
   • Merge upstream/main into your branch.
   • Push origin to update your fork on GitHub.

---

📝 Notes

• Always fork this repo instead of cloning directly from the instructor.
• Use your fork for labs, assignments, and experiments.
• Remember to sync your fork regularly so you have the latest examples and resources.

---

👩‍🏫 Instructor

Course: COMP1054 – Interface Design Using CSS Instructor: * Jessica Gilfillan *