When you want to become a web designer, knowing where to begin can be hard. So here’s how to start learning web design, in sixty seconds!
Get Started
More “How to Learn” guides on Envato Tuts+
- Get Started With Web Animation
- The Best Way to Learn CSS
- The Best Way to Learn HTML
- Course: Start Here: Learn CSS Typography
- Course: Start Here: Learn CSS Layout
- Course: Start Here: Learn CSS Colors and Backgrounds
60 seconds?!
This is part of a series of quick video tutorials on Envato Tuts+ web design. We’re introducing a range of subjects, all in 60 seconds–just enough to whet your appetite.
Subtitles/CC
Here you’ll find the content of the “captions.sbv” file, which we can use to add subtitles to the screencast. Turn subtitles on by clicking the Subtitles/CC button on the player–click the settings gear icon to select the language:
0:00:00.080,0:00:03.919
When you want to become a web designer, knowing
where to begin can be hard. So here’s how
0:00:03.919,0:00:09.050
to start learning web design, in sixty seconds!
At first, customizing others’ work can seem
0:00:09.050,0:00:12.870
like the easy option, but wading through a
lot of code you’re not familiar with can
0:00:12.870,0:00:17.650
actually make things harder. Instead, start
from the beginning, coding up designs from
0:00:17.650,0:00:23.170
a blank slate. Don’t be intimidated by coding;
if you start small, and aim to progress steadily,
0:00:23.170,0:00:28.550
you’ll be shocked by what you can achieve.
First learn the basics of HTML. Learn to make
0:00:28.550,0:00:33.270
simple unstyled pages with key elements like
headings, paragraphs, images, bullet lists
0:00:33.270,0:00:39.000
and so on. Then, move onto styling your pages
with CSS. Start learning to style your typography
0:00:39.000,0:00:44.510
first as that’s the most approachable part
of CSS. Then, move onto learning the basics
0:00:44.510,0:00:49.600
of layout, like controlling width, height,
spacing, and how to make multiple columns.
0:00:49.600,0:00:55.100
Finally, learn to add some color to your typography,
backgrounds, and borders. With these essentials
0:00:55.100,0:00:59.370
you’ll have all the tools you need to be
a web design gun. And that’s how you start
0:00:59.370,0:01:01.440
learning web design, in sixty seconds.
