• No categories

Free web design video tutorials

Welcome to our free web design video tutorial library. Here you will find a range of free web design video tutorials targeted towards all levels of users. Our free web design video tutorials range from basic tools through to techniques and effects.

Learn how easy Dreamweaver, Fireworks, Flash & Illustrator are to use with our free video tutorials. We take you through step by step from first opening the programs to complete web page layouts, tips, tricks and techniques so you become productive faster.

Whether you are wanting to learn as a hobby or training to become a web designer, our free web design video tutorials will help you learn those vital steps.

Free Dreamweaver Video Tutorials

Free Dreamweaver Video Tutorials» Define Your Site

  • Setting up a new site
  • Setting up remote info
  • Setting up the testing server
  • Setting up the FTP upload accounts

Free Dreamweaver Video Tutorials» Making New Pages

  • Make a new HTML page
  • Setup guides and rulers
  • Navigate through the page elements

Free Dreamweaver Video Tutorials» Files Menu

  • Locate and open the files palette
  • Working in local view
  • Working with assets
  • Working with snippets

Free Dreamweaver Video Tutorials» Preview in Browser

  • Define which to browser to use
  • Setting multiple browsers
  • Preview your page in a browser

Free Dreamweaver Video Tutorials» Tracing Images

  • Locate and open the tracing image button
  • Set your tracing image
  • Use the tracing image as a reference for layout

Free Dreamweaver Video Tutorials» List Menus

  • Locate and open the list menu item
  • Insert list menu into page
  • Styling list menu with CSS

Free Dreamweaver Video Tutorials» Jump Menus

  • Locate and open the jump menu item
  • Insert jump menu into page
  • Styling jump menu with CSS

Free Dreamweaver Video Tutorials» Adding Flash Content

  • Add flash and style with Css

Free Dreamweaver Video Tutorials» Simple Contact Form

  • Adding form elements
  • Adding text boxes
  • Styling buttons with CSS

Free Dreamweaver Video Tutorials» Flash Buttons

  • Adding flash buttons
  • Setting links in buttons

Free Dreamweaver Video Tutorials» Adding Images

  • Located and open the add image button
  • Add an image from a location on your computer
  • Defining ALT tags

Free Dreamweaver Video Tutorials» Working with Tables

  • Located and open the tables button
  • Working with tables
  • Splitting and adding cells
  • Styling with CSS

Free Dreamweaver Video Tutorials» Working with Layers

  • Located and open the layers button
  • Working with layers
  • Adding multiple layers
  • Tables and layers

Free Dreamweaver Video Tutorials» Layer Visibility

  • Located and open the show hide layers button
  • Adding a show hide behaviour
  • Working with Z-index
  • Clipping layers

Free Dreamweaver Video Tutorials» Animating Layers

  • Adding layers to timeline
  • Animating along timelines
  • Animating layers

Free Dreamweaver Video Tutorials» Adding Rollovers

  • Locate and open the rollover menu
  • Adding a rollover
  • Adding a fireworks rollover

Free Dreamweaver Video Tutorials» Image Navigation Menu

  • Adding an image based navigation system

Free Dreamweaver Video Tutorials» Ads by Layers

  • Create a content overlay ad
  • Use behaviours to show hide layers

Free Dreamweaver Video Tutorials» Working with CSS

  • Build a layout with css

Free Dreamweaver Video Tutorials» Dreamweaver Templates

  • Create a new template page
  • Assign template elements
  • Saving templates

Free Dreamweaver Video Tutorials» Editing Templates

  • Edit a premade template
  • Save and update all template pages

Free Dreamweaver Video Tutorials» Using Snippets

  • Using the snippet menu to save code
  • Insert code from snippet into a page

Free Dreamweaver Video Tutorials» Rollover Status Bar Message

  • Using behaviours
  • Add a rollover and rollout behaviour on a flash object
  • Set stauts bar message for each behaviour

Free Dreamweaver Video Tutorials» Validate Forms

  • Using behaviours
  • Add a validate form behaviour

Free Dreamweaver Video Tutorials» Check for Plugins

  • Using behaviours
  • Check for media plugins
  • Redirect user on success or failure
  • Display correct page

Free Dreamweaver Video Tutorials» Pop Up Windows

  • Make a pop up window that displays on page load

Free Dreamweaver Video Tutorials» Control Flash Movies

  • Using behaviours to control flash content

Illustrator Tools Video Tutorials
» Create & Outline Fonts » Pattern Swatch » Swatches » Spray Can Shapes » Spray Can Images » Shape Morf » Scale & Skew » Rotate & Reflect » Importing & Placing Images » Pathfinder Subtract » Pathfinder MinusBack » Pathfinder Connect » Smooth with Pencil » PMS Colours » Pen & Brush Tool » Outlines Around Shapes » Custom Brush Shapes » Line Segment Tool » Font with Gradient » Text in a Circle » Adding Blocks of Text » Outlines Around Text » Apply Text to a Path » Slice for Web » Using Layers » Blend Colour Tool » Print-ready Postcard

Flash Tools Video Tutorials
» Using Layers » Guide Layers » Transformation » Adding Scenes » Adding Images » Editing Images » Gradients » Tweening » Making Buttons » Image Buttons » Adding Text » Morfing » Tracing » Drag and Drop » Load External SWF » Buttons Sounds » Masking » Animated Highlighting » Animated Banner » Bitmap Tweening » Importing Libraries » Flash Projectors » Sequential Images » Get URL

Fireworks Tools Video Tutorials
» Select and Lasso » Paintbrush » Brush Preserve » Blur Dodge Sharpen » Rubber Stamp » Colour replace » Removing Redeye » Vector Pen Tool » Vector Brush Tool » Smart shapes » Image Masks » Free-form Tools » Recording Actions » Batch File Edit » Custom Brushes » Slicing I » Slicing II » Selective Compression » Animated Gifs » Using Type » Animating » Exporting Transparency » Working with Gradients » Custom Texture » Combine Path Objects

Adobe Acrobat Video Tutorials
Selections » Making Interactive Maps » Energy Orb » Twist and Fade » Masking » Transparent Text » Making Buttons » TV Lines » Making Menus » Animation » Animated Banners » Making Logos » Clipping Paths » Optimising Pagesgating Documents » Editing Text » Adding Text » Editing Pictures » Adding Movie Clips » Inserting Pictures » Insert and Delete Pages » Internal Page Link » Movie Button Link » Document Security » Rubber Stamp Tool » Batch Item » Mulitple Batch Commands » Acrobat Forms » Add URL » Security » Watermarking Pages » Adding Design Notes » Custom Stamp » Add AVI Movies » Extract to RTF » Touch up Text » Adding Text » Page Navigation » Pencil Tool » Spell Checking » Acrobat Batch » Postscipt to PDF

Bryce Video Tutorials
» Resize Your Document » Create a Rock » Cloud Cover » Multi Replicate Objects » Cutting objects » Faked Trees » Carve a Valley » 3d Bryce Text » Keyframe Animation » Multi-Replicate in Animation

3D Max Basic Video Tutorials
» Making Simple Shapes » Wireframe to Solid View » Simple Shape Modify » Editing a Box » 3d Text » Editing 3d Text » Apply Basic Texture » Add a Simple Spotlight » Placing a Simple Camera » Materials » Using Bitmaps » Making Fog » Editing polygons » Attaching Shapes » Verticies » Using Safe Frames » Show Hide Objects » Cut and Split Shapes » Sub Objects » Material ID » Dummy Objects » Creating Cameras » Adding Lights » Rendering » Cloning Objects » Adding a Background