Website Development
This course introduces the fundamentals of website development, from planning and design to coding, interactivity, multimedia, and deployment. Students learn layout design, Dreamweaver basics, CSS, forms, tables, ecommerce concepts, templates, and site publishing. Emphasis is placed on hands-on creation of functional web pages and complete websites.
§ 01 By the end you can
- Plan, design, and structure web layouts aligned with branding and usability standards.
- Build web pages using HTML, CSS, graphics, multimedia, and interactivity.
- Use Dreamweaver tools for layout creation, content editing, and site management.
- Integrate forms, tables, templates, and library items into functional sites.
- Publish websites to servers and understand ecommerce and web marketing basics.
§ 02 Sixteen sessions
The whole semester.
- 01Introduction to Web and How It Works
- 02Planning, Designing, and Laying Out Web Pages
- 03Branding, Colors, Requirements & Standardization
- 04Dreamweaver Basics and Page Setup
- 05Adding Content, Links & Graphics
- 06Working with CSS and Style Sheets
- 07Creating Tables, Forms & User Interactivity
- 08 · MidtermWorking with Multimedia and Slicing Graphics
- 09Creating Frames, Layers & Advanced Page Structures
- 10Website Uploading and Free Server Deployment
- 11Ecommerce & Webstore Fundamentals
- 12Using Templates and Library Items
- 13Developing Full Sites with Ready Templates
- 14Introduction to Web Marketing
- 15Practical Hourly Assessments & Presentations
- 16Final Website Project Development
Midterm around session 8. Final project briefed at session 8 or 9 and developed in stages until the juries.
§ 03 Final project
Students will create a fully functional multi-page website demonstrating layout design, interactivity, media integration, and site publishing.
Deliverables
Complete website with HTML/CSS, graphics, multimedia, and forms, with 5 pages.
§ 04 Watch first
- How the Web Works: Basics of Websites & HostingCovers internet fundamentals, servers, browsers, links, uploading.
- HTML & Web Page Structure for BeginnersCovers designing a page, content placement, links, tables, forms.
- CSS Basics: Styling, Layouts & Design PrinciplesCovers branding, colors, standardization, typography, and visual layout.
More in Digital & Interactive
| Advanced Interaction & Service | This 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 Technologies | This technical design course explores the future of Human-Computer Interaction (HCI) beyond the traditional screen and keyboard. |
| Design for Wearable Tech | This 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 Design | This futuristic course introduces students to the field of Spatial Computing, specifically Mixed Reality (MR) and Augmented Reality (AR). |
| Hologram Production | This 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). |