Apr 19, 2024  
2019-2020 Course Catalog 
    
Catalog Navigation
  Catalog Home
  Introduction to Century College
  Mission, Vision, Values

  College Calendar

  Course Descriptions and Outlines
  Programs (Century Academic Pathway)
  Programs (Department)
  Programs (A-Z)

  Academic Policies and Program Requirements
  Admissions and Registration
  Application for Admission
  Student Services and Resources
  Student Handbook
  Transfer

  Continuing Education and Customized Training
  College Administration and Faculty
  Maps and Directions
  Archived Catalogs
  My Portfolio
HELP
2019-2020 Course Catalog [ARCHIVED CATALOG]

Facebook this Page (opens a new window)
Tweet this Page (opens a new window)
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


Facebook this Page (opens a new window)
Tweet this Page (opens a new window)
Add to Portfolio (opens a new window)