Our website will be down for scheduled maintenance on Thursday, October 23, at 11 p.m. Pacific Time and should be back up by Midnight. We apologize for any inconvenience.

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.
John Hersey

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

  • Intermediate

Version

  • 5 (10)

Software

Author

More options

  • Closed captioning
28 Web courses · 535 video tutorials
sort by:
  • view course page for Building a Responsive Single-Page Design

    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 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 Online Presentations with reveal.js

    Build slideshows that harness the full power of the web with reveal.js.

    2h 2m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Advanced To-Do List

    Build a to-do list widget with an editable field so users can easily create tasks and delete them as they are completed, and a drag-and-drop version that allows for quick and easy sorting.

    45m 50s
    Intermediate
     
    Viewers:

  • view course page for Working with Data on the Web

    Store simple data without a database using web storage solutions like XML, JSON, YAML, and HTML5.

    2h 21m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Creating a Responsive Presentation

    Use open technologies (HTML5, jQuery, and CSS) to create a slideshow that responds to mobile and desktop layouts, and learn to customize the slideshow to fit your next project.

    1h 25m
    Intermediate
     
    Viewers:

  • view course page for JavaScript: Enhancing the DOM

    Learn to modify the DOM (Document Object Model), one of the core components of every HTML page, with JavaScript.

    2h 3m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Creating Surveys

    Engage your website visitors with a unique 3D survey built with HTML5, CSS, and JavaScript.

    1h 12m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Interactive Charts

    Spice up dry data presentations with an interactive, visually engaging bar chart drawn with the HTML5 Canvas element.

    1h 7m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Photo Card Titles

    Create an HTML form with CSS and JavaScript that allows users to submit captions for photo cards.

    1h 11m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Video Bumpers

    Put HTML5, CSS3, and recent JavaScript API technologies to work and provide an enhanced brand opportunity for your clients with custom video bumpers.

    31m 36s
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Personalized Ads

    Discover how to combine advanced HTML5 form elements to gather personal details from your site visitors and deliver a better user experience.

    1h 11m
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Integrating Google Store Locator

    Take advantage of the HTML5 geolocation feature by using the recently released Google Store Locator Utility Library, and include directions and feature filtering in your web apps.

    43m 51s
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Engaging Ecommerce

    Build features that allow visitors to your online store to filter their selections interactively via sliders, drag items onto wish lists, and automatically save them locally.

    37m 29s
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Customized Photo Cards

    Build an online application for creating personalized photo cards with user-uploaded imagery and text.

    44m 20s
    Intermediate
     
    Viewers:

  • view course page for HTML5 Power Workshop

    HTML5 Power Workshop with Andy Olsen

    Covers advanced HTML5 topics like geolocation, mobile development, web sockets, Web SQL, and web workers.

    3h 9m
    Intermediate
     
    Viewers:

  • view course page for HTML5: Messaging and Communications in Depth

    Looks at cross-document messaging, both within a single domain and across one or more domains, using the HTML5 Messaging API.

    43m 19s
    Intermediate
     
    Viewers:

  • view course page for HTML5: Document Editing in Depth

    Describes how to create editable content on the web using the document-editing application programming interface (API) in HTML5.

    23m 43s
    Intermediate
     
    Viewers:

  • view course page for HTML5: Background Processes with Web Workers

    Describes how to perform background processing using the Web Workers API in HTML5.

    52m 11s
    Intermediate
     
    Viewers:

  • view course page for HTML5: File API in Depth

    Introduces the concepts behind the HTML5 File API technology.

    59m 9s
    Intermediate
     
    Viewers:

  • view course page for HTML5: Geolocation in Depth

    Add location tracking to a web application using a combination of JavaScript, CSS, and HTML5.

    34m 19s
    Intermediate
     
    Viewers:

  • view course page for HTML5: Managing Browser History

    Prevent page refreshes when updating parts of a page, and make navigation more efficient using the enhancements to the Session History API provided with HTML5.

    35m 33s
    Intermediate
     
    Viewers:

  • view course page for Create an HTML5 Video Gallery with jQuery

    Shows how to develop an interactive video gallery for the web in a coding environment, using HTML5 with a Flash fallback, CSS, and the open-source JavaScript library jQuery.

    59m 53s
    Intermediate
     
    Viewers:

  • view course page for Create an HTML5 Video Gallery with jQuery and Dreamweaver

    Shows how to develop an interactive video gallery for the web in Dreamweaver using HTML5 with a Flash fallback, CSS, and the open-source JavaScript library jQuery.

    1h 10m
    Intermediate
     
    Viewers:

  • view course page for HTML5: Drag and Drop in Depth

    Make just about any web page element draggable with a combination of JavaScript and HTML5, a technique that has increased browser support and that eliminates the need for external libraries such as jQuery.

    1h 0m
    Intermediate
     
    Viewers:

  • view course page for HTML5: Graphics and Animation with Canvas

    Introduces the technical concepts behind the Canvas in HTML5 and shows how to perform drawing operations directly in a web page.

    3h 7m
    Intermediate
     
    Viewers:

  • view course page for HTML5: Video and Audio in Depth

    Shows how to embed video and audio into a web page using HTML5.

    2h 7m
    Intermediate
     
    Viewers:

  • view course page for HTML5: Local Storage and Offline Applications in Depth

    Save application data such as preferences or form data in the client's browser and use it in applications, including those running offline.

    2h 23m
    Intermediate
     
    Viewers:

“Your service has educated me so much that I've taken my web design business to a level I never thought I would get to. I learned Photoshop, Flash, InDesign, and Illustrator. With your help I can provide a service in my area that no one else can match.” —Ernesto O.
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.