Web Design Courses: Learn to Design a Website

Whether you want to design and create a website for the first time or you’ve been designing websites for years, our expert-taught video tutorials have something for you. Learn to use WordPress or jQuery, design with CSS or write HTML, and even publish content.
.

Design and Develop Engaging Websites

Learn real-world techniques to build websites. Start with the fundamentals, or dive into the code. lynda.com covers all of these topics, and more.

Try our Web Design Courses

— every web design course includes free video tutorials. Become a member to keep learning the latest website design tips, with unlimited access to every course in our library. Lynda.com offers other tutorials related to web design, such as layouts, dreamweaver and more.
Design Aesthetics for Web Design

Learn the basic principles of good design for the web

Photoshop for Web Design

Create web graphics and site mockups in Photoshop

jQuery for Web Designers

Take your web designs to the next level with jQuery

Web Design Skill level

Web Design Software

Author

More options

  • Closed captioning
167 Web Design courses · 4,644 video tutorials
sort by:
  • view course page for CSS to Sass: Converting an Existing Site

    Convert an existing site to use Sass. Learn the benefits of libSass, discover how to set up a Sass-friendly development environment, and find how to debug Sass styles, create variables and mixins, and generate new Sass styles.

    2h 29m
    Intermediate
     
    Viewers:

  • view course page for Muse: 2015 Creative Cloud Updates

    Find out what's new in Muse CC. Justin Seeley covers the October 2015 update, which introduced fluid-width layouts, breakpoints, Creative Cloud Libraries, and SVG graphics.

    31m 18s
    Intermediate
     
    Viewers:

  • view course page for Adobe Animate CC: First Look

    Adobe Animate CC: First Look with Joseph Labrecque

    Get your first look at the new era in Adobe animation: Adobe Animate. Learn about the new tools and improved interface in Animate CC.

    14m 49s
    Appropriate for all
     
    Viewers:

  • view course page for Building a Responsive Single-Page Design with PostCSS

    Learn how to create animated single-page websites with PostCSS, the CSS post-processor that extends the power of CSS through JavaScript.

    2h 23m
    Intermediate
     
    Viewers:

  • view course page for CSS: Animation

    CSS: Animation with Val Head

    Find out how to create simple CSS animations such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more.

    1h 59m
    Intermediate
     
    Viewers:

  • view course page for PostCSS: First Look

    PostCSS: First Look with Ray Villalobos

    Want to write CSS faster and more efficiently? Get a first look at PostCSS, the engine for processing CSS with JavaScript.

    51m 8s
    Intermediate
     
    Viewers:

  • view course page for Building Responsive Forms with Flexbox

    Learn how to use Flexbox (the CSS3 Flexible Box Model) to create responsive HTML forms.

    1h 20m
    Intermediate
     
    Viewers:

  • view course page for Jekyll for Web Designers

    Jekyll for Web Designers with James Williamson

    Build blogs and websites with Jekyll, the static website generator. This training course explains Jekyll in simple, nontechnical terms.

    4h 27m
    Intermediate
     
    Viewers:

  • view course page for Creating a Responsive Web Design: Advanced Techniques

    Learn how to create collapsible menus and add scalable vector graphics (SVGs) to your responsive web design layouts.

    57m 34s
    Intermediate
     
    Viewers:

  • view course page for AngularJS 1: Building a Data-Driven App

    Learn how to add data-driven functionality to your web applications with AngularJS. This project shows you how to check users in and out of a system and randomly select checked-in users to reward with prizes.

    2h 9m
    Intermediate
     
    Viewers:

  • view course page for WordPress and Genesis: Building Child Themes from Scratch

    Gain a deeper understanding of the Genesis Framework as you build a custom child theme from scratch with PHP and CSS.

    1h 27m
    Intermediate
     
    Viewers:

  • view course page for AngularJS 1: Form Validation

    AngularJS 1: Form Validation with Ray Villalobos

    Learn how to implement dynamic form validation on any HTML form using the built-in validation properties and methods in AngularJS.

    41m 52s
    Intermediate
     
    Viewers:

  • view course page for AngularJS 1: Adding Registration to Your Application

    Create a simple registration system that allows users to log in and out of your applications, with AngularJS and Firebase.

    2h 7m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: CSS-Controlled SVG with PHP

    Learn how to use PHP, HTML, and CSS to dynamically modify styles in your scalable vector graphics (SVGs).

    30m 54s
    Intermediate
     
    Viewers:

  • view course page for Sass Essential Training

    Sass Essential Training with Ray Villalobos

    Learn the fundamentals of Syntactically Awesome Stylesheets (Sass), a modern web development language that helps you write CSS better, faster, and with more advanced features.

    2h 4m
    Intermediate
     
    Viewers:

  • view course page for Problem Solving for Web Professionals

    Make yourself invaluable by fixing the web design problems no one else can, with this toolkit of solution-oriented techniques.

    2h 4m
    Intermediate
     
    Viewers:

  • view course page for Designing Icons for the Web

    Designing Icons for the Web with James Williamson

    Learn techniques and best practices for designing smart, visually interesting website icons in any software.

    2h 50m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Canvas and WebGL in Flash Professional CC

    Create a shared pool of content for a set of related projects—an HTML5 video, a WebGL-rendered interactive ad, and an HTML5 Canvas game—using Flash Professional CC.

    1h 36m
    Intermediate
     
    Viewers:

  • view course page for Building Custom HTML5 Video Playback with AngularJS 1

    Develop a customized responsive video app that performs and appears great in all browsers, using AngularJS and Bootstrap.

    1h 22m
    Intermediate
     
    Viewers:

  • view course page for Advanced Responsive Layouts with CSS Flexbox

    Learn how to use the CSS Flexible Box Layout module (aka Flexbox) to create advanced responsive layouts.

    1h 49m
    Intermediate
     
    Viewers:

  • view course page for Accessibility for WordPress

    Learn how to use WordPress to build a beautiful and accessible website that can be used by people with all different types of abilities.

    1h 31m
    Intermediate
     
    Viewers:

  • view course page for Productivity Tips for Web Designers

    A weekly series for web designers who want to enhance their design, software, and general freelance business skills and streamline their workflow. Get a new tip every Thursday.

    5h 25m
    Appropriate for all
     
    Viewers:

  • view course page for Creating an HTML5 Banner Ad with GreenSock (GSAP)

    Learn to use the GreenSock Animation Platform to create HTML5 animated advertisements for your product or service.

    56m 26s
    Intermediate
     
    Viewers:

  • view course page for Web Workflows with Grunt.js

    Web Workflows with Grunt.js with Ray Villalobos

    Program, test, and deploy your web applications more easily and efficiently with a Grunt.js development workflow.

    1h 17m
    Intermediate
     
    Viewers:

  • view course page for HTML: Structured Data

    HTML: Structured Data with James Williamson

    Learn how to use structured data to make your webpages more meaningful to search engines and web crawlers and provide a richer browsing experience to users.

    2h 56m
    Intermediate
     
    Viewers:

  • view course page for Building a Responsive Portfolio Site

    Learn how to build a responsive portfolio site to showcase your art, photography, writing, or other content with HTML, CSS, jQuery, and some easy-to-use frameworks.

    1h 47m
    Intermediate
     
    Viewers:

  • view course page for Flash Professional: 2015 Creative Cloud Updates

    Stay on top of all the updates to Flash Professional 2015, including HTML5 Canvas optimization, brush size scaling, timesaving timeline changes, and more.

    52m 33s
    Intermediate
     
    Viewers:

  • view course page for Dreamweaver: 2015 Creative Cloud Updates

    Learn about all the new features and enhancements added to Dreamweaver CC 2015—as soon as they are released.

    1h 7m
    Intermediate
     
    Viewers:

  • view course page for Responsive Images

    Responsive Images with Morten Rand-Hendriksen

    Responsive images are the next evolution in web design. Learn how to implement them today, with these real-life best practice scenarios for implementing responsive images in production sites.

    1h 22m
    Intermediate
     
    Viewers:

  • view course page for CSS: Selectors

    CSS: Selectors with James Williamson

    Review the different types of CSS selectors and learn to choose the best selectors for targeting different HTML elements.

    4h 8m
    Intermediate
     
    Viewers:

  • view course page for Building a Mobile App with AngularJS 1 and Ionic

    Learn to build native-style applications that leverage your existing knowledge of HTML5, JavaScript, and CSS by using AngularJS and the Ionic framework.

    3h 31m
    Intermediate
     
    Viewers:

  • view course page for Creating a Responsive Homepage Marquee

    Create an attractive, interactive, and responsive promotional marquee for your website.

    2h 8m
    Intermediate
     
    Viewers:

  • view course page for WordPress: Developing with Sass and Grunt.js

    Write simpler, smarter CSS for your WordPress themes and plugins with Sass and Grunt.js.

    1h 36m
    Intermediate
     
    Viewers:

  • view course page for Making Your Site Retina-Ready

    Learn how to make your site "retina"-ready by optimizing graphics and other content so that it looks great on retina (HiDPI) and non-retina displays alike.

    3h 13m
    Intermediate
     
    Viewers:

  • view course page for Creating an Animated Steam Sprite Sheet with After Effects

    Learn to create a realistic steam animation with After Effects, using a particle system animation and a sprite sheet.

    42m 19s
    Intermediate
     
    Viewers:

  • view course page for Creating HTML Layouts with InDesign

    Extract content and layouts from InDesign and transform them into HTML, which can be used to create ebooks, web and mobile apps, and more.

    2h 29m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Adding Dynamic QR Codes

    Learn to use the free Google Chart API, or free jQuery and JavaScript, to add dynamic QR codes to your webpages.

    20m 17s
    Intermediate
     
    Viewers:

  • view course page for jQuery: Creating Plugins

    jQuery: Creating Plugins with Joe Chellman

    Go from jQuery plugin user to jQuery plugin author in a few steps, by turning existing filters or code into reusable, highly configurable plugins.

    1h 22m
    Intermediate
     
    Viewers:

  • view course page for Collaborative Design: Process and Efficiency

    Collaborate more effectively and efficiently with clients and colleagues with these tips from veteran designer Lauren Bacon.

    48m 14s
    Appropriate for all
     
    Viewers:

  • view course page for Collaborative Design: Vision and Strategy

    The most successful projects involve deep collaboration with clients. Learn how attentive listening, thoughtful questions, and a clear process can lead to a unified vision and strategy for your designs.

    48m 56s
    Appropriate for all
     
    Viewers:

  • view course page for Design the Web: Layer Comps

    Design the Web: Layer Comps with Chris Converse

    Discover how to use Photoshop layer comps to storyboard your interaction designs.

    26m 5s
    Intermediate
     
    Viewers:

  • view course page for Creating a Marquee in WordPress with jQuery

    Create a promotional, animated marquee for the homepage of your WordPress website. The exercise files and code snippets for this course are free to all members.

    1h 9m
    Intermediate
     
    Viewers:

  • view course page for Building Android and iOS Apps with Dreamweaver CC and PhoneGap

    Learn how to develop iOS and Android apps with your existing HTML skills, Dreamweaver CC, and PhoneGap.

    4h 15m
    Intermediate
     
    Viewers:

  • view course page for Responsive Design with Dreamweaver CC

    Learn how to use Dreamweaver's Fluid Grid Layout framework and media queries to create a responsive website design.

    2h 2m
    Appropriate for all
     
    Viewers:

  • view course page for Creating a Small-Business Website with Adobe Muse

    Create a compelling website for any small business, using Adobe Muse CC.

    1h 31m
    Intermediate
     
    Viewers:

  • view course page for Building Mobile Apps with the PhoneGap Command-Line Interface

    Learn how to build, test, and deploy Android and iOS apps with the PhoneGap and Cordova CLIs.

    43m 57s
    Intermediate
     
    Viewers:

  • view course page for Dreamweaver: 2014 Creative Cloud Updates

    Keep up to date with all the 2014 changes to Dreamweaver CC.

    55m 36s
    Intermediate
     
    Viewers:

  • view course page for Building a Responsive Single-Page Design with Sass

    Learn how to build responsive single-page websites (with animation and scrolling effects) using frameworks like Compass, Susy, and Breakpoint.

    4h 55m
    Intermediate
     
    Viewers:

  • view course page for Up and Running with Ember.js

    Get up and running with Ember.js, the next-gen JavaScript framework for building complex web applications while writing very little code.

    2h 46m
    Intermediate
     
    Viewers:

  • view course page for Jeffrey Zeldman: 20 years of Web Design and Community

    The influential web designer and founder of A List Apart talks about developing the web standards that shaped the Internet we know today, fostering community, and educating the next generation of designers.

    1h 18m
    Appropriate for all
     
    Viewers:

“Keep up the good work—it's helping so many of us stay up to speed on all the many topics involved in building creative websites.” —Sandra M.
more from our members »


Lynda.comへようこそ!

各分野の一流のエキスパートによるビデオトレーニングコースをお探しですか?日々増え続けているLynda.comの日本語によるビデオライブラリをぜひご覧ください。そして広がり続けているlynda.comコミュニティーにあなたもぜひご参加ください。

日本版へ行く

各分野の一流のエキスパートによるビデオトレーニングコースをお探しですか?日々増え続けているlynda.comの日本語によるビデオライブラリをぜひご覧ください。そして広がり続けているlynda.comコミュニティーにあなたもぜひご参加ください。

日本版へ行く
Don't show this message again

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.