Skip to Content
Mini Arrow Down Icon
Loading menu bar
Loading menu bar
Catalog Menu →
Related topics
Mini Chevron Down Icon
HTML & CSS
Top languages & subjects
Mini Chevron Down Icon
Python
AI
JavaScript
Web Development
Java
SQL
C++
Cybersecurity
Data Science
C#
View full catalog
Where do I begin?
Dot Regular
Catalog
/
Web Design
Web Design
Web Design is essential to bringing a website to life and creating the experience that you want for your end users. Our web design courses will help you polish your HTML and CSS skills while learning about color design, navigation design, and more.
Diagonal A Dense
Related resources
Docs:
CSS
Cheatsheets
Articles
Projects
Diagonal A Dense
Related resources
Docs:
CSS
Cheatsheets
Articles
Projects
New to Web Design? Start here
Free course
Introduction to UI and UX Design
Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.
Checker Dense
Level Icon
Beginner
Friendly
3
Lessons
Blog Post
What is user interface design?
11 October 2022
Free course
Introduction to UI and UX Design
Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.
Checker Dense
Level Icon
Beginner
Friendly
3
Lessons
Blog Post
What is user interface design?
11 October 2022
Web Design courses
32 Results
Filter Icon
Filters
Clear Filters
Level
Beginner
Intermediate
Price
View Plans
Free
Paid
Type
Career path
Info Circle Icon
Learn all the skills you need to land a new career in tech.
Skill path
Info Circle Icon
Learn all the concepts you need to gain a new technical skill.
Course
Info Circle Icon
Learn concepts used for specific languages or technologies.
Lessons
0-4
5-15
16+
Projects
Practice Projects
Info Circle Icon
Solidify the concepts you are learning with guidance.
Portfolio Projects
Info Circle Icon
Put your skills to work to build something on your own.
Web Design courses
Filter Icon
Filters
32 Results
Clear filters
Skill path
Build a Website with HTML, CSS, and GitHub Pages
Learn the basics of web development to build your own website.
Checker Dense
Includes
9 Courses
Checker Dense
Certificate Icon
With
Certificate
Checker Dense
Level Icon
Beginner
Friendly
18
Lessons
Free course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
Checker Dense
Level Icon
Beginner
Friendly
6
Lessons
Free course
Learn CSS
In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.
Checker Dense
Level Icon
Beginner
Friendly
8
Lessons
Free course
Learn Intermediate CSS
Learn how to implement elegant transitions, create new layouts and serve users with dynamic needs.
Checker Dense
Level Icon
Intermediate
10
Lessons
Free course
How to Make a Website with NameCheap
Explore HTML & CSS fundamentals as you build a website in this introductory web development course.
Checker Dense
Level Icon
Beginner
Friendly
5
Lessons
Course
Learn Bootstrap
Give your website a clear layout and polished style—fast! Learn how to use one of the most popular front-end frameworks, Bootstrap 4!
Checker Dense
Certificate Icon
With
Certificate
Checker Dense
Level Icon
Intermediate
2
Lessons
Free course
Learn CSS: Introduction
Learn how to use CSS (Cascading Style Sheets) to style and visually organize HTML pages.
Checker Dense
Level Icon
Beginner
Friendly
3
Lessons
Free course
Learn CSS: Flexbox and Grid
Create elegant and flexible web page layouts with CSS flexbox and grid.
Checker Dense
Level Icon
Beginner
Friendly
3
Lessons
Free course
Learn HTML: Fundamentals
Build an important foundation for creating the structure and content for web pages.
Checker Dense
Level Icon
Beginner
Friendly
2
Lessons
Free course
Introduction to UI and UX Design
Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.
Checker Dense
Level Icon
Beginner
Friendly
3
Lessons
Free course
Learn CSS: Box Model and Layout
Use the box model to fine tune display and positioning of HTML elements.
Checker Dense
Level Icon
Beginner
Friendly
3
Lessons
Free course
Learn HTML: Forms
Learn how to create HTML forms with various input fields to collect and validate user data.
Checker Dense
Level Icon
Beginner
Friendly
2
Lessons
Free course
Learn CSS: Transitions and Animations
Learn how to make your website shake, slide, and grow with CSS transitions.
Checker Dense
Level Icon
Beginner
Friendly
1
Lesson
Free course
Learn HTML: Semantic HTML
Learn how to use Semantic HTML to create cleaner, more accessible web pages.
Checker Dense
Level Icon
Beginner
Friendly
1
Lesson
Free course
Learn HTML: Tables
Learn how to create HTML tables to present data in an organized manner and format your tables with CSS.
Checker Dense
Level Icon
Beginner
Friendly
1
Lesson
Course
Learn Sass
Expand your CSS knowledge by learning SCSS syntax, nesting, functions, and more in this course!
Checker Dense
Certificate Icon
With
Certificate
Checker Dense
Level Icon
Intermediate
4
Lessons
Course
Learn CSS: Responsive Design
Create websites viewable on devices of all sizes using responsive design techniques, such as relative sizing units and media queries.
Checker Dense
Certificate Icon
With
Certificate
Checker Dense
Level Icon
Intermediate
2
Lessons
Free course
Learn CSS: Colors
Level up your design skills by learning different ways to set CSS colors and formats.
Checker Dense
Level Icon
Beginner
Friendly
1
Lesson
Free course
Learn CSS: Typography and Fonts
Use CSS typography to style your text and include fonts from other sources.
Checker Dense
Level Icon
Beginner
Friendly
1
Lesson
Free course
Learn CSS: Browser Compatibility
Ensure consistent user experience regardless of the browser by addressing browser compatibility issues.
Checker Dense
Level Icon
Beginner
Friendly
1
Lesson
Course
Learn Navigation Design
Learn how to build and structure websites that are easy for users to navigate.
Checker Dense
Certificate Icon
With
Certificate
Checker Dense
Level Icon
Intermediate
2
Lessons
Free course
Learn Sass: Fundamentals
Expand your CSS knowledge and style your sites even faster by learning Sass.
Checker Dense
Level Icon
Intermediate
1
Lesson
Free course
Learn User Research: Generative
Learn how to plan and conduct user research, analyze user data, and share research insights by creating a research report.
Checker Dense
Level Icon
Beginner
Friendly
1
Lesson
Course
Learn Color Design
Learn how to use color effectively to create attractive and useable websites!
Checker Dense
Certificate Icon
With
Certificate
Checker Dense
Level Icon
Intermediate
2
Lessons
Free course
Learn CSS: Accessibility
Build web pages that are accessible to everyone using modern CSS techniques and accessibility standards.
Checker Dense
Level Icon
Beginner
Friendly
1
Lesson
Free course
Learn CSS: Variables and Functions
Create websites viewable on devices of all sizes using responsive design techniques, such as relative sizing units and media queries.
Checker Dense
Level Icon
Beginner
Friendly
2
Lessons
Free course
Learn Sass: Functions and Operations
Learn how to incorporate functions, loops, operators, and conditionals in Sass.
Checker Dense
Level Icon
Intermediate
1
Lesson
Free course
Learn Visual Design
Visual design organizes elements into a cohesive whole and supports usability. Learn basic visual design principles to build more aesthetic digital products.
Checker Dense
Level Icon
Beginner
Friendly
3
Lessons
Free course
Learn Sass: Best Practices
Learn best practices for setting up file structure, importing stylings, and writing scalable Sass.
Checker Dense
Level Icon
Intermediate
1
Lesson
Course
Learn Interaction Design
Design effective user interactions and flows with thoughtful information architecture.
Checker Dense
Certificate Icon
With
Certificate
Checker Dense
Level Icon
Intermediate
3
Lessons
Free course
Learn Sass: Mixins and Parent Selector
Use mixins to add more flexibility to your styles and expand stylings with the & selector.
Checker Dense
Level Icon
Intermediate
1
Lesson
Free course
Learn Design Thinking: Ideation
Learn how to ideate and brainstorm possible design solutions based on user research.
Checker Dense
Level Icon
Beginner
Friendly
1
Lesson
More resources
Article
Open Icon
Consider Design While You Build
opens in a new window
Article
Open Icon
Getting Started with Visual Studio Code
opens in a new window
Article
Open Icon
Managing Assets and Icons
opens in a new window
Cheatsheet
Open Icon
Flexbox Cheatsheet
opens in a new window
Cheatsheet
Open Icon
Responsive Design Cheatsheat
opens in a new window
Video
Open Icon
Intro to Chrome Devtools
opens in a new window
Resource
Open Icon
Our best resources for students
opens in a new window
Project
Open Icon
Company Home Page
opens in a new window