Oct 27, 2020  
2019-2020 Course Catalog 
    
2019-2020 Course Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

VCT 2121 - Responsive Web Design for Desktop and Mobile Devices

Credits: 3
Hours/Week:
Course Description: This course will cover the design of Responsive Web sites that display equally well on all formats from desktop computers to mobile devices such as tablets and smart phones. In this hands-on, project-oriented course, students will explore the concepts, design issues, and techniques of planning, designing, and creating Responsive Web sites. Projects will include the design and creation of multiple Responsive Web sites.
MnTC Goals
None

Prerequisite(s): VCT 1125  with a grade of C or higher
Corequisite(s): None
Recommendation: None

Major Content
  1. The Concepts of Responsive Web Design
  2. Planning a Responsive Web site
  3. Adjusting Screen Resolution
  4. Custom Layout Structure
  5. Showing and Hiding Content
  6. Creating Liquid and Elastic Layouts
  7. CSS3 Media Queries
  8. Making Images Flexible
  9. Foreground Images that Scale with the Layout
  10. Creating Sliding Composite Images
  11. Hiding and Revealing Portions of Images
  12. Making Embedded Video Flexible

Learning Outcomes
At the end of this course, students will be able to:

  1. employ a creative visual Web design process.
  2. employ a creative informational Web design process.
  3. discuss the concepts of Responsive Web Design.
  4. plan flexible design layouts for Responsive Web sites.
  5. implement the adjustment of screen resolutions.
  6. implement hiding and showing of content based on screen resolution.
  7. create flexible Web Design solutions for multiple formats.
  8. apply CSS3 image properties to dynamically resize images.
  9. use CSS3 to allow images to reposition on flexible layouts for Responsive Web sites.
  10. apply CSS3 Media Queries to implement flexible layouts for Responsive Web sites.
  11. create Responsive Web sites.
  12. solve design and technical problems through the use of critical thinking.
  13. critique one’s own work and that of other students in group discussions.

Competency 1 (1-6)
None
Competency 2 (7-10)
None


Courses and Registration



Add to Portfolio (opens a new window)