Dec 07, 2021  
2017-2018 Course Catalog 
2017-2018 Course Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

VCT 1024 - Advanced Web Design with CSS3

Credits: 3
Hours/Week: Lecture NoneLab None
Course Description: In this hands-on, project-oriented course, students will explore the vast array of exciting options available with CSS3 to implement highly creative design solutions. This course continues exploring the many CSS3 properties introduced in VCT 1023 - Web Design with HTML5 and CSS3 . Students will create rich and visually exciting Web site designs using more advanced CSS3 properties and design concepts.
MnTC Goals

Prerequisite(s): VCT 1023  or instructor consent
Corequisite(s): None
Recommendation: None

Major Content
  1. CSS3 - Current Browser Support
  2. CSS3 2D and 3D Transform Methods
  3. CSS3 Animations and the @keyframes Rule
  4. CSS3 Font Descriptors
  5. CSS3 Modules ¿ a Review
  6. CSS3 Text Properties and the @font-face Rule ¿ Designing with Typography
  7. CSS3 Transitions
  8. CSS3 User Interface ¿ Creating User Interfaces with the Appearance Property
  9. The Principles and Elements of Web Design ¿ Visual Design and Information Design
  10. What Can CSS3 Really do for Your Designs?

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

  1. employ a creative visual Web design process
  2. discuss the issues of current browser support for CSS3.
  3. implement highly creative visual Web site design solutions with CSS3.
  4. implement highly creative informational Web site design solutions with CSS3.
  5. design with typography as an integral part of Web site design solutions with CSS3.
  6. employ CSS3 transitions and animations in Web site design.
  7. communicate a client¿s message through visual and informational Web site design.
  8. solve design and technical problems through the use of critical thinking.
  9. critique one¿s own work and that of other students in group discussions.
  10. employ a creative informational Web design process.

Courses and Registration

Add to Portfolio (opens a new window)