Part 1 of this tutorial gently guides you through the transition from tables to CSS, and demonstrates how in many ways CSS layouts are easier. You'll learn the basics of CSS layouts and see that there are many equivalencies between table and CSS concepts.

In Part 2 you'll learn to work with CSS starter pages as you convert a table-based design to a pure CSS design. You'll even get to add some "wow factor" to the design by using a Spry Accordion widget in the page.

Read the full From table-based to tableless web design with CSS tutorial.

Dreamweaver Tutorials From Pixel2Life

There are over 120 free Dreamweaver tutorials available at Pixel2Life in the following categories: Advanced Tips and Tricks, Audio Integration, Basic Help and Navigation, Browser Compatibility, Browser Control, Creating Menu Systems, CSS, DHTML, Forms, Frames, Hyperlinks, Images, Layers, Layout Tips, Miscellaneous, Tables, Templates, Text Formatting, Third Party Integration.

Their display options are really nice as well. The default listing format is by date, starting with the latest submissions. You can use the various filters and the keyword search box to narrow down your search.


Dreamweaver Tutorials From Tutorialized

Tutorialized has some good Dreamweaver tutorials. Look for tutorials in the following categories: Behaviors, Building Common Apps, Collaboration, CSS, Customization, Database Related, Dreamweaver and Fireworks, Dreamweaver and Flash, Dreamweaver and Studio MX, Dynamic Content, Extensions, Formatting Text, Frames, Getting Started, HTML Editing, Inserting Media, Layers, Linking and Navigation, Managing Assets, Migrating to Dreamweaver, Page Layout Design, Site Management, Site Planning, Tables, Templates, Transferring Files with FTP (1)


Free Dreamweaver Tutorials From Layers Magazine

Layers Magazine consistently publishes great articles and is totally worth the subscription price. Online, the magazine offers some free Dreamweaver tutorials by Joseph Lowery, who is the author of the Dreamweaver MX Bible and the Fireworks MX Bible series, and co-author of the Dreamweaver Killer Tips series.

Site Building With DW's Power Tools: Templates
Templates are a core tool in Dreamweaver — and one that's gaining in importance and use. Many designers employ templates at the most basic level to ramp up their production efforts; however, an equal number of designers now avoid them because incorrect setup and application left a bad taste. The benefits of templates far outweigh the time required to master them and it's definitely worth understanding how to do them right.

Implementing Accessibility In Dreamweaver
Web designers in a wide range of fields have begun creating pages with accessibility in mind. The more accessible a website is, the more people can visit. Dreamweaver includes a number of mechanisms for helping you to implement the accessibility standard in your webpages. In this step-by-step, you'll see how to set up your system to take advantage of the accessibility mechanisms built into Dreamweaver. Understanding where potential violations are is just as important — and in the final section of this tutorial, you'll learn how to run Dreamweaver's interactive accessibility reports.


Macromedia Site — Dreamweaver 8 Tutorials

On the Dreamweaver Developer Center page you'll find an assortment of good tutorials, including the following:

Getting Started with Dreamweaver 8
New to Dreamweaver? These getting-started resources are just what you need to get up to speed. From author Mark Fletcher: "If you're new to Dreamweaver, I have just the answer you are looking for to get up to speed fast. I have created a series of interactive Macromedia Captivate simulations that will help you get started with Macromedia Dreamweaver 8. These simulate the Dreamweaver web development environment and require you to participate as if you were actually in Dreamweaver. These simulations cover the same material as the getting started tutorials in the Dreamweaver Help (Help > Getting Started with Dreamweaver). Once you have completed the simulations, I recommend that you go through the written tutorials that are linked at the bottom of this article."
Getting Started with Dreamweaver 8

Dreamweaver 8 New Features and Benefits
Develop websites more efficiently, apply best practices easier, and more with this new version of Dreamweaver. This article is from Jen Taylor, who is the Product Manager for Dreamweaver.
Dreamweaver 8 New Features and Benefits

Backing Up Site Definitions in Dreamweaver
Store user names, passwords, and remote server names for sites built with Dreamweaver 4 and later.
Backing Up Site Definitions in Dreamweaver

The Paste Special Command
Take control of what formatting is applied when you paste text into your Dreamweaver pages.
The Paste Special Command

Dreamweaver 8 Basics
Get the most out of your Dreamweaver experience by understanding the basic elements of the workspace. This article is based on content from Exploring Studio 8, which gives an overview of Dreamweaver, Flash, Fireworks, Contribute, and FlashPaper; introduces conceptual information about web application development; and shows you how to build a simple but functional website through a series of tutorials. This book is available for download on the Studio 8 Documentation site. These online articles are provided as a convenience so you can get started learning about Studio 8 right away.
Dreamweaver 8 Basics

Creating Your First Website with Dreamweaver 8
Part 1: Setting Up Your Site and Project Files
Part 2: Creating a Table-Based Page Layout
Part 3: Adding Content to Pages

Introduction to Designing with CSS (Updated for Dreamweaver 8)
Part 1: Understanding CSS Design Concepts
Part 2: Defining Style Properties and Working with Floats
Part 3: Creating Your First Design Without Tables
Part 4: Creating a Two-Column Layout
Part 5: Defining Columns and Vertical List Navigation
Part 6: Deciding Whether to Float or Position Columns

This is a really great Dreamweaver resource, so take your time and explore!

Dreamweaver CS5 - Best Deals From Adobe
Adobe Dreamweaver CS5 software enables you to develop with PHP-based content management systems such as WordPress, Joomla!, or Drupal; design with powerful CSS inspection tools; and test your web pages across browsers with Adobe BrowserLab, a new Adobe CS Live online service. Dreamweaver CS5 makes it easy to design, develop, and maintain standards-based websites and applications. Learn more about Dreamweaver CS5.

Also consider getting Dreamweaver CS5 as part of Adobe Creative Suite 5 Web Premium software — the comprehensive toolkit for creating a full range of digital experiences — now with Adobe Flash Catalyst CS5 and Flash Builder 4. Upgraders, here's your chance to ramp up to the integrated power of Creative Suite 5 from a previous version of Dreamweaver at a huge savings.

Find CS5 upgrade options and Creative Suite 5 deals at the Adobe Store. See CS5 pricing in UK currency at the Adobe UK Store. Visit the Adobe Special Offers page to find the latest deals. Save 80% on Adobe Student Editions. Try before you buy — download a free Dreamweaver CS5 trial.

Adobe Creative Suite 5 Web Premium
Adobe Creative Suite 5 Web Premium allows you to design and develop content for delivery virtually anywhere with integrated tools in the Adobe Flash Platform — Flash Catalyst CS5, Flash Professional CS5, and Flash Builder 4. Leverage dynamic application support and CSS enhancements in Adobe Dreamweaver CS5. Extend Dreamweaver capabilities through integration with Adobe BrowserLab — one of the new Adobe CS Live online services — a fast and accurate solution for cross-browser compatibility testing.

Adobe Creative Suite 5 Web Premium combines Dreamweaver CS5, Flash Catalyst CS5, Flash Professional CS5, Flash Builder 4, Photoshop CS5 Extended, Illustrator CS5, Acrobat 9 Pro, Fireworks CS5, Contribute CS5, Bridge CS5, and Device Central CS5. Download a free CS5 Design Premium 30 day trial.

Adobe Dreamweaver CS5 Tutorials & Resources
See our Dreamweaver CS5 Resource Center for free Dreamweaver CS5 Tutorials & Videos, and the free Dreamweaver CS5 30-day trial download.

Exclusive 15% Discount On All Topaz Plugins - Use Coupon Code PHOTOSHOPSUPPORT - Includes Bundles And Upgrades

Enter our exclusive discount coupon code PHOTOSHOPSUPPORT during the checkout process at Topaz Labs for an instant 15% discount on any Topaz product, including bundles and upgrades.

Topaz Labs Photoshop plug-ins are specifically designed to expand a photographer's creative toolbox by harnessing powerful image technology developments. Photographers everywhere are now taking advantage of the creative exposure effects, artistic simplification, unique edge manipulation, and top-of-the-line noise reduction offered in Topaz products. The Topaz Photoshop Plugins Bundle is a super powerful Photoshop plugins package that includes the following Topaz products:

Topaz Adjust
Deliver stunning and dynamic images with this uniquely powerful plug-in that features HDR-like abilities and enhances exposure, color and detail.
Topaz Detail
A three-level detail adjustment plug-in that specializes in micro-contrast enhancements and sharpening with no artifacts.
Topaz ReMask
The fastest and most effective masking and extraction program with one-click mask refining.
Topaz DeNoise
Highest-quality noise reduction plug-in that removes the most noise and color noise while preserving the most image detail.
Topaz Simplify
Provides creative simplification, art effects, and line accentuation for easy one-of-a-kind art.
Topaz Clean
Take control of the detail depth of your images with extensive smoothing, texture control and edge enhancement tools.
Topaz DeJPEG
Drastically improves the quality of web images and other compressed photos.

Learn more about the Topaz Photoshop Plugins Bundle. Download a free trial version.

Exclusive onOne Software 15% Instant Discount Coupon

Enter our exclusive discount coupon code - PSSPPT06 - during the checkout process at onOne Software for an instant 15% discount on any onOne product. This includes Genuine Fractals and their amazing Photoshop Plug-In Suite.

OnOne’s new Plug-In Suite solves six of the most frequent problems photographers will encounter in Photoshop. This suite has been granted American Photos Magazine’s Editor’s Choice award for Top Image Editing Software. The Plugin Suite includes:

Genuine Fractals Pro is renowned by both photographers and printers for its finesse at increasing images to more than ten times their original size while maintaining the sharpness and detail you started with. Think of this as the industry standard for image resizing.

Mask Pro is used to remove the tough stuff — such as hair, smoke and glass — while retaining the fine detail. You choose what colors to keep, then paint away what you don’t need.

PhotoTools Pro packs hundreds of high-calibre photographic effects into one user-friendly plug-in. It’s fast and easy to use. Gives your photos that pro quality look.

PhotoFrame Pro lets you enhance your pictures with hundreds of such design effects, or simply drop your image into a pre-fab layout in Photoshop, Lightroom or Aperture.

FocalPoint helps to control focus and minimize visual noise. Draw the eye to specific points in your images by using selective focus, depth-of-field and vignette effects.

PhotoTune lets you can compare images side-by-side and easily color correct and enhance them. PhotoTune optimizes the dynamic range, color and sharpness of your image without the need to know all the complicated controls in Photoshop like levels and curves.

Simply enter our exclusive discount coupon code - PSSPPT06 - during the checkout process at onOne Software for an instant 15% discount on any onOne product.

Nik Software 15% Instant Discount - Exclusive 15% Coupon

Enter our exclusive discount coupon code - NIKPSS - during the checkout process at Nik Software for an instant 15% discount on any Nik Software product. This exclusive discount coupon code can be applied to all the latest Nik Software Photoshop plugins, including Silver Efex Pro, Color Efex Pro, Viveza, Sharpener Pro, and Dfine.

Color Efex Pro
52 photographic filters with over 250 effects for professional quality images. Completely Original. Completely Indispensable.

Nik Software Color Efex Pro filters are the leading photographic filters for digital photography. The award-winning Color Efex Pro filters are widely used by many of today's professional photographers around the world to save time and get professional level results. Whether you choose the Complete Edition, Select Edition, or Standard Edition, you’ll get traditional and stylizing filters that offer virtually endless possibilities to enhance and transform images quickly and easily.

Patented U Point technology provides the ultimate control to selectively apply enhancements without the need for any complicated masks, layers or selections. Control color, light and tonality in your images and create unique enhancements with professional results. With 52 filters and over 250 effects found in Color Efex Pro, you can perform high quality retouching, color correction, and endless creative enhancements to your photographs. Download a free Trial version.

Viveza
The most powerful tool to selectively control color and light in photographic images without the need for complicated selections or layer masks.

Two of the most important factors in creating great photography are color and light. Mastering the art of selectively correcting or enhancing each of these is now possible for every photographer without the need for complicated masks or selections, or expert-level knowledge of Photoshop. Integrating award-winning U Point technology, Viveza is the most powerful and precise tool available to control light and color in photographic images.

U Point powered Color Control Points, placed directly on colors or objects in an image (such as sky, skin, grass, etc.), reveal easy-to-use controls that photographers can use to quickly adjust brightness, contrast or color in a fraction of the time needed by other tools. With Viveza you’ll spend more time shooting photographs and save hours of image editing. Download a free Trial version.

Silver Efex Pro
Complete power and control to create professional quality black and white images in one convenient tool.

Silver Efex Pro from Nik Software is the most powerful tool for creating professional quality black and white images from your photographs. For the first time, all the advanced power and control required for professional results have been brought together in one convenient tool.

Featuring Nik Software’s patented U Point technology to selectively control the tonality and contrast of the image, Silver Efex Pro includes advanced imaging algorithms to protect against unwanted artifacts, a comprehensive collection of emulated black and white film types, a variable toning selector for adding traditional toning techniques, over 20 one-click preset styles, and a state-of-the-art grain reproduction engine that help produce the highest quality black and white images possible from your color images while providing more freedom to experiment. Download a free Trial version to use Silver Efex Pro.

Enter our exclusive discount coupon code - NIKPSS - during the checkout process at Nik Software for an instant 15% discount. This exclusive discount coupon code can be applied to all the latest Nik Software Photoshop plugins, including Silver Efex Pro, Color Efex Pro, Viveza, Sharpener Pro, and Dfine.

Photoshop Masking Plugin Fluid Mask - Exclusive Instant Discount

The 4 1/2 out of 5 star review of Fluid Mask at MacWorld begins by saying that this "Photoshop plug-in takes the pain out of extracting backgrounds," and goes on to recommend the latest version, stating that "Fluid Mask is a very effective tool for separating objects from their backgrounds. It offers a variety of useful features for tackling almost any difficult image, from wispy hair to complex foliage. Online video tutorials and live training sessions help ease the learning curve."

Our friends at Vertus, the makers of Fluid Mask Photoshop Plugin, have set up a special exclusive discount for PhotoshopSupport.com. Go to our Fluid Mask page for a special, exclusive discount link.

Fluid Mask is designed for photographers, image editors, graphic designers and all those who take digital image editing seriously. In a streamlined interface and workflow, Fluid Mask instantly shows key edges in the image and provides comprehensive easy to use tools that work with difficult-to-see edges and tricky areas like trees & lattices. Fluid Mask will also preserve all-important edge information for a professional quality cut out. Go to our Fluid Mask page for more info.

lynda.com Online Training Library - View Free Video Clips

Subscriptions to the lynda.com Online Training Library provide anytime access to tens of thousands of video tutorials covering Photoshop, Illustrator, Dreamweaver, web design, digital imaging, 3D, digital video, animation, and many other topics. View free video clips.

For less than a dollar a day, members have the opportunity to stay current and keep skills sharp, learn innovative and productive techniques, and gain confidence and marketability - all at their own pace. Premium subscriptions include instructors’ exercise files so that members can follow along with the exact examples onscreen. Customers learn at their own pace and may stop, rewind, and replay segments as often as necessary. View some free video clips (high resolution).


PHOTO CREDIT: Full moon as seen from the International Space Station.