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

Web Training Tutorials

Learn how to design and create a website with our web design tutorials. From hundreds of video courses, choose the right one to help you embed video, format text, design in CSS, create a content strategy, and analyze user experience design.
Don Barnett

Try our Web tutorials

— every online course includes free video tutorials. Become a member to keep learning, with unlimited access to every course in our library.

Topics

Skill level

Software

Author

More options

  • Closed captioning
171 Web courses · 7,557 video tutorials
sort by:
  • 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 Creative Quick Tips

    Creative Quick Tips Justin Seeley

    Five-minute workflow improvements for creative pros, covering Photoshop, Illustrator, WordPress, and other tools designers commonly use.

    1h 53m
    Appropriate for all
     
    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 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 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 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 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 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 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 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 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 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 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 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 Muse Essential Training

    Shows how to create HTML-based websites with Muse—a toolset familiar to anyone who has used Photoshop, InDesign, or Illustrator.

    6h 0m
    Beginner
     
    Viewers:

  • view course page for InDesign CS6 to HTML

    InDesign CS6 to HTML Michael Murphy

    Control how your InDesign print layouts are exported to HTML, and add links, custom CSS, and more.

    2h 46m
    Advanced
     
    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:

  • view course page for Design the Web: Multiple Graphic Sizes

    Leverage Smart Objects, clipping masks, and slices, in Photoshop and make graphics that will look razor sharp on any screen size.

    16m 37s
    Beginner
     
    Viewers:

  • view course page for Up and Running with Adobe Creative Cloud

    Find out whether Creative Cloud is right for you. Learn about installing and updating the app, working with cloud storage, and using CC on the go.

    1h 5m
    Appropriate for all
     
    Viewers:

  • view course page for Design the Web: Animated Loading GIFs

    Create custom animated GIFs for your websites, mobile applications, and other interactive projects in Photoshop.

    26m 10s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Sprite Sheets

    Learn techniques in this Photoshop tutorial to make sprite sheet creation fast and versatile.

    20m 49s
    Beginner
     
    Viewers:

  • view course page for Designing a Portfolio Website with Muse

    Create and publish a complete portfolio website with Adobe Muse—without writing any code.

    2h 55m
    Intermediate
     
    Viewers:

  • view course page for Up and Running with Flash Professional CC

    Learn the concepts, tools, and techniques you'll need to create your own animations, web experiences, and mobile applications with Flash CC.

    3h 56m
    Beginner
     
    Viewers:

  • view course page for Dreamweaver CC Essential Training

    Find out how to build standards-compliant websites from the ground up with Dreamweaver CC.

    8h 7m
    Beginner
     
    Viewers:

  • view course page for Dreamweaver: Creative Cloud Updates

    Learn what Dreamweaver CC has to offer you, including the new, intuitive CSS Designer pane, a new streamlined interface, updated HTML5 and jQuery integration, and more.

    59m 13s
    Intermediate
     
    Viewers:

  • view course page for Creating an Animated Infographic with Edge Animate

    Tell a more compelling story in Edge Animate with an animated infographic.

    36m 3s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Simulating Web Text

    Simulate the look of anti-aliased fonts in your next website mockup with this Photoshop tutorial.

    12m 25s
    Beginner
     
    Viewers:

  • view course page for Design the Web: Video Graphics and Animation

    Learn to edit video and add custom graphics and animations to your projects in Photoshop CS6 with this Photoshop tutorial.

    24m 44s
    Beginner
     
    Viewers:

  • view course page for Creating Interactive Projects with Edge Animate

    Explore the emerging workflow between the Adobe Creative Cloud applications and Edge Animate through a series of hands-on projects.

    1h 43m
    Beginner
     
    Viewers:

  • view course page for Design the Web: Smart Objects

    Learn to speed up your design and production time in this Photoshop tutorial with the use of Smart Objects.

    29m 2s
    Beginner
     
    Viewers:

  • view course page for Create a Homepage Marquee with Edge Animate

    Use Edge Animate and HTML5, jQuery, and CSS to create a custom, interactive homepage marquee.

    1h 8m
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Layer Comps

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

    20m 51s
    Intermediate
     
    Viewers:

  • view course page for Design the Web: Clipping Masks

    Shows you how to use clipping masks to create interesting design effects in Photoshop, while leaving the original images unharmed and ready for further edits.

    17m 29s
    Beginner
     
    Viewers:

  • view course page for Getting Started with Muse

    Create rich, high-fidelity website layouts without having to delve into HTML and CSS code.

    4h 28m
    Beginner
     
    Viewers:

  • view course page for Create an Animated Star Field with Edge Animate

    Create a randomized animation with just a few lines of JavaScript and Edge Animate.

    42m 6s
    Appropriate for all
     
    Viewers:

  • view course page for InDesign for Web Design

    Shows aspiring web designers how to quickly create webpage prototypes with text and object styles, modular layouts, and interactivity.

    5h 7m
    Intermediate
     
    Viewers:

  • view course page for Dreamweaver and WordPress: Core Concepts

    Shows how to combine the utility of WordPress and the power of Dreamweaver to transition existing websites to the WordPress platform.

    5h 44m
    Intermediate
     
    Viewers:

  • view course page for Create a Sliding Tabbed Panel with jQuery and Dreamweaver

    Build a dynamic sliding tabbed panel from scratch using a combination of HTML, CSS, jQuery, and the tools in Dreamweaver.

    1h 6m
    Intermediate
     
    Viewers:

  • view course page for Creating a First Web Site with Dreamweaver CS6

    Create a web site that works across multiple browsers and devices with Adobe Dreamweaver CS6.

    2h 48m
    Beginner
     
    Viewers:

  • view course page for Create a Tooltip with jQuery and Dreamweaver

    Shows how to convert text or graphics into a mouse-sensitive tooltip with jQuery and Dreamweaver.

    54m 15s
    Intermediate
     
    Viewers:

  • view course page for Responsive Design with Dreamweaver CS6

    Learn how to use media queries and the new Fluid Grid Layout feature in Dreamweaver to create a single web site that delivers different layouts to desktops, tablets, and other mobile devices.

    2h 6m
    Appropriate for all
     
    Viewers:

  • view course page for Create Navigation Menus with jQuery and Dreamweaver

    Find out how to add stylized dropdown menus in Dreamweaver using HTML, CSS, JavaScript.

    25m 49s
    Intermediate
     
    Viewers:

50 courses

“My colleagues and I decided to start our own graphic design business, but had no knowledge of how to build a credible website. Having learned After Effects through lynda.com in prior years, I logged on to learn HTML, CSS, and Dreamweaver. Finally we have a site that looks as good as the company we’re trying to be.” —John T.
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