|
May 13, 2024
|
|
|
|
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
- Creative Design Process
- CSS3 modules -a review of new specifications
- CSS3 - current browser support
- The principles and elements of web design - visual design and information design for highly creative design solution
- Impact of CSS3 on webpage design
- Colors/contrast and visual hierarchy
- Units of measurement/scale
- The BOX model and positioning
- Advanced layouts/FlexBox/CSS Grids
- CSS3 text properties and the @font-face Rule - designing with typography
- Pseudo elements and classes
- CSS3 2D and 3D transform methods
- CSS3 transitions
- CSS3 animations and the @keyframes Rule
- CSS3 variables and preprocessors
- User interfaces with the appearance property
- Project presentation and critiques
Learning Outcomes At the end of this course students will be able to:
- employ a creative visual Web design process.
- employ a creative informational Web design process.
- discuss the issues of current browser support for CSS3.
- implement highly creative visual Website design solutions with CSS3.
- implement highly creative informational Web site design solutions with CSS3.
- implement advanced web layouts with CSS positioning.
- design with typography as an integral part of Web site design solutions with CSS3.
- design with color as an integral part of website design solutions with CSS3.
- employ pseudo elements and classes.
- employ CSS3 2D and 3D transforms.
- employ CSS3 transitions and animations in Web site design.
- employ CSS3 variables and preprocessors within the design work flow.
- create user interfaces with the CSS3 appearance property.
- 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)
|
|