Faculty Syllabus

UXUI-1373 Responsive Design 1

Jennifer Jones


Credit Fall 2026

Section(s)

UXUI-1373-004 (53456)
LAB DIL ONL DIL

LEC Th 12:00pm - 2:40pm DIL DLS DIL

Course Requirements

COURSE OUTLINE

Week*

Project(s)

1-2

Module 1 | Use HTML for the Structure and Content of a Web Page

3-5

Module 2 | Use CSS styles to format the elements of a web page

5-7

Module 3 | Apply structure and styles to specialized content on a web page

8-11

Module 4 | Discover advanced styling techniques

12-15

Module 5 | Build advanced layouts with responsive design techniques

16

Module 6 | Analyze Key Elements of Successful Web Design

 

*subject to change

 

 

Readings

Textbooks

HTML & CSS Guidebook by Josiah Spence (free online resource)

https://htmlandcssguidebook.com/

 

Course Subjects

COURSE DESCRIPTION

Catalog Description:

WECM description: Instruction in web page design and related graphic design issues including markup languages, websites, and browsers.

VisCom description: Instruction in designing and building websites, essential HTML5 and CSS3, responsive design, and related visual design and web content issues.

 

Course Prerequisites:

The students enrolled in this course should have a familiarity with general Macintosh procedures as well as experience with Adobe Photoshop. Students should be ready to work in a professional manner and respect the instructor’s efforts to spend time with as many students as possible each time we meet. Students will be expected to complete assigned work with excellence to achieve the best possible grade. If a student desires to challenge the prerequisite course(s) they may do so. Please contact the Visual Communication office for more information. 

 

COURSE RATIONALE/OBJECTIVES

Instruction in best practices for building responsive websites that adapt to different devices and user behaviors. Responsive design topics to be covered include: HTML5; CSS3; semantic html; code frameworks; designing with fluid grids; creating layouts which incorporate typography and fluid media; using CSS media queries; responsive web typography; color; templates; hosting; web apps; web services. Students are then prepared to 1) evaluate whether or not responsive web design is a viable career option for them, and 2) pursue more advanced study in web, interaction, and UX design if they choose to do so.

 

COURSE SNAPSHOT

In this class you’ll learn how to code HTML and CSS, the coding languages used to create web pages. I focus on best practices for structuring the content of your webpages with HTML and then styling the content with CSS.

Once you have the basics under your belt, you'll move on to real-world page layout. You’ll learn text and link styles, centered page layout, background images, CSS-based navigation, forms, uploading files via FTP, and much more. I will provide you with content and prepared images for use in these projects but this training will give you hands-on practice coding websites from scratch all the way through uploading them to make them live.

 

Student Learning Outcomes/Learning Objectives

What you’ll learn to do by the end of this course:

  • Identify how websites fit into the architecture of the world wide web.
  • Evaluate elements of usability in web design.
  • Create and optimize graphics for a digital environment.
  • Build, style, and test responsive pages with HTML and CSS.
  • Design, build, and deploy websites using industry standards in formatting, layout, and accessibility.

Office Hours

Office Hours

Published: 05/12/2026 10:50:36