Simon Fraser University
Engaging the World

Course Outlines

Summer 2026 - IAT 339 B100

Web Design and Development (4)

Class Number: 3908

Delivery Method: Blended

Overview

  • Course Times + Location:

    May 11 – Jun 19, 2026: Thu, 8:30–11:20 a.m.
    Surrey

    May 11 – Jun 19, 2026: TBA, TBA
    Surrey

  • Prerequisites:

    IAT 235 and IAT 265, with a minimum grade of C-.

Description

CALENDAR DESCRIPTION:

Advanced theory and implementation of web media from a design perspective. Students will design and develop web media that focuses on communication and design issues for a variety of users. This course will address design methods and approaches for technical aspects such as content management, responsive design, and server-side support.

COURSE DETAILS:

This course presumes you are prepared and willing to learn how to design the front-end of websites and code them by hand using HTML and CSS. If you are stronger in either aspect (designing or coding), the challenge for this course is for you to become stronger in the opposing aspect.

You will also be expected to develop websites in an accessible, semantic and responsive fashion by default, making use of fully standards compliant HTML and CSS.

COURSE-LEVEL EDUCATIONAL GOALS:

  1. Identify and analyze user purpose and experience in accessing web content.
  2. Prioritize and assess platform specific considerations in user's expectations of web design.
  3. Develop and analyze user requirements for the web for a variety of users.
  4. Critically analyze affordances of different web design paradigms and explain potential uses.
  5. Develop, implement and critique solutions to web design problems.
  6. Apply current industry web design standards (eg. coding practice, search engine optimization), tools (eg. file versioning, wireframing), and content management systems.
  7. Classify legal and ethical issues in publishing content on the web.

Grading

  • Participation 10%
  • Quizzes 45%
  • Course Projects 45%

NOTES:

This course uses the SIAT standard grading scale for final letter grades:

Letter grade Percentage range
A+ 95% to 100%
A 90% to 95%
A- 85% to 90%
B+ 80% to 85%
B 75% to 80%
B- 70% to 75%
C+ 65% to 70%
C 60% to 65%
C- 55% to 60%
D 50% to 55%
F 0% to 50%

REQUIREMENTS:

This course follows a blended learning model consisting of weekly asynchronous and in-person components. Students are expected to engage with all digital content and videos prior to attending the scheduled in-person sessions.

Weekly attendance involves both online prep and in-person sessions. All asynchronous videos and content must be completed as preparation for participating in the weekly face-to-face class.

Materials

MATERIALS + SUPPLIES:

For this term you will need access to:

  • A laptop
  • A code editor
  • A web browser (we will use Chrome at the start of the term)
  • An FTP client (we will use Cyberduck)
  • A git client (we will use GitHub Desktop)

If you have a preference for another type of software you are welcome to use it.

REQUIRED READING:

Readings will be available digitally through Canvas.

REQUIRED READING NOTES:

Your personalized Course Material list, including digital and physical textbooks, are available through the SFU Bookstore website by simply entering your Computing ID at: shop.sfu.ca/course-materials/my-personalized-course-materials.

Registrar Notes:

ACADEMIC INTEGRITY: YOUR WORK, YOUR SUCCESS

At SFU, you are expected to act honestly and responsibly in all your academic work. Cheating, plagiarism, or any other form of academic dishonesty harms your own learning, undermines the efforts of your classmates who pursue their studies honestly, and goes against the core values of the university.

To learn more about the academic disciplinary process and relevant academic supports, visit: 


RELIGIOUS ACCOMMODATION

Students with a faith background who may need accommodations during the term are encouraged to assess their needs as soon as possible and review the Multifaith religious accommodations website. The page outlines ways they begin working toward an accommodation and ensure solutions can be reached in a timely fashion.