Web/Mobile How-Tos

View Source: How to Use Photoshop Files with Dreamweaver CS4

Follow along with tutorial files while you learn the best practices in Photoshop and Dreamweaver.

Create Rich Media with Acrobat and Flash

If you have Acrobat 9 Pro Extended, you can combine PDFs and Flash files for previously impossible media richness.

Tug and Twirl Text in Illustrator

The sky’s the limit when you convert Illustrator text to outlines. It’s so easy to change each letter’s size, position, and color, and even push and pull letters into fantastic new shapes.

Photoshop How-to: Add Energy and Interest with Layered Images

By layering thematically related photographs and colored backgrounds and foregrounds, you can create unique imagery for print and Web projects.

Create Nondestructive Text Effects with Photoshop's Smart Filters

Apply Photoshop's Smart Filters to text to get special effects you'll love and still keep the text live.

Transform a Busy Photo into a Strong Silhouette

When you want a clean, strong image for a print or Web project, use Illustrator to turn a photo into a striking silhouette.

Create Web Animations in Photoshop CS3

Animate banner ad and graphic objects; transform their shape, size, color; or replace them entirely.

Dreamweaver How-to: Create "You Are Here" Navigation Links

Use this simple technique to create a nav bar button that changes to reflect a visitor's location in your site, then make it work across the site using Dreamweaver CS3's Template.

Use Any Font in a Web Site Design

There have always been two certainties in Web design: You can never have enough bandwidth, and all Web design must rely entirely on fonts installed on the viewer’s computer. But thanks to sIFR, at least one of these so-called inescapable certainties is wrong.

View Source: Make Your Links Unforgettable

Most Web usability books (for example, Steve Krug's excellent Don't Make Me Think) emphasize that the less you make a visitor think and work, the more likely they'll visit, enjoy, and benefit from your site. The typical HTML link is one of those things that make visitors work -- a single linked word, for example, is a small target that requires good aim to hit. That's one of the reasons Web designers make navigation bars with buttons that are larger than the text inside them.

Turn Color Photos into Duotones in Photoshop

You can transform one photograph into a wide variety of duotones to use in print or on the Web.

View Source: JavaScript for Designers

Add interactive Web site effects without a lot of programming.

Make a Drab Newsletter Dramatic

Even with a small budget, you can design a newsletter that pleases you, your client, and the newsletter's readers.

Using Flash for the First Time: Part 3

This three-part series gets you up and running quickly even if you've never opened the application before. In this final installment, you'll publish and add a Flash file to a Web page.

View Source: An Introduction to Dreamweaver Templates

Want to build and update your sites more quickly and efficiently? Read on.

Using Flash for the First Time: Part 2

This three-part series gets you up and running quickly even if you've never opened the application before. In this installment, you'll create symbols, animation, and write simple ActionScript to make a Web banner function.

Using Flash for the First Time: Part 1

This three-part series gets you up and running quickly even if you've never opened the application before. In this installment, you'll learn how to build a banner.

Add Videocasting to Your Bag of Tricks

Record, edit, and publish a professional video podcast using inexpensive tools and your imagination.

View Source: Web Design's Magic Bullet Is Back!

Do you want overlapping page elements, captions that sit on top of photos, and images that float outside the edges of their containing divs? Modern browsers and this tutorial make it safe to try CSS positioning again.

View Source: Create Advanced Online Galleries

Do you need an online portfolio or just want to post photos from your kid's birthday party? The free Lightbox2 adds sophisticated JavaScript functionality you can customize. The best part? You don't have to do a lick of programming.