• Free Trial
  • Sign In
  • Help
  • Tracks

  • Home
  • Tracks
  • Library
  • Forum
  • Workspaces
  • Expand
  • Support

Learn Web Design

0
How to Make a Website

10 Stages

HTML Forms

3 Stages

HTML Tables

2 Stages

CSS Foundations

13 Stages

CSS Layout Techniques

5 Stages

Aesthetic Foundations

3 Stages

Design Foundations

4 Stages

Photoshop Foundations

7 Stages

Illustrator Foundations

6 Stages

Logo Design Basics

2 Stages

Brand Identity Basics

4 Stages

UX Basics

5 Stages

SEO Basics

4 Stages

Sass Basics

4 Stages

Compass Basics

4 Stages

15
  • Learn more Watch Trailer
    Learn web design using HTML, CSS, aesthetic guidelines, plus hosting, FTP, domains, and more.
  • 0/10 Ipad default 2x cover html howtobuildawebsite

    How to Make a Website

  • 0/3 Ipad default 2x cover html forms

    HTML Forms

  • 0/2 Ipad default 2x cover html htmltables

    HTML Tables

  • 0/13 Ipad default 2x cover css foundations

    CSS Foundations

  • 0/5 Ipad default 2x cover css csslayouttechniques

    CSS Layout Techniques

  • 0/3 Ipad default 2x cover design aesthetic foundations

    Aesthetic Foundations

  • 0/4 Ipad default 2x cover design foundations

    Design Foundations

  • 0/7 Ipad default 2x cover design photoshop

    Photoshop Foundations

  • 0/6 Ipad default 2x cover design illustrator

    Illustrator Foundations

  • 0/2 Ipad default 2x ipad default 2x cover logo basics

    Logo Design Basics

  • 0/4 Ipad default 2x cover design branding 38

    Brand Identity Basics

  • 0/5 Ipad default 2x cover design ux

    UX Basics

  • 0/4 Ipad default 2x cover business seo basics

    SEO Basics

  • 0/4 Ipad default 2x cover css sassfoundations 12

    Sass Basics

  • 0/4 Ipad default 2x cover css compass 34

    Compass Basics

  • Icon track incomplete

    Track Completion

Our mission is to bring affordable, technology education to people everywhere, in order to help them achieve their dreams and change the world.
Our Company
About Us
Contact Us
Forum
Treehouse Stories
Student Perks
Treehouse Blog
Affiliate Program
Careers
Topics
HTML
CSS
Design
JavaScript
Ruby
PHP
WordPress
iOS
Android
Development Tools
Business
Tracks
Web Design
Web Development
Rails Development
PHP Development
iOS Development
Android Development
Wordpress Development
Starting a Business
  • About Treehouse
  • Privacy Policy
  • Terms & Conditions
  • 2014 Treehouse Island, Inc.

How to Make a Website

10 stages

If you’ve never built a website before and you have no coding or design experience, this is the place to start. In this project, we learn how to build a modern portfolio website for desktops, tablets, and mobile devices. We start with basic HTML and CSS syntax. Next, we learn how to build custom web pages with an image gallery and contact page. Finally, we walk through how to share a website live on the web.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

HTML Forms

3 stages

The web is a two-way communication medium. There’s lots of HTML elements for displaying data and producing output, and conversely, there’s also lots of HTML elements for accepting input. Accepting input from the user means creating web forms. In this course, we’ll learn about all the most important form elements that web professionals use on a daily basis.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

HTML Tables

2 stages

The web is filled with text and images, but it's also filled with information like sports scores throughout the years, list of employee names and email addresses, or nutrition facts for your favorite foods. HTML tables enable the display information in what is commonly known as tabular data, which is information that's stored in a table-like structure of columns and rows. In general, anything that you might put into a spreadsheet could go in a table. There are many use cases for a table, so it's important to add them to your skills because it's a very common method for displaying information.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

CSS Foundations

13 stages

Cascading Style Sheets (CSS) is a language used to describe the visual look of a web page. Using CSS, it is possible to change colors, margin, padding, fonts, and much more. This content will consolidate the previously released CSS Foundations and CSS3 in a brand new and updated series.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

CSS Layout Techniques

5 stages

Learn how to work with the common layout and positioning methods used in web design. Throughout the course we’ll build a layout using display methods, floats, positioning schemes, even Flexbox, the latest and most advanced CSS layout feature. We’ll cover the strengths and benefits of each method, along with common layout issues and how to solve them.

At the end of the course we'll learn how to create a responsive grid system using many of the layout and positioning techniques covered.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

Aesthetic Foundations

3 stages

Aesthetic Foundations will cover the elements and principles of art, along with color theory. This basic knowledge will provide a design language that enables more effective communication amongst designers and other team members.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

Design Foundations

4 stages

Have you ever wanted to understand and create aesthetic designs for the web? In this Deep Dive we will learn what design is and how to harness its power. Breakdown the components that conjure the perfect aesthetic. Also create and fix a design of your own.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

Photoshop Foundations

7 stages

Photoshop Foundations teaches the knowledge and skills relating to Adobe Photoshop that are most relevant for a web design professional. The lessons learned here provide a solid foundation for studying more advanced Photoshop topics.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

Illustrator Foundations

6 stages

Explore the power of Adobe Illustrator with Mat Helme - our very own multi-talented Design Teacher. Illustrator Foundations takes a project-based learning approach to the application's core features, including every tool relevant to web design. By the end of the course you'll be ready to apply your newly acquired skills to your future projects.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

Logo Design Basics

2 stages

This course will not only cover the basics of logo design but will also walk through the process of creating a logo from start to finish. Follow Mat Helme in his pursuit to create a logo for a task manager app called ODOT, while using his process known as the "Logo Sprint".

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

Brand Identity Basics

4 stages

In this course, we’ll take an in-depth look at the brand identity design process: from planning, strategizing and research, all the way through design and finalizing the project. We’ll also explore what exactly makes a brand image and why process is so important.

Branding can be challenging, but with preparation and expectations, we can create amazing work and continue to hone in on what generates the best results.

By the end of this course, you will have the tools and knowledge to create meaningful and comprehensive brand identities.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

UX Basics

5 stages

Before you can become a User Experience (UX) designer, you need to understand the importance of UX, the reason it exists, what the goal of the UX designer is and how they think.

In this course, you’ll learn all about UX Design, what it is, what UX designers do, how UX designers think, what tools UX designers use, and how to move forward in the field of UX.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

SEO Basics

4 stages

Search Engine Optimization is an ongoing process, a way of thinking about your website, preparing and creating its content, and monitoring its success over the long term. Using industry standard best practices, tools, and strategies, you can create a site that doesn't just get indexed by search engines - it'll get used by real people.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

Sass Basics

4 stages

Sass is a powerful language that extends CSS with features like nested rules, variables, mixins, math operations, and more, in a CSS-compatible syntax. Because of this, many of today's popular websites, applications, and frameworks are built using Sass.

In this course, we'll be coding along with Hampton Catlin, our guest teacher and creator of Sass.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

Compass Basics

4 stages

Compass is a Sass-based framework made up of helpful, ready-to-use tools and best practices for Sass. It makes our front-end workflow more efficient because it helps us write CSS smarter, cleaner and faster. First, we'll learn how to install Compass, then create and configure our first project. Throughout the course, we'll learn all about Compass's tools for implementing CSS3 features, page layout and styling text. We’ll also use Compass helper functions for generating colors, image dimensions and URLs to our project assets. In the final stage, we’ll learn how to generate sprite sheets with Compass, one of its most powerful and useful features.

Warning

This course is locked. To unlock this course, you must first join this Track. Alternatively, you may take this as a standalone course off-Track.

View course

Sign in

I forgot my password

Contact Support

Thanks! We'll be in touch.

There was a small problem sending your message.

You can also email support requests to:

help@teamtreehouse.com

Content questions?

Don't forget you can start a discussion in the Forum. Treehouse teachers and members are actively discussing topics from course material and other general teaching topics.