Apr 25, 2024  
2017-2018 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
2017-2018 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 2028 - Responsive Web Design for Desktop & Mobile Devices

Credits: 3
Hours/Week: Lecture NoneLab None
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 1027  or instructor consent
Corequisite(s): None
Recommendation: None

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

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

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


Courses and Registration


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