Aspire Journeys

Creating Styled and Responsive Sites

  • 12 Courses | 9h 10m 7s
  • 18 Labs | 18h
Forge a solid understanding of web design and incorporate responsive design to create a site that adapts to your users' various screen sizes. Creating styled and responsive sites based on thoughtful designs is critical to making your website stand out. In this Journey, you will begin by exploring the basics of web design by creating wireframes and incorporating color, typography, and navigation design using CSS. In the third and fourth tracks, you will learn how to create responsive layouts using CSS Flexbox, Grid, and Media Queries. In the fifth track, you will learn how to apply eye-catching transitions and animations. In the last track, you will learn about accessibility and CSS techniques to make your website accessible to a larger audience.

Track 1: Web Design

In this track of the Creating Styled and Responsive Sites Aspire Journey, the focus will be on web design basics, creating wireframes, and design guidelines and patterns.

  • 4 Courses | 2h 39m 5s
  • 1 Lab | 1h

Track 2: Color & Typography

In this track of the Creating Styled and Responsive Sites Aspire Journey, the focus will be on color theory, color for UI, CSS colors, typography, and text design using HTML and CSS.

  • 1 Course | 55m
  • 5 Labs | 5h

Track 3: Navigation and Layout

In this track of the Creating Styled and Responsive Sites Aspire Journey, the focus will be on creating layout with CSS Flexbox and Grid, and designing site navigation using links, buttons, and secondary navigation.

  • 3 Courses | 2h 2m 13s
  • 7 Labs | 7h

Track 4: Responsive Design

In this track of the Creating Styled and Responsive Sites Aspire Journey, the focus will be on responsive sizing with CSS and media queries.

  • 1 Course | 53m 16s
  • 3 Labs | 3h

Track 5: Transitions and Animations

In this track of the Creating Styled and Responsive Sites Aspire Journey, the focus will be on CSS transitions and animations.

  • 1 Course | 1h 17m 59s
  • 1 Lab | 1h

Track 6: Accessibility

In this track of the Creating Styled and Responsive Sites Aspire Journey, the focus will be on web accessibility, introduction to accessble designs, and CSS accessibility.

  • 2 Courses | 1h 22m 34s
  • 1 Lab | 1h

COURSES INCLUDED

Web Design Basics
A good web design should be both user-friendly and visually pleasing. Discover what is involved in planning and designing a web site, examine the development life cycle, and explore testing and testing tools.
11 videos | 33m has Assessment available Badge
Design Guidelines and Patterns
Successful applications provide a positive and effective user experience. Discover design and behavior patterns, how to use color and typography to optimize the user experience, and explore design approaches and frameworks.
12 videos | 50m has Assessment available Badge

COURSES INCLUDED

Navigation and Layout
A positive and effective user experience is crucial to the success of an application. Learn how to implement effective navigation and layout, and explore different navigation models and solutions.
8 videos | 21m has Assessment available Badge
Styling Page Elements & Data
Make your data stand out. Discover how to configure tables with CSS3 for effective presentation of content, including spreadsheets and calendar data.
10 videos | 45m available Badge

COURSES INCLUDED

Advanced Options & Responsive Web Design
CSS3 specifications include new and sophisticated options for layout and graphics. Learn how to work with these new options, and how to implement responsive web design.
14 videos | 53m available Badge

COURSES INCLUDED

HTML5 with JavaScript & CSS3: Adaptive AI, Graphics, & Animation
Enhance your web page graphics and animations using HTML5 and CSS. Examine various adaptive AI and animations techniques, including SVG graphics, 2-D and 3-D models, and how to animate all components.
16 videos | 1h 17m has Assessment available Badge

COURSES INCLUDED

Introduction to Web Accessibility
Web accessibility is a must in today's world. Discover why web accessibility is important. Explore the types of disabilities that need to be addressed, as well as the different kinds of assistive technology.
17 videos | 40m has Assessment available Badge
Accessibility & Design
Web accessibility means thoughtful and careful design. Explore JavaScript principles, accessibility in practice, design principles, and common design mechanisms.
16 videos | 41m has Assessment available Badge

EARN A DIGITAL BADGE WHEN YOU COMPLETE THESE TRACKS

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.