Web Design Courses & Tutorials

Web Design courses

31 Results

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
18 Lessons
Free course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
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.
Beginner Friendly
8 Lessons
Free course
Learn Intermediate CSS
Learn how to implement elegant transitions, create new layouts and serve users with dynamic needs.
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.
Beginner Friendly
5 Lessons
Free course
Learn HTML: Fundamentals
Build an important foundation for creating the structure and content for web pages.
Beginner Friendly
2 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!
With Certificate
Intermediate
2 Lessons
Free course
Learn CSS: Introduction
Learn how to use CSS to style and visually organize HTML pages.
Beginner Friendly
3 Lessons
Free course
Learn CSS: Flexbox and Grid
Create elegant and flexible web page layouts with CSS flexbox and grid.
Beginner Friendly
3 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.
Beginner Friendly
3 Lessons
Free course
Learn CSS: Transitions and Animations
Make your website shake, slide, and grow with CSS transitions.
Beginner Friendly
1 Lesson
Free course
Learn HTML: Tables
Create HTML tables to present data in an organized manner.
Beginner Friendly
1 Lesson
Free course
Learn HTML: Forms
Create forms with various input fields and validate user data.
Beginner Friendly
2 Lessons
Course
Learn Sass
Expand your CSS knowledge by learning SCSS syntax, nesting, functions, and more in this course!
With Certificate
Intermediate
4 Lessons
Free course
Learn CSS: Box Model and Layout
Use the box model to fine tune display and positioning of HTML elements.
Beginner Friendly
3 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.
With Certificate
Intermediate
2 Lessons
Free course
Learn HTML: Semantic HTML
Write clearer, more accessible HTML using Semantic HTML elements.
Beginner Friendly
1 Lesson
Free course
Learn CSS: Colors
Choose and set CSS colors using a variety of techniques.
Beginner Friendly
1 Lesson
Free course
Learn CSS: Typography and Fonts
Use CSS typography to style your text and include fonts from other sources.
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.
Beginner Friendly
2 Lessons
Free course
Learn CSS: Accessibility
Build web pages that are accessible to everyone using modern CSS techniques and accessibility standards.
Beginner Friendly
1 Lesson
Course
Learn Navigation Design
Build websites that are easy to navigate.
With Certificate
Intermediate
2 Lessons
Free course
Learn CSS: Browser Compatibility
Ensure consistent user experience regardless of the browser by addressing browser compatibility issues.
Beginner Friendly
1 Lesson
Free course
Learn Sass: Fundamentals
Expand your CSS knowledge and style your sites even faster by learning Sass.
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.
Beginner Friendly
1 Lesson
Course
Learn Color Design
Learn how to use color effectively to create attractive and useable websites!
With Certificate
Intermediate
2 Lessons
Free course
Learn Design Thinking: Ideation
Learn how to ideate and brainstorm possible design solutions based on user research.
Beginner Friendly
1 Lesson
Course
Learn Interaction Design
Design effective user interactions and flows with thoughtful information architecture.
With Certificate
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.
Intermediate
1 Lesson
Free course
Learn Sass: Functions and Operations
Incorporate Sass functions, loops, operators, and conditionals.
Intermediate
1 Lesson
Free course
Learn Sass: Best Practices
Learn best practices for writing scalable Sass.
Intermediate
1 Lesson

Web Design

Related resources

Related resources

New to Web Design? Start here

Introduction to UI and UX Design

Introduction to UI and UX Design

Web Design courses

Level

Price

Type

Lessons

Projects

Web Design courses

Build a Website with HTML, CSS, and GitHub Pages

Learn HTML

Learn CSS

Learn Intermediate CSS

How to Make a Website with NameCheap

Learn HTML: Fundamentals

Learn Bootstrap

Learn CSS: Introduction

Learn CSS: Flexbox and Grid

Introduction to UI and UX Design

Learn CSS: Transitions and Animations

Learn HTML: Tables

Learn HTML: Forms

Learn Sass

Learn CSS: Box Model and Layout

Learn CSS: Responsive Design

Learn HTML: Semantic HTML

Learn CSS: Colors

Learn CSS: Typography and Fonts

Learn CSS: Variables and Functions

Learn CSS: Accessibility

Learn Navigation Design

Learn CSS: Browser Compatibility

Learn Sass: Fundamentals

Learn User Research: Generative

Learn Color Design

Learn Design Thinking: Ideation

Learn Interaction Design

Learn Sass: Mixins and Parent Selector

Learn Sass: Functions and Operations

Learn Sass: Best Practices

More resources

Consider Design While You Build

Getting Started with Visual Studio Code

Managing Assets and Icons

Flexbox Cheatsheet

Responsive Design Cheatsheat

Intro to Chrome Devtools

Our best resources for students

Company Home Page