Web design Courses & Tutorials

Skill path
Build a Website with HTML, CSS, and GitHub Pages
Learn the basics of web development to build your own website.
Includes 9 Courses
With Certificate
Beginner Friendly
14 hours
Free course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
Beginner Friendly
7 hours
Free course
Learn CSS
In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.
Beginner Friendly
6 hours
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.
Beginner Friendly
2 hours
Free course
Learn Intermediate CSS
Learn how to implement elegant transitions, create new layouts and serve users with dynamic needs.
Intermediate
10 hours
Free course
Learn HTML: Fundamentals
Build an important foundation for creating the structure and content for web pages.
Beginner Friendly
3 hours
Free course
How to Make a Website with NameCheap
Explore HTML & CSS fundamentals as you build a website in this introductory web development course.
Beginner Friendly
4 hours
Free course
Learn CSS: Flexbox and Grid
Create elegant and flexible web page layouts with CSS flexbox and grid.
Beginner Friendly
4 hours
Free course
Learn CSS: Introduction
Learn how to use CSS (Cascading Style Sheets) to style and visually organize HTML pages.
Beginner Friendly
2 hours
Free course
Learn HTML: Forms
Learn how to create HTML forms with various input fields to collect and validate user data.
Beginner Friendly
2 hours
Free course
Learn HTML: Semantic HTML
Learn how to use Semantic HTML to create cleaner, more accessible web pages.
Beginner Friendly
1 hour
Free course
Learn HTML: Tables
Learn how to create HTML tables to present data in an organized manner and format your tables with CSS.
Beginner Friendly
1 hour
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!
With Certificate
Intermediate
3 hours
Free course
Learn CSS: Box Model and Layout
Use the box model to fine tune display and positioning of HTML elements.
Beginner Friendly
2 hours
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.
With Certificate
Intermediate
2 hours
Free course
Learn CSS: Transitions and Animations
Learn how to make your website shake, slide, and grow with CSS transitions.
Beginner Friendly
1 hour
Free course
Learn CSS: Typography and Fonts
Use CSS typography to style your text and include fonts from other sources.
Beginner Friendly
1 hour
Free course
Learn CSS: Colors
Level up your design skills by learning different ways to set CSS colors and formats.
Beginner Friendly
1 hour
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.
Beginner Friendly
1 hour
Course
Learn Sass
Expand your CSS knowledge by learning SCSS syntax, nesting, functions, and more in this course!
With Certificate
Intermediate
3 hours
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.
Beginner Friendly
2 hours
Free course
Learn Design Thinking: Ideation
Learn how to ideate and brainstorm possible design solutions based on user research.
Beginner Friendly
< 1 hour
Free course
Learn CSS: Accessibility
Build web pages that are accessible to everyone using modern CSS techniques and accessibility standards.
Beginner Friendly
1 hour
Course
Learn Navigation Design
Learn how to build and structure websites that are easy for users to navigate.
With Certificate
Intermediate
2 hours
Course
Learn Color Design
Learn how to use color effectively to create attractive and useable websites!
With Certificate
Intermediate
2 hours
Free course
Learn CSS: Browser Compatibility
Ensure consistent user experience regardless of the browser by addressing browser compatibility issues.
Beginner Friendly
< 1 hour
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.
Beginner Friendly
1 hour
Free course
Learn Sass: Fundamentals
Expand your CSS knowledge and style your sites even faster by learning Sass.
Intermediate
1 hour
Course
Learn Interaction Design
Design effective user interactions and flows with thoughtful information architecture.
With Certificate
Intermediate
2 hours
Free course
Learn Sass: Best Practices
Learn best practices for setting up file structure, importing stylings, and writing scalable Sass.
Intermediate
< 1 hour
Free course
Learn Sass: Mixins and Parent Selector
Use mixins to add more flexibility to your styles and expand stylings with the & selector.
Intermediate
1 hour
Free course
Learn Sass: Functions and Operations
Learn how to incorporate functions, loops, operators, and conditionals in Sass.
Intermediate
1 hour
Course
Learn Design Thinking: Iteration
In this course, learn the later, continuous stages of the design thinking process where actions are taken to iterate on a product after testing.
With Certificate
Intermediate
1 hour
Course
Learn User Research: Evaluative
Build your skills in user experience research. Learn user research methods, user experience research tools, and enhance your career in UX.
With Certificate
Intermediate
2 hours

Web design

Related resources

Related resources

Need guidance? Ask our AI Learning Assistant

Get started with web design

Introduction to UI and UX Design

Introduction to UI and UX Design

Web design courses

Level

Price

Type

Average time to complete

Projects

Web design courses

Build a Website with HTML, CSS, and GitHub Pages

Learn HTML

Learn CSS

Introduction to UI and UX Design

Learn Intermediate CSS

Learn HTML: Fundamentals

How to Make a Website with NameCheap

Learn CSS: Flexbox and Grid

Learn CSS: Introduction

Learn HTML: Forms

Learn HTML: Semantic HTML

Learn HTML: Tables

Learn Bootstrap

Learn CSS: Box Model and Layout

Learn CSS: Responsive Design

Learn CSS: Transitions and Animations

Learn CSS: Typography and Fonts

Learn CSS: Colors

Learn Visual Design

Learn Sass

Learn CSS: Variables and Functions

Learn Design Thinking: Ideation

Learn CSS: Accessibility

Learn Navigation Design

Learn Color Design

Learn CSS: Browser Compatibility

Learn User Research: Generative

Learn Sass: Fundamentals

Learn Interaction Design

Learn Sass: Best Practices

Learn Sass: Mixins and Parent Selector

Learn Sass: Functions and Operations

Learn Design Thinking: Iteration

Learn User Research: Evaluative

More resources