Premier Graphics
& Animation
Work with us
Menu
Studio
OverviewServicesCapabilitiesThe Collection
Institute
OverviewProgrammesCourse libraryHow we teachCareersGuidesFor universities
Journal About Contact Work with us
Digital & Interactive · MS elective · 3 credit hours · 16 sessions

Web Production

The web is the canvas of the 21st century. This course equips creative professionals with the technical skills to build and manage the web presence for their projects. Moving beyond simple drag-and-drop builders, students will learn the fundamentals of HTML/CSS, Content Management Systems (CMS like WordPress), and the optimization of media assets for fast, responsive, and accessible digital experiences.

§ 01 By the end you can
  1. Understand the structure of the web: HTML5, CSS3, and the DOM
  2. Master Content Management Systems (WordPress/Webflow) for rapid deployment
  3. Implement "Responsive Design" to ensure compatibility across Mobile and Desktop
  4. Optimize media assets (WebP images, Video codecs) for speed and performance
  5. Apply basic SEO (Search Engine Optimization) and Accessibility (WCAG) standards
§ 02 Sixteen sessions

The whole semester.

  1. 01How the Web Works: Servers, DNS, & Browsers
  2. 02HTML5 Basics: Semantic Structure
  3. 03CSS3 Basics: Styling & Typography
  4. 04The Box Model: Margins, Borders, & Padding
  5. 05Responsive Design: Media Queries
  6. 06Layout Systems: Flexbox & Grid
  7. 07Introduction to JavaScript (Interactivity)
  8. 08 · MidtermMidterm Examination
  9. 09CMS Mastery: Installing & Configuring WordPress
  10. 10Themes & Plugins: Extending Functionality
  11. 11UX/UI Principles for Web Production
  12. 12Asset Optimization: Compression & Formats
  13. 13SEO Basics: Meta Tags & Keywords
  14. 14Accessibility: Alt Text & Color Contrast
  15. 15Hosting, Security (SSL), & Maintenance
  16. 16Final Project: The Fully Functional Personal Website

Midterm around session 8. Final project briefed at session 8 or 9 and developed in stages until the juries.

§ 03 Final project

Final Project: The Fully Functional Personal Website

How it’s judged

Recommended reading
  1. HTML and CSS: Design and Build Websites by Jon Duckett
  2. Don't Make Me Think, Revisited by Steve Krug
  3. Learning Web Design by Jennifer Robbins
  4. Responsive Web Design by Ethan Marcotte
  5. Sustainable Web Design by Tom Greenwood
More in Digital & Interactive
Advanced Interaction & ServiceThis advanced course moves beyond simple interface design to explore complex service ecosystems. Students will learn how to design end-to-end experiences that bridge the physical and digital worlds ("phygital").
Advanced Interaction Techniques and TechnologiesThis technical design course explores the future of Human-Computer Interaction (HCI) beyond the traditional screen and keyboard.
Design for Wearable TechThis course explores the intersection of fashion, product design, and technology. Students will design for the "Intimate Interface," focusing on devices worn on the body—from smartwatches to smart textiles.
Digital Workflow and Asset Management"Amateurs talk about cameras; professionals talk about backups." This technical course saves careers. It teaches the unglamorous but vital skill of managing thousands of digital assets.
Holographic & Mixed Reality DesignThis futuristic course introduces students to the field of Spatial Computing, specifically Mixed Reality (MR) and Augmented Reality (AR).
Hologram ProductionThis specialized course prepares students for the future of display technology: Holography. Moving beyond screens, students will learn to create content for volumetric displays (like Looking Glass), holographic fans, and large-scale "Pepper's Ghost" stage illusions (similar to the ABBA Voyage).