New Feature: Playlist Center! Pick a topic and let our playlists guide the way—like a learning mixtape.

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

Topics

Skill level

Version

Software

Author

More options

selected filters:
CC   Photoshop  
13 Web Design courses · 229 video tutorials
sort by:
  • view course page for Web Motion for Beginners: Final Project

    Put your web motion skills to the test in this final project of the series, which uses Adobe Illustrator, Photoshop, and Edge Animate to create an animated banner ad.

    31m 44s
    Beginner
     
    Viewers:

  • view course page for Responsive Media

    Responsive Media Christopher Schmitt

    Make your media as responsive as your site's layout. Learn to prepare video, fonts, and images to display correctly on a wide variety of devices.

    58m 10s
    Beginner
     
    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 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 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 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 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 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 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 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 Photoshop CS6 for Web Design

    Reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups in Photoshop with navigation bars and buttons.

    4h 56m
    Appropriate for all
     
    Viewers:

  • view course page for Design the Web: Slice Tool

    Learn to create multiple, optimized web graphics from a single Photoshop or Illustrator file with the powerful and versatile Slice tool.

    26m 45s
    Beginner
     
    Viewers:

“Loving the pace of training, the clarity, and the flexibility to learn anytime at your own pace. The range of courses is great.” —Nick 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.