Start learning with our library of video tutorials taught by experts. Get started

Web Design

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 tutorials

— every online course includes free video tutorials. Become a member to keep learning, with unlimited access to every course in our library.
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

Skill level

Software

Author

More options

218 Web Design courses · 6,744 video tutorials
sort by:
  • view course page for Persuasive UX: Harnessing Illogical Reactions

    Create products and design that draw people in and direct them down your preferred path by appealing to emotion rather than logic.

    35m 24s
    Intermediate
    Viewers:

  • view course page for Design the Web: Graphics and CSS Pseudo-Elements

    Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages.

    18m 16s
    Beginner
     
    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 7m
    Intermediate
     
    Viewers:

  • view course page for Persuasive UX: Influencing Behavior Patterns

    Learn how to use desire lines, and commitment, reinforcement, and breakage techniques to influence users' behavior patterns.

    28m 35s
    Intermediate
     
    Viewers:

  • view course page for Creating a Responsive Design with Edge Reflow

    Learn how to visually create a responsive web design with Edge Reflow.

    1h 37m
    Beginner
     
    Viewers:

  • view course page for Design the Web: Working with PNG-8

    Create compressed PNG-8 images that display quickly and beautifully on a variety of websites, especially those targeting mobile devices.

    20m 27s
    Beginner
     
    Viewers:

  • view course page for Up and Running with CoffeeScript

    Learn about CoffeeScript, a language that compiles into JavaScript and allows you to write fast, efficient, and beautiful JavaScript code.

    1h 48m
    Intermediate
     
    Viewers:

  • view course page for Up and Running with AngularJS

    Get a fresh look at AngularJS, a framework for building single-page web applications fast.

    1h 19m
    Intermediate
     
    Viewers:

  • view course page for Persuasive UX: The Power of Self-Image

    Learn how to tap into self-image with the right persuasive design techniques, and make your product or service seem more valuable.

    22m 27s
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Adobe Generator for Graphics

    Save time creating web and interactive graphics with Photoshop and Adobe Generator.

    19m 45s
    Beginner
     
    Viewers:

  • view course page for WordPress Plugins: Contact Forms

    WordPress Plugins: Contact Forms Morten Rand-Hendriksen

    Add contact forms to your WordPress site with three different plugins: Jetpack, Contact Form 7, and Gravity Forms.

    1h 35m
    Beginner
     
    Viewers:

  • view course page for UX Design Tools: InDesign

    Learn how to design wireframes and prototypes with InDesign.

    1h 38m
    Intermediate
     
    Viewers:

  • view course page for Photoshop CC for Web Design

    Learn to create UI elements, web graphics, wireframes, and functional mockups that transition beautifully and easily to production with Photoshop.

    3h 43m
    Intermediate
     
    Viewers:

  • view course page for Creating Icon Fonts for the Web

    Learn how to create your custom icon font quickly and easily from existing icons or your own hand-drawn artwork, using tools like Illustrator, Fontello, Glyphs Mini, and more.

    3h 56m
    Intermediate
     
    Viewers:

  • view course page for UX Design Tools: Illustrator

    Start your UX designs in Illustrator. Learn how to create custom reusable symbols, add text, use artboards to design for multiple screens and application states, and export your wireframes as PDFs.

    1h 11m
    Intermediate
     
    Viewers:

  • view course page for Persuasive UX: Ethics of Persuasive Design

    Learn how to motivate your users to act and engage them with your UX designs—without misleading them.

    17m 35s
    Intermediate
     
    Viewers:

  • view course page for UX Design Tools: Photoshop

    Learn how to use Photoshop shapes, styles, and layers to create wireframes, prototypes, and other UX design documents.

    53m 24s
    Intermediate
     
    Viewers:

  • view course page for Web Design Fundamentals

    Web Design Fundamentals James Williamson

    New to web design? Find out if web design is right for you and learn about the 3 core technologies (HTML, CSS, and JavaScript), choosing the right tools when you're starting out, and what you should learn next.

    2h 56m
    Beginner
     
    Viewers:

  • view course page for Dreamweaver CC and WordPress 3.8: Core Concepts

    Explore how to integrate WordPress into a Dreamweaver site to make for efficient editing of your code.

    5h 48m
    Intermediate
     
    Viewers:

  • view course page for WordPress Ecommerce: Integrating Shopify

    Integrate a Shopify store into your existing self-hosted WordPress site and start selling your products or services online.

    1h 25m
    Beginner
     
    Viewers:

  • view course page for UX Design Techniques: Creating Scenarios and Storyboards

    See how to map your users' needs to your proposed UX design solution with scenarios and storyboards.

    20m 49s
    Intermediate
     
    Viewers:

  • view course page for Edge Animate Essential Training

    Discover how to use the complete Edge Animate toolset to lay out and animate motion graphics for your website, mobile devices, digital magazine, iBooks, and more.

    4h 37m
    Beginner
     
    Viewers:

  • view course page for UX Design Techniques: Ideation

    Generate more creative, more satisfactory solutions for your users using ideation techniques.

    22m 39s
    Intermediate
     
    Viewers:

  • view course page for Adobe Edge Code and Brackets: First Look

    Get a first look at Edge Code, the impressive new code editor from Adobe, and its open-source cousin Brackets.

    44m 32s
    Intermediate
     
    Viewers:

  • view course page for jQuery Mobile Web Applications

    Learn how to build dynamic jQuery Mobile web applications that read data from services like Flickr, YouTube, WordPress, and Twitter.

    3h 25m
    Intermediate
     
    Viewers:

  • view course page for Web Motion for Beginners: Create a Parallax Effect

    Learn to build a parallax motion effect using Google Web Designer, Flash CC, and Edge Animate, and add depth and motion to your web projects.

    40m 25s
    Beginner
     
    Viewers:

  • view course page for Web Motion for Beginners: Animate a CSS Sprite Sheet

    Add an animation to your web projects with a CSS sprite sheet, in this quick, project-based course.

    30m 25s
    Beginner
     
    Viewers:

  • view course page for Responsive Typography Techniques

    Learn how to create typography that's beautiful, functional, and easily scalable across tablets, phones, and computers of all types and sizes.

    2h 9m
    Intermediate
     
    Viewers:

  • view course page for Web Motion for Beginners: Create a Preloader

    Learn how to create a preloader from an animated GIF, using After Effects, Photoshop or Fireworks, and Adobe Edge Animate.

    24m 53s
    Beginner
     
    Viewers:

  • view course page for Web Motion for Beginners: Create an Animated Banner Ad

    Learn to create a simple web banner with motion and interactivity.

    46m 23s
    Beginner
     
    Viewers:

  • view course page for Web Motion for Beginners: An Overview

    Get an overview of the planning and creation process behind web-based motion graphics.

    17m 29s
    Beginner
     
    Viewers:

  • view course page for Design the Web: From Illustrator to HTML5 Canvas

    Convert your vector artwork into dynamic HTML5 Canvas artwork with a free plugin for Adobe Illustrator.

    21m 35s
    Beginner
     
    Viewers:

  • view course page for WordPress Essential Training

    WordPress Essential Training Morten Rand-Hendriksen

    Create your own website or blog with WordPress, the web's most popular content management system.

    5h 9m
    Beginner
     
    Viewers:

  • view course page for Start with a Theme: Twenty Fourteen

    Learn to quickly set up and configure the Twenty Fourteen theme, and turn your WordPress website into a modern flat design online magazine.

    36m 21s
    Beginner
     
    Viewers:

  • view course page for Creating a Photo Gallery in WordPress with jQuery

    Learn to create a custom photo gallery for WordPress that goes beyond the built-in look and feel.

    54m 36s
    Beginner
     
    Viewers:

  • view course page for  jQuery Mobile 1.4 New Features and Migration

    Learn about the new features, the minor pitfalls, and the best migration path for jQuery Mobile 1.4.

    1h 0m
    Intermediate
     
    Viewers:

  • view course page for UX Design Techniques: Creating Personas

    Make your development process more user centered. Learn about the importance of personas, how to create them, and how to use them in your user experience research and design.

    26m 27s
    Intermediate
     
    Viewers:

  • view course page for Up and Running with Titanium

    Rapidly build, test, package, and publish cross-platform mobile apps using only JavaScript and a single, flexible code base, with Titanium Studio.

    2h 48m
    Beginner
     
    Viewers:

  • view course page for JavaScript: Functions

    Learn the different ways of declaring and invoking JavaScript functions, the "subprograms" that power your code.

    1h 25m
    Intermediate
     
    Viewers:

  • view course page for WordPress 3.8 New Features

    WordPress 3.8 New Features Morten Rand-Hendriksen

    Take a 10-minute tour of the new features in WordPress 3.8, including the new interface and the Twenty Fourteen theme.

    8m 54s
    Beginner
     
    Viewers:

  • view course page for Creating a Responsive Web Design

    Make your website more readable and efficient to download with Chris Converse's responsive website techniques.

    1h 44m
    Beginner
     
    Viewers:

  • view course page for UX Design Techniques: Analyzing User Data

    Learn how to gather user data through careful observation, and transform that data into actionable project ideas for a more user-centric design.

    31m 11s
    Intermediate
     
    Viewers:

  • view course page for PHP for Web Designers

    A gentle introduction to PHP, with simple exercises that help you develop dynamic web content, user input forms, and database-powered product pages.

    5h 26m
    Beginner
     
    Viewers:

  • view course page for UX Design Techniques: Overview

    Learn about the benefits of user-centered design and the six techniques illustrated in the UX Design Techniques series.

    13m 53s
    Intermediate
     
    Viewers:

  • view course page for Flash Professional: Creative Cloud Updates

    Learn about the interface changes and performance improvements that come with the latest release of Flash Professional CC.

    1h 22m
    Intermediate
     
    Viewers:

  • view course page for Creating a Responsive HTML Email

    Design a responsive HTML email that will adapt to varying screen sizes and render correctly in over 30 different email clients, including Gmail, Outlook, and Yahoo.

    1h 32m
    Beginner
     
    Viewers:

  • view course page for Design the Web: Getting CSS from Photoshop

    Speed up your CSS workflow. Extract CSS from an existing design comp automatically using Photoshop's Copy CSS feature.

    24m 8s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Automating Web Graphics

    Learn to composite hundreds of unique, data-driven graphics in Photoshop automatically, using variables and a simple text file.

    30m 49s
    Beginner
     
    Viewers:

  • view course page for Creating a Responsive Web Experience

    Learn how to add JavaScript to your HTML and CSS to make your webpages more responsive to different screen sizes. Dynamically load content, add animation, collapse navigation, and more.

    1h 23m
    Intermediate
     
    Viewers:

  • view course page for jQuery Data with AJAX

    Learn to employ AJAX and AHAH in your web projects and dynamically update pages without reloading—all with the streamlined capabilities in jQuery.

    28m 42s
    Intermediate
     
    Viewers:

50 courses

“lynda.com has enabled me to grow my skill set at an affordable price. I find the business profiles/documentaries inspiring and the training is top notch.” —Shawn C.
more from our members »

Get started

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.