Dreamweaver 4 Visual Insight


Through illustrations and screen shots, Dreamweaverâ„¢ 4 Visual Insight will lead beginners through a tour of Dreamweaver's most important tools and functions. Readers will learn how to convert text files to Web pages, add/edit Web pages images, make global changes to and publish a Web site. This book provides an easy and practical starter guide for professional designers who are new to the Internet, as well as technical novices who need a user-friendly yet powerful application for designing and managing fully ...
See more details below
Available through our Marketplace sellers.
Other sellers (Paperback)
  • All (8) from $1.99   
  • New (2) from $7.89   
  • Used (6) from $1.99   
Sort by
Page 1 of 1
Showing All
Note: Marketplace items are not eligible for any BN.com coupons and promotions
Seller since 2009

Feedback rating:



New — never opened or used in original packaging.

Like New — packaging may have been opened. A "Like New" item is suitable to give as a gift.

Very Good — may have minor signs of wear on packaging but item works perfectly and has no damage.

Good — item is in good condition but packaging may have signs of shelf wear/aging or torn packaging. All specific defects should be noted in the Comments section associated with each item.

Acceptable — item is in working order but may show signs of wear such as scratches or torn packaging. All specific defects should be noted in the Comments section associated with each item.

Used — An item that has been opened and may show signs of wear. All specific defects should be noted in the Comments section associated with each item.

Refurbished — A used item that has been renewed or updated and verified to be in proper working condition. Not necessarily completed by the original manufacturer.

2001-03-09 Paperback 1st New 1576109240 Ships Within 24 Hours. Tracking Number available for all USA orders. Excellent Customer Service. Upto 15 Days 100% Money Back Gurantee. ... Try Our Fast! ! ! ! Shipping With Tracking Number. Read more Show Less

Ships from: Bensalem, PA

Usually ships in 1-2 business days

  • Canadian
  • International
  • Standard, 48 States
  • Standard (AK, HI)
  • Express, 48 States
  • Express (AK, HI)
Seller since 2015

Feedback rating:


Condition: New
Brand new.

Ships from: acton, MA

Usually ships in 1-2 business days

  • Standard, 48 States
  • Standard (AK, HI)
Page 1 of 1
Showing All
Sort by
Sending request ...


Through illustrations and screen shots, Dreamweaverâ„¢ 4 Visual Insight will lead beginners through a tour of Dreamweaver's most important tools and functions. Readers will learn how to convert text files to Web pages, add/edit Web pages images, make global changes to and publish a Web site. This book provides an easy and practical starter guide for professional designers who are new to the Internet, as well as technical novices who need a user-friendly yet powerful application for designing and managing fully functional web sites.
Read More Show Less

Product Details

  • ISBN-13: 9781576109243
  • Publisher: Coriolis Group
  • Publication date: 3/28/2001
  • Series: Visual Insight Series
  • Pages: 376
  • Product dimensions: 6.97 (w) x 8.97 (h) x 1.03 (d)

Meet the Author

Greg Holden (Chicago, IL) has written several books about the Internet and computer-related topics and numerous columns specializing in e-commerce, e-business, and the creation of Web sites. Greg was the co-founder of Stylus Media and currently serving as President of this company.

Scott Wills (Chicago, IL) is principal of Scott Wills & Associates, a communications design firm in Chicago, where for the past twenty years he has practiced, taught, and studied graphic communication. Scott has also authored Computer Tips for Artists, Designers, and Desktop Publishers and Tips on Type.

Read More Show Less

Read an Excerpt

Chapter 1: Basic Tools

  • Explore essential components of the Dreamweaver interface
  • Become familiar with the basic tools and functions
  • Manage windows and maximize your desktop space
  • Customize window settings and program preferences

Your First Dreamweaver Session

Dreamweaver is a powerful Web-site design and management program that lets you achieve complex and interactive Web-page effects without having to learn the technical languages that make those effects possible. Although you don't necessarily have to learn HTML, JavaScript, or other programming languages, you do have to make an initial investment and familiarize yourself with Dreamweaver's work environment. By learning how to use the program's array of basic tools-including dialog boxes, menus, and buttons-you can go on to tackle more advanced features that let you create complex Web-design elements. Before long, you'll be able to create Web sites that are as feature rich and well organized as sites created by any highly trained Webmaster.

In this chapter, we'll introduce you to the application interface. Then you'll learn how to use the program's three fundamental elements (windows, panels, and inspectors) and how to manage your desktop so you can view and easily find the tools you need. Finally, we'll touch on the topic of customizing the most commonly used Dreamweaver settings.

Opening Dreamweaver

After installing Dreamweaver, start the program by choosing Start|Programs|Dreamweaver| Dreamweaver 4. When you open Dreamweaver for the first time, you will be greeted with the splash screen, which verifies that you're the registered owner.

On a Mac, double-click on the Dreamweaver icon to open the program.

Create a Shortcut

If you plan to use Dreamweaver often and want to start the program quickly from your desktop, create a desktop shortcut. Locate the program file (which has the name Dreamweaver.exe) in Windows Explorer or My Computer, right-click on its icon, and choose Create Shortcut from the context menu. Drag the resulting shortcut icon onto your desktop.

On the Mac, select the Dreamweaver program icon in the Finder and select File|Make Alias (or press Cmd+A) to make an alias you can then drag onto your desktop.

Exploring the Interface

After Dreamweaver has finished loading, you're ready to begin creating Web pages and manipulating their component parts. The windows, panels, and toolbars open in different parts of your desktop. You're first presented with a default set of elements, but you can rearrange them and add or subtract from a wide range of options when you get to know this program better. Don't panic if you see more panels open on your screen or if they don't match exactly the ones shown here. Later in this chapter, you'll learn how to move, delete, or add windows. For now, we've selected and arranged the components you'll probably find most useful:
  1. Document Window
  2. Objects panel
  3. Property Inspector
  4. Launcher


Windows in Dreamweaver have toolbars, menu bars, and scrollbars and appear as buttons on the Windows Taskbar (or, on the Mac, as items in the Finder menu). The window you're likely to use most often is the Document Window. This is where you do most of your work in Dreamweaver.


Panels, like the Objects panel shown here, contain menu options or buttons that let you format parts of a Web site. A panel has a close box and title bar but no scrollbar. You can grab the title bar to move the panel around. Panel components stay constant no matter what part of a Web site you're working on; an inspector's contents change depending on the currently selected item. The Objects panel you see here is the same one shown earlier-it's just been resized. You can resize panels or windows (not inspectors, however) by clicking on their edges or on their lower-right corner and dragging them in (to make them narrower) or out (to make them wider).


An inspector is a familiar item to users of Photoshop, PageMaker, and other design programs. It provides information specific to the currently selected Web-page object. If an image is selected, you see the Image Inspector. If a word or other textual element is selected, the Text Inspector appears with specs about the font being used (including font size) and with controls that let you change the settings.

Context Menus

Another way to get information that is specific to a certain aspect of the Dreamweaver interface is to look at the context menu associated with the element. When you right-click (Windows) or Ctrl+click (Mac) on an element, a context menu pops up on the screen; it contains menu options that pertain only to that element.


Hold the mouse cursor over any icon for a few seconds. A tooltip message pops up to name the icon, and some explanatory text appears in the status bar. Tooltips are helpful when you forget what a particular icon does or when you're searching for the right function.

Invisible Elements

Web pages, like word processors and other software, include formatting elements that are initially invisible and that indicate empty spaces, paragraph marks, line breaks, and other things. In Dreamweaver, you make the invisible elements appear by choosing View|Visual Aids|Invisible Elements.

Formatting with the Document Window

The Document Window is where most of the business of creating and editing Web-page content takes place in Dreamweaver. This window comes equipped with an extensive variety of tools, so this is an essential element to get to know right from the beginning. The Document Window has 10 primary components:
  1. Title bar
  2. Menu bar
  3. Toolbar
  4. Rulers
  5. Status bar
  6. Quick Tag Editor
  7. Window Size indicator
  8. Download stats
  9. Launcher bar
  10. Content area

The Title Bar

Every Web-page file you work with in Dreamweaver-even untitled files that you haven't yet begun to edit-are identified by information in the title bar at the top of the Document Window. The following items are important parts of the title bar:
  • The Dreamweaver logo
  • Title of the current page
  • Location of file/file name [in brackets]
  • Minimize/Maximize/Restore boxes
The title of a Web page is different from the file name. The file name is a short designation that you assign to the file and that appears in the Uniform Resource Locator (URL) that visitors use to locate the file with a Web browser. The title of the page appears in the title bar when the page is opened.

The Menu Bar

The Dreamweaver menu bar is located directly beneath the title bar and is similar to the menu bars you've used with other Windows programs. The menu options that are needed to create and format Web pages (such as Modify, Commands, and Site) will be covered in later chapters.

The Toolbar

The toolbar appears just beneath the menu bar and contains the Title text box as well as buttons that control how you view the currently displayed document. From left to right, these buttons are as follows:
  • Show Code View-Clicking on this button displays the HTML code for the current page. Code View is useful for Web designers who are used to entering or editing the raw HTML for their Web pages. In Code View, you not only view the HTML, you can edit it as well, just as you would type and replace text that will appear on the Web page itself.
  • Show Code and Design Views-This button splits the Document Window into two halves. The top half displays the code; the bottom half displays the Design View. (In Design View, text and images appear as they would in a browser window.) Make a change to the code, and you can instantly see the effect in the bottom half of the window.
  • Show Design View-If you are in Code View or Code and Design View, press this button to return the Document Window to the original Design View.
  • Title Text Box-Enter a short, clear title for the current Web page in this box. The title you enter appears in the title bar for the page. The default title is Untitled.
  • File Status Menu-Use this button, which contains options that help you work collaboratively on a Web site. You can check files in and out from local and remote servers and use Design Notes to add comments and notes for your team.
  • Preview/Debug In Browser-Click on this button when you want to launch a browser and preview your page to see how it will look so you can debug problems and make changes if necessary.
  • Refresh Design View-If you make a change to a page and it doesn't show up immediately, click on this button to refresh the page so you can see the effects of any recent changes.
  • Reference-This button opens the Reference panel, which you can use to look up information about HTML commands, JavaScript code, or style sheet instructions in case you forget exactly what command you need to use to achieve a particular effect.
  • Code Navigator-Click on this button to open the Code Navigator menu, which contains options for editing code elements such as scripts. If you have added JavaScript code to a page, for example, you can insert a breakpoint that tells a browser to stop executing code at that point.
  • Options Menu-This button opens the Options menu, which contains options for hiding or displaying frame or table borders, rulers, the grid, or other visual aids.

Rulers and a Grid

Although it's impossible to achieve perfection when designing Web pages, Dreamweaver gives you a high degree of control when it comes to positioning tables, images, or other elements. That control comes from the rulers and from a grid of vertical and horizontal lines. You display these positioning aids by choosing View|Rulers and View|Grid, respectively. Each of these menu options has a submenu of options to let you control zero points and other settings.

Status Bar

This narrow strip at the bottom of the Document Window contains lots of useful information about the file you're working on. It also contains a set of controls (the Launcher bar) that lets you open other windows and panels.

Here are the main components of the status bar:

  • Tag Selector-The HTML tags that control the formatting of the currently selected contents appear in this area on the left side of the status bar.
  • Window Size Indicator-This area displays the size of the current window in pixels. Click on the size to display a drop-down menu with standard window sizes you can select to reconfigure the current page....
Read More Show Less

Table of Contents

Part I: Techniques and Tasks
Chapter 1: Basic Tools
Chapter 2: Working with Web-Page Files
Chapter 3: Working with Text
Chapter 4: Adding and Formatting Images
Chapter 5: Organizing Web-Page Content with Tables
Chapter 6: Extending a Web Site with Links
Chapter 7: Constructing Forms
Chapter 8: Dividing Pages into Frames and Columns
Chapter 9: Adding Behaviors
Chapter 10: Managing Your Web Site
Part II: Projects
Chapter 11: Creating a Simple Web Site
Chapter 12: Adding Graphic Interest to Your Web Site
Chapter 13: Directing Traffic on Your Web Site
Chapter 14: Making Your Web Site Interactive
Chapter 15: Using Dreamweaver's Site Managment Tools
Read More Show Less


Dreamweaver is the most user-friendly program you can choose to create well-organized and professionally designed Web sites. With the release of version 4, Dreamweaver is now among the most powerful Web design tools as well. You can carry out even the most complex programming tasks by means of a user-friendly visual interface. This visual component makes Dreamweaver an ideal package for professional graphic designers who are beginning to work in the field of Web design.

This book is intended to serve as an easy and practical visual guide to getting started with Dreamweaver 4. Through illustrative and abundant screen shots, Dreamweaver 4 Visual Insight leads both Windows and Macintosh users through a tour of the most important tools and functions they need to know. Extensive projects walk readers step by step through the process of creating their own Web sites using Dreamweaver 4. The book focuses on the basics that users need to know in order to get up and running with the program-but in the case of Dreamweaver, some of the "basics" are actually pretty advanced and very cool, too.

The Book's Structure

This book is divided into two parts. The first part, Techniques and Tasks, comprises Chapters 1 through 10 and focuses primarily on the basics of the Dreamweaver 4 interface. These chapters introduce the fundamental tools and procedures used in the process of creating Web pages and spinning them into Web sites. You begin by using the feature-rich Dreamweaver toolkit to create basic Web content, then move on to create more complex content such as interactive forms, frames, and behaviors.

Part II, Projects, encompasses Chapters 11 through 15. It includes hands-on projects that illustrate real-world uses for the tools described in Part I. You can follow along as the authors create a real Web site. (You can visit the finished product at www.womanlore.com.) By performing the steps as outlined, you will be able to understand firsthand the steps and concepts required to create a particular effect or look.

If you're new to Dreamweaver, it makes sense to start at the beginning and read straight through to the end. However, if you are already familiar with earlier versions of the program and just want to learn about new features or check out particular techniques, feel free to skip around. You might want to read a chapter in Part I and then read its corresponding chapter in Part II before delving further into Part I.

About Dreamweaver 4

Dreamweaver has been a popular Web design tool since Macromedia first released it in early 1998. From the start, Dreamweaver caught on because of its support for both Microsoft Internet Explorer and Netscape Navigator and because of dynamic HTML features such as layers. The program's newest features include support for viewing code and for creating interactive features such as pop-up menus and rollover images without having to write code. A new Layout View lets you create clean tables that work in all browsers. And there's better integration with other Macromedia Web content-creation software, including Fireworks and Flash. (For more information on these programs, see Fireworks 4 f/x and Design and Flash 5 Visual Insight, both published by The Coriolis Group, 2001.)

One of the best things about Dreamweaver is its support for the Macintosh. Both Windows and Mac versions of the software were released at the same time; the Mac version is developed on the Mac platform, not ported over from the PC. In fact, one of the authors, Scott Wills, a professional designer, created this book's color section and many of the graphics shown in the examples using Dreamweaver for the Mac. The other author, Greg Holden, did the rest of the work using the Windows version. Where applicable, we've tried to indicate Macintosh equivalents for keyboard shortcuts as well as images that were captured using the Mac version of the program.

You can download a fully functional 30-day trial version of the Dreamweaver program at www.macromedia.com/software/dreamweaver/trial/.

Using Dreamweaver

After you have installed Dreamweaver and you've started up the program, you're ready to begin working with and manipulating images. Among the major components of the Dreamweaver work environment are the Document Window and Site Window, toolbars, menu bars, and a varied assortment of elements called panels and inspectors. These elements let you perform such basic functions as inserting Web page objects (the Objects panel), adjusting an object's properties (the Property Inspector), or managing an entire Web site's contents (the Assets panel or Site Window).

To activate one of Dreamweaver's panels or inspectors, look to the program's menu bar. Choose Modify|Selection Properties to display the all-important Property Inspector, or turn to the Window menu if you need to display (or hide) the Site Window or any of the program's panels.

Have fun!

Read More Show Less

Customer Reviews

Be the first to write a review
( 0 )
Rating Distribution

5 Star


4 Star


3 Star


2 Star


1 Star


Your Rating:

Your Name: Create a Pen Name or

Barnes & Noble.com Review Rules

Our reader reviews allow you to share your comments on titles you liked, or didn't, with others. By submitting an online review, you are representing to Barnes & Noble.com that all information contained in your review is original and accurate in all respects, and that the submission of such content by you and the posting of such content by Barnes & Noble.com does not and will not violate the rights of any third party. Please follow the rules below to help ensure that your review can be posted.

Reviews by Our Customers Under the Age of 13

We highly value and respect everyone's opinion concerning the titles we offer. However, we cannot allow persons under the age of 13 to have accounts at BN.com or to post customer reviews. Please see our Terms of Use for more details.

What to exclude from your review:

Please do not write about reviews, commentary, or information posted on the product page. If you see any errors in the information on the product page, please send us an email.

Reviews should not contain any of the following:

  • - HTML tags, profanity, obscenities, vulgarities, or comments that defame anyone
  • - Time-sensitive information such as tour dates, signings, lectures, etc.
  • - Single-word reviews. Other people will read your review to discover why you liked or didn't like the title. Be descriptive.
  • - Comments focusing on the author or that may ruin the ending for others
  • - Phone numbers, addresses, URLs
  • - Pricing and availability information or alternative ordering information
  • - Advertisements or commercial solicitation


  • - By submitting a review, you grant to Barnes & Noble.com and its sublicensees the royalty-free, perpetual, irrevocable right and license to use the review in accordance with the Barnes & Noble.com Terms of Use.
  • - Barnes & Noble.com reserves the right not to post any review -- particularly those that do not follow the terms and conditions of these Rules. Barnes & Noble.com also reserves the right to remove any review at any time without notice.
  • - See Terms of Use for other conditions and disclaimers.
Search for Products You'd Like to Recommend

Recommend other products that relate to your review. Just search for them below and share!

Create a Pen Name

Your Pen Name is your unique identity on BN.com. It will appear on the reviews you write and other website activities. Your Pen Name cannot be edited, changed or deleted once submitted.

Your Pen Name can be any combination of alphanumeric characters (plus - and _), and must be at least two characters long.

Continue Anonymously

    If you find inappropriate content, please report it to Barnes & Noble
    Why is this product inappropriate?
    Comments (optional)