May 13, 2024  
2022-2023 Course Catalog 
    
2022-2023 Course Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

WEBD 1125 - Advanced Web Design with CSS3

Credits: 3
Hours/Week: Lecture 2 Lab 2
Course Description: This hands-on, project-oriented course builds on concepts introduced in WEBD 1121. The course focuses on creating visually appealing and contemporary webpage designs using advanced CSS3 formatting properties that employ the formal principles of design. Projects include using CSS Variables and Preprocessors, advanced layouts and appropriate color usage and more.
MnTC Goals
None

Prerequisite(s): WEBD 1121  and WEBD 1123  with grades of “C” or higher
Corequisite(s): None
Recommendation: None

Major Content
  1. Creative Design Process
  2. CSS3 modules -a review of new specifications
  3. CSS3 - current browser support
  4. The principles and elements of web design - visual design and information design for highly creative design solution
  5. Impact of CSS3 on webpage design
  6. Colors/contrast and visual hierarchy
  7. Units of measurement/scale
  8. The BOX model and positioning
  9. Advanced layouts/FlexBox/CSS Grids
  10. CSS3 text properties and the @font-face Rule - designing with typography
  11. Pseudo elements and classes
  12. CSS3 2D and 3D transform methods
  13. CSS3 transitions
  14. CSS3 animations and the @keyframes Rule
  15. CSS3 variables and preprocessors
  16. User interfaces with the appearance property
  17. Project presentation and critiques

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 issues of current browser support for CSS3.
  4. implement highly creative visual Website design solutions with CSS3.
  5. implement highly creative informational Web site design solutions with CSS3.
  6. implement advanced web layouts with CSS positioning.
  7. design with typography as an integral part of Web site design solutions with CSS3.
  8. design with color as an integral part of website design solutions with CSS3.
  9. employ pseudo elements and classes.
  10. employ CSS3 2D and 3D transforms.
  11. employ CSS3 transitions and animations in Web site design.
  12. employ CSS3 variables and preprocessors within the design work flow.
  13. create user interfaces with the CSS3 appearance property.
  14. 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)