ITE170/Multimedia Software
Video Walkthrough
// Code Demo This walkthrough covers the assignment setup and explains what's expected — using a demo file separate from your student packet.
CERN Assignment Companion Site

Use this site as a format reference. The format reflects the original page — but you are tasked with refactoring your pages by using semantic markup and making decisions on whether a different format (e.g. table versus list) better presents or displays the content. There is no "incorrect" implementation.

Downloads
README Instructions
Page Modifications
What to change and where — page-by-page instructions.

REMINDER: Don't forget to create a new directory in your local directory structure.

TIP: Organize by module — it mirrors how course content is structured and keeps your workspace clean.

Project Directory

ite170/    ← Course root (open this as your VS Code workspace)
├── coderlab/                                   
│       ├── [module0x | mod0x]/   
│       ├   ├── [<c0derLab_directory] />/     
│       ├   └── [<c0derLab_directory] />/      
│       ├── [module0x | mod0x]/   
│       ├   ├── [<c0derLab_directory] />/     
│       ├   └── [<c0derLab_directory] />/                            
│       ├── index.html    ← each new project needs an index.html 
│       ├── docs/                                 
│       ├── styles/
│       └── assets/
│           ├── graphics/
│               └── icon/
│                   └── logo.png                     
├── assignments/   
│  ├── [module0x | mod0x]/                              
│     └── [your_assignment_directory]/
└── projects/                              
           └── [your_project_directory]/
           │   └── [module0x | mod0x]/   
           │      └── r_manuel_filetree_architect.txt
           └── [your_project_directory]/
               └──[module0x | mod0x]/   
                  └── r_manuel_images_cathedrals.html.txt
Readings
  • HTML & CSS (O'Reilly)
    • Ch 1: Intro to the HTML Universe
    • Ch 2: Basic Structure of HTML and HTML Document
    • Ch 3: Head Data of an HTML Document
    • Ch 4: The Visible Part of an HTML Document
freeCodeCamp Blog Posts
Reference & Debugging