×

Uh-oh, it looks like your Internet Explorer is out of date.

For a better shopping experience, please upgrade now.

Dreamweaver 3 Hands-On-Training
     

Dreamweaver 3 Hands-On-Training

5.0 2
by Lynda Weinman, Garo Green
 
When Lynda Weinman launched her Hands-On Training book series with a title on Dreamweaver, she converted thousands of readers into happy and confident new Dreamweaver site builders. In her thoroughly updated Dreamweaver 3 Hands-On Training, she takes readers even farther, with more insider tips and special program features.

After completing the exercises,

Overview

When Lynda Weinman launched her Hands-On Training book series with a title on Dreamweaver, she converted thousands of readers into happy and confident new Dreamweaver site builders. In her thoroughly updated Dreamweaver 3 Hands-On Training, she takes readers even farther, with more insider tips and special program features.

After completing the exercises, users will be thoroughly versed in creating simple and complex rollovers, cascading style sheets, tables, frames, and templates, in addition to learning how to use plug-ins, layers, and other tools specific to Dreamweaver. The book incorporates the program¹s newest features, including HTML Styles, the Quick Tag Editor, optimizing Fireworks files within Dreamweaver, and more. And as with all of Lynda Weinman's books it's delivered in a warm, accessible style that makes learning a pleasure.

While many readers enjoy this book as a complete tutorial, it's also a useful reference tool for those who've used the software before. Dreamweaver 3 Hands-On Training includes a CD-ROM with complete files for all the exercises, and some QuickTime videos that demonstrate key techniques in the software.

Editorial Reviews

The Barnes & Noble Review
By most estimates, Dreamweaver is the #1 web design tool for professionals. By our estimate, Dreamweaver 3 Hands-On Training is the fastest, most effective way to become one of them. It's serious Dreamweaver training from two of the world's top Dreamweaver trainers.

After a quick tour of the Dreamweaver interface, the authors walk you through the fundamentals of site control, a topic many Dreamweaver users (and a few books) skip — but one that's crucial if you're going to grow your site, or simply to avoid error messages! You'll get comfy with basic Dreamweaver tools like the Properties Inspector, and Point to File (which lets you create hyperlinks by pointing to files within your root folder, encouraging better link integrity).

The book responds well to the real issues you're likely to face. Creating font sets? There's a handy list of which fonts ship with Macs and Windows boxes. Want to change lots of pages in a hurry? Master Dreamweaver's templates feature, hands-on, in Chapter 11. Want to include rollovers and super-duper JavaScript stuff without having to write it yourself? There's plenty of step-by-step coverage (and the authors turn you on to the cool Macromedia Exchange site, full of cool Behaviors you can use to add life to your web pages).

A day or two with Dreamweaver 3 Hands-On Training will pay for itself dozens of times over.
Bill Camarda, bn.com editor

Booknews
Introduces the core principles and techniques for using the Dreamweaver 3 HTML editor to create web pages. The authors, who are experienced instructors, illustrate with screenshots the steps required to initiate layers, tables, cascading style sheets, templates, frames, rollovers, forms design, and plug-ins. The CD-ROM contains exercise files and demonstration movies. Annotation c. Book News, Inc., Portland, OR (booknews.com)

Product Details

ISBN-13:
9780201702767
Publisher:
Pearson Education
Publication date:
07/13/2000
Series:
Lynda Weinman's Hands-on Training Series
Edition description:
BK&CD-ROM
Pages:
624
Product dimensions:
7.50(w) x 9.20(h) x 1.46(d)

Read an Excerpt


From Chapter 8: "Layout"

IN TRADITIONAL LAYOUT programs, such as Adobe PageMaker and QuarkXPress, most people take it for granted that they can move blocks of text and images around almost anywhere on the screen. Unfortunately, standard HTML doesn't have any tags to easily position elements. This has caused considerable frustration among Web-page designers. There is good news -- Dreamweaver has built-in functions that give you the freedom of absolute positioning while still conforming to strict HTML guidelines!

The following two exercises cover Dreamweaver's key features that allow you to position elements anywhere on your Web page -- Tracing Images and Layers. The rest of the chapter in the book shows you how to convert Layers to Tables.

Tracing Images, Layers, and Tables

What is a Tracing Image? Let's say that you have been in Photoshop, Fireworks, Illustrator, or any drawing or painting program of your choice, and you've mocked up a wonderful Web page. Don't you just wish you could take that mock-up and put it up on the Web? Dreamweaver's Tracing Image option allows you to place any GIF, JPEG, or PNG into a Tracing Layer on your page, which can then be used as an alignment reference for your HTML elements.

So far, if you've been following along in the book, you have been putting artwork and text directly on your page. With that method, you can right-, left-, or center-align elements, and that's the end of the story. This frustrates most people because it would be a lot nicer if you could stick that artwork or text anywhere you wanted on the page and have it stay there.Layers are your saviors, as they can be positioned freely on your page! Rather than simply placing artwork and text on a page, as you have been doing so far, you can put your content into Layers and move it anywhere you want.

If Layers are so flexible and let you move your images and text around so easily, why doesn't everyone use them? There's a little problem: They are not backward compatible with older browsers. If you're targeting an audience who uses a 3.0 browser or earlier, or an AOL browser, Layers aren't going to work for you. But there's more good news: Once you've designed a freeform layout using Layers, Dreamweaver allows you to then convert your Layers to HTML Tables so that the Web page is compatible with older versions of Netscape and Explorer.

Tables were originally developed to insert data into HTML pages; however, many people use them for layout by turning off the borders and making them invisible. This trick allows you to use Tables as you would a grid in page layout. You can put images and text into an invisible Table, and the rows and columns and cells hold the objects in place. The bummer about Tables is that they're not intuitive to work with, and the code for creating them can get quite complex. Besides, when you are designing, it's best to be able to change your mind and nudge something up, down, left, or right at your whim. You can do that easily with Layers.

Dreamweaver again offers a great solution. You can go back and forth freely between converting Layers to Tables and Tables to Layers so that you can really fine-tune your layout without worrying about writing complex code. With Dreamweaver, you can finally focus more of your energy on design, and less on HTML workarounds for layout. Life is good!

Applying a Tracing Image

In this exercise, you will learn how to apply a Tracing Image to your Web page, as well as how to change its transparency and position on the page. You'll work with a Tracing Image that was supplied on the H.O.T CD-ROM. If you were to create your own Tracing Image, you would create a mock-up of your Web page in a graphics application of your choice, such as Photoshop, Fireworks, Illustrator, or whatever, and save it as a GIF, JPEG, or PNG. You would then specify this mock-up as a Tracing Image, so that you could use it in Dreamweaver as your guide to re-create your page design.

A Tracing Image is visible only in Dreamweaver. Visitors to your site cannot see it. Keep in mind that when you are viewing the Tracing Image in Dreamweaver while building your page, you cannot see the background image or background color that you are setting unless you decrease the Tracing Image transparency setting.

  1. Copy chap_08 from the book's CD-ROM to your hard drive. Define your site for Chapter 8 using the chap_08 folder as the Local Root Folder. If you need a refresher on this process, visit Exercise 1 in Chapter 3, "Site Control."

  2. Open index.html. This page is blank, but it won't be for long. Choose Modify > Page Properties.... The shortcut keys for this are Cmd+J (Mac) and Ctrl+J (Windows).

  3. Click Choose (Mac) or Browse (Windows) next to the Tracing Image option....

  4. ...Browse to tracingimage.jpg inside the images folder and click Choose....

  5. ...For this exercise, make sure the Image Transparency Slider is at 100%. This will enable your Tracing Image to be visible when you insert it.

  6. Click Choose and then OK in the Page Properties dialog box....

    ...This is what your page should look like with the Tracing Image applied. It was inserted at 100% opacity in the Page Properties dialog box, which makes it opaque. Note: The white border you see to the left of the Tracing Image is an offset created by Dreamweaver to emulate a Web browser. An explanation of this feature is supplied on the next page.

  7. Press F12 to preview this page in a Web browser. When you do this, notice that the page appears as a blank screen. This is supposed to happen! The Tracing Image only appears in Dreamweaver, and it won't be visible to your end user.

  8. Return to Dreamweaver and choose Modify > Page Properties to access the Tracing Image settings again....

  9. ...Drag the Image Transparency Slider down to 50% and click OK....

    ...With the opacity reduced, it's much easier to use the Tracing Image as a guide rather than competing with foreground images and text.

  10. Choose File > Save and leave this file open for the next exercise, in which you'll add images to match this layout....

Meet the Author


Author and designer Lynda Weinman--creator of lynda.com, a leading force in Web-design training--has taught digital arts since the late 1980s at Art Center College of Design, American Film Institute, San Francisco State University, and UCLA. Lynda also is a featured columnist and writes on digital graphics and animation for numerous national and international magazines. Her bestselling books, including Designing Web Graphics, have been translated into six languages and are used by Web designers and teaching professionals nationally and internationally.

She and her husband, Bruce Heavin, founded and operate the Ojai Digital Arts Center in Ojai, California, which offers small, intensive workshops in Web design. Lynda has recently launched a series of training videos under the lynda.com imprint.

Garo Green is the director of training at lynda.com in Ojai, California. He's worked extensively in the development of custom curriculum and courseware for software training, and has over five years of teaching experience in both hardware and software applications. In addition, he has an extensive knowledge of HTML, computer graphics, and Web design. He is well versed in Dreamweaver, Fireworks, Flash, Freehand, Photoshop, GoLive, and ImageReady. He has also been a featured speaker at the Web99 and FlashForward2000 conferences. Prior to joining lynda.com, Garo was a software instructor and intranet developer for State Farm Insurance Company.

Customer Reviews

Average Review:

Post to your social network

     

Most Helpful Customer Reviews

See all customer reviews

Dreamweaver 3 Hands-On-Training 5 out of 5 based on 0 ratings. 2 reviews.
Guest More than 1 year ago
I have dozens of books cluttering my shelves that were supposed to teach you how to use a particuliar software but none of them even hold a candle to Dreamweaver 3 HOT. This is probably the first book I would recommend to anyone trying to learn a new software program. The book is concise with lots of tip and explanations. Unlike other books of this kind Lynda Weinman's approach is great, rather than using a seperate project in each chapter, like many other books do, Lynda starts you with a basic web site and then you build on to it in each chapter until you have a very complex web site. I could go on and on; but let me just say if you want to learn Dreamweaver; this is the only book you will ever need.
Guest More than 1 year ago
This is truly an outstanding text for Macromedia's Dreamweaver 3. Lynda Weinman and Garo Green do an excellent job giving step-by-step instructions directed at the beginning to intermediate web designer. There are outstanding screen shots for the Mac and Windows version included at every step. In addition the dept of knowledge covered and its format make this a must have. I must say that i have never rated a book so highly before but this one tops the cake!!