Macromedia
Dreamweaver MX "A Superior Application That is a Combination of Three Products: Dreamweaver, HomeSite, and UltraDev!" |
|
|
Macromedia Dreamweaver has been a pace setter from its inception in 1997, when Dreamweaver 1.0 was released. With it's WYSIWYG (What You See Is What You Get) environment there was: no more head scratching for those who weren't trained programmers; no more writing HTML by hand for beginners; and no more puzzling over cryptic lines of code. The average Web user could design pages even though they had little or no code knowledge. Yet, Dreamweaver certainly wasn't the first WYSIWYG Web design tool, but it stood above the rest with its intuitive and flexible visual authoring environment, Roundtrip HTML, and support for Dynamic HTML. Several years and several versions later, Dreamweaver had become the most popular visual Web-authoring tool available, with over 80% of the market. In the summer of 2002, Macromedia released Dreamweaver MX. This upgrade that not only pushes the boundaries of visual Web design, but also helps to introduce Macromedia's new "MX" paradigm. In Dreamweaver MX, Macromedia has combined the functionality of what in the past had been three separate products: the visual layout tools of Dreamweaver; the rapid web application features of Dreamweaver UltraDev; and the extensive code editing support of HomeSite to provide a complete solution for developing websites. Beginning with this introduction of Dreamweaver MX, Macromedia will focus its commitment to application development for ColdFusion and other technologies within the Dreamweaver product itself, and will no longer develop or sell Dreamweaver UltraDev and ColdFusion Studio as separate products. HomeSite will still be available, though, as a standalone product. With Dreamweaver MX, for the first time, designers, developers and programmers can work within one environment to easily create and manage any professional Web site, whether it's build with HTML, XHTML, XML, web services, ColdFusion, ASP.NET, ASP, JSP or PHP. Dreamweaver MX is available for Macintosh and Windows. Price: $399 Dreamweaver MX commercial full version, box or electronic download. Price: $199 Dreamweaver MX commercial upgrade from any prior version of Dreamweaver, Dreamweaver UltraDev, ColdFusion Studio or JRun Studio. Price: $99 Dreamweaver MX educational version. Macromedia has an excellent site to visit, with all sorts of information, freebies, and tutorials: http://www.macromedia.com |
Advanced Beginners, intermediate, and advanced computer users. The program is not difficult but it is powerful and has numerous features, so I would suggest you have some experience with computers and Web design before you use this program. | |
|
New and enhanced features includes the following: Code and Design Support
Server Technologies Support
Standards Support
|
Installation, User Guide, and Help | |
Installation is easy. Dreamweaver includes a variety of resources to help you quickly learn the program. These resources include a small printed Getting Started guide, an online help system, a 704 page Using Dreamweaver document in PDF form, and tutorials. In addition, you can find regularly updated tips, TechNotes, examples, and information at the Dreamweaver Support Center on the Macromedia website. The Getting Started guide is designed to guide you through the process of creating a simple but functional website using Dreamweaver. It’s aimed at users who have created web pages but are unfamiliar with particular aspects of Dreamweaver. It includes chapters on creating and editing simple static pages, editing the code by hand, and creating dynamic web applications. The guide is provided as a printed manual, as part of the help system, and as a PDF file. The tutorials provide further lessons on particular topics, giving more information in specific areas than the rest of the Getting Started guide. By working through the tutorials, you’ll learn how to edit a sample website with some of the most useful and powerful design features of Dreamweaver. The tutorials are available in the printed Getting Started guide, in Dreamweaver Help, and as part of the Getting Started PDF file. If you’re already familiar with Dreamweaver’s design features but want to know more about building web applications, you can start with the dynamic-page tutorials, which teach you how to create interactive pages that connect to databases. |
|
Updated User Interface | |
One of the biggest changes in Dreamweaver MX is the new workspace which is essentially broken up into a series of windows, panels, and inspectors. Not only does it feature the same streamlined integrated, panel-based interface that is the hallmark of all Macromedia's next-generation MX applications, but it also features a tabbed Document Window that allows you to easily switch back and forth between multiple documents during the design and development process. You can group together the collapsible, dockable panels and collapse or expand them as needed, for a smooth, highly configurable workflow. You can't drag and drop tabs around, though, you have to right-click on the tab and select the group to dock it with. Hopefully, with the next version, there will be more drag and drop ability. As you can see, this interface is designed to accommodate a wide range of expertise and working styles. There is a slight different between panels and inspectors. An inspector (such as the Property inspector, Tag inspector, or Code inspector) changes its appearance and options based on the current selection, whereas a panel controls elements, such as styles or library items, that are available on the entire current page or site. New toolbars have been added, and existing toolbars have become customizable. For instance, there is a new Insert toolbar, formerly known as the Object palette. Clicking one of the icons, all of which are organized under specific category-based tabs, provides a quick and easy way to insert almost any object into your document. It is also completely extensible. The new Standard toolbar allows quick access to commonly used file open, save, new, and clipboard commands. The Document toolbar can now be customized to fit your needs and preferences, using XML and JavaScript. If you are not comfortable with the new MX workspace, you have other choices. When you first start up Dreamweaver, you'll be confronted with a choice of three workspaces, which can also be changed in the Preferences dialog box: MX workspace; Dreamweaver 4 workspace; and the HomeSite/Coder Style workspace. |
|
Code Support | |
Dreamweaver MX expands upon the core code features introduced in Dreamweaver 4 to include a full-featured code development environment reminiscent of Macromedia HomeSite and ColdFusion Studio. Some of the new features include: Code Hints, Tag Editors, Snippets, Tag Chooser, Code Validator, Customizable Syntax Coloring, the inclusion of HomeSite+, and a Reference Panel.
|
|
Site Definition Wizard | |
The new Site Setup Wizard walks you through the steps necessary to set Dreamweaver up to edit and publish files for various server configurations. This enables quick and accurate configuration of site information, whether you are using a local testing server, an ISP, a remote server, or an application server. Also new in site setup is the ability to cloak files from being uploaded; the option to select your default images folder; and the ability to export site definition settings and import them on other computers. | |
Site Window | |
This file-management tool is docked as a panel in Windows machines and can be expanded and collapsed. It still stands alone on the Macintosh. Also new in the Site window is the File Explorer which allows you to access your desktop files so that you can more easily transfer files into a local site from other folders on your computer. Thus, you can now copy, cut, delete, and duplicate files anywhere on your computer using Dreamweaver's Site window. | |
Enhanced Dreamweaver Templates | |
Dreamweaver MX now allows you to exert a far greater degree of control over how templates are created, distributed, and managed. Dreamweaver MX has a dialog box that opens when you select File > New. The General tab lists all sorts of new file options, including various file types, and preset style sheet designs and page layouts. The Template tab lists templates from every defined site, making it easier to base a new site or page on existing work. Templates can now be nested, contain repeating and optional regions, and you can set individual attributes for a tag to be editable. There is also a new templates toolbar with these options for defining editable regions, optional regions, and nested template placement. Nested templates allow you to lay out an overall design for the whole site, while containing further sub-templates. Editing one of these sub-templates will only change those pages that specifically make use of it, while amending the site-wide template will affect every page on the site. Optional regions give you more flexibility. Anything set as an optional region within a template will be displayed by default on all dependent pages. It can be switched off on an individual page. Optional regions and nested tables reduce the number of templates you would need when developing large sites. |
|
Page Designs | |
Along with templates, Dreamweaver ships with a wealth of other web content ready for use, right out of the box. There are page layouts such as forms, tables, headers, footers, CSS style sheets, and special accessible designs to speed up your work. Dreamweaver also ships with a wealth of JavaScript functions, in the Snippets panel, for sophisticated client-side interactivity, including browser detection, cookies, tooltips, and layer manipulation. | |
New Answers Panel | |
The Answers panel, which is common throughout all the MX generation of applications from Macromedia, is designed to give you direct access to online resources from the Macromedia Resource Center. It includes: a What's new section; a Readme section, and Tutorials. Also under the dropdown menu, there are links to: the TechNotes, Extensions, Articles, Site of the Day, and Settings. | |
JavaScript Drop-Down Menu Creation | |
Now you can create JavaScript drop-down menus directly from within Dreamweaver MX, a feature that was previously available only in Macromedia Fireworks. | |
Enhanced Cascading Style Sheet Support | |
Once again, Dreamweaver has improved style sheet management and makes it twice as easy both to link to an external style sheet and to edit styles located in that style sheet. It features a complete redesign of the CSS panel with different modes for editing and applying styles, and support for distinguishing between locally and externally defined styles. Dreamweaver MX also provides support for a rich set of CSS and CSS2 constructs, both in rendering and authoring. Developers can masterfully handle CSS implementations through integration with the TopStyle Lite CSS editor. The text Property inspector also includes a new CSS only mode for developers who want to work exclusively with a document's available CSS styles and not inadvertently insert rogue font tags. Also, a new feature called Design Time Style Sheets lets you attach multiple style sheets and choose which ones to display while you're working. This is useful in situations where you are presenting different mockups of a site design, creating a redesign, or repurposing material for different sites. Or you may want to create a site that's used one way by one set of browsers and another way by another set. In any case, you can attach multiple style sheets to your page, and choose which style sheets to display while you're working and which to attach after you are done designing. |
|
Enhanced Table Editing and Manipulation | |
Dreamweaver MX includes a new architecture for creating and editing tables, resulting in more precise handling of table code and design in Layout and Standard view. Also, Dreamweaver MX now streamlines attribute handling and ensures that all layouts are as lean as possible, without compromising cross-browser compatibility. By reducing the amount of code used to define a table, Dreamweaver MX considerably reduces the size and complexity of a page. The program now specifies cell widths only on top-row cells, and heights only in the first column rather than on every tr and td tag. It makes your pages download slightly quicker and it makes rewriting the page in code easier than ever. |
|
Multiple Technologies | |
In the past, developers would need to use a host of tools in order to accomplish all of their development tasks--one tool for XML manipulation and validation, one for HTML layout, another for server side code development, and perhaps a third lightweight code editor for HTML edits. Dreamweaver MX now allows you to use all of these technologies in a single development environment: XML, XTML, XHTML, JavaScript, CSS, JSP, ASP, ASP.NET, PHP, and ColdFusion. Using the new New File dialog box you can choose from these many different tools. XML and XHTML--Dreamweaver MX includes rich XML authoring and validation support, including XML schema and DTD importation, a Tag inspector for viewing XML document structures and tag attributes, XML validation, and Code Hints support. Dreamweaver also provides full XHTML support, including HTML to XHTML conversion, an option for full XHTML compliant code generation, and XHTML 1.0 Strict and Transitional validation. |
|
Internet Applications | |
Dreamweaver MX includes all the functionality of Dreamweaver UltraDev, plus additional server behaviors, new PHP support and improved runtime code to let you rapidly create Internet applications. The new Site Wizard helps you with setup. There are Database, Bindings, and Server Behavior panels making it relatively straightforward for users to move from creating static HTML to producing server-generated dynamic pages. You can use code libraries to easily create database insertion and update forms, recordset navigation pages and user authentication pages. You can also test layouts by populating the design view with live data. |
|
Dreamweaver and ColdFusion | |
Dreamweaver MX environment has been optimized for ColdFusion development. Beginning ColdFusion developers will find site wizards, code samples and reference material helpful; advanced developers can explore the newest ColdFusion MX features, including ColdFusion Components, web services, and integrated debugging and tracing. | |
Accessibility Support | |
Dreamweaver MX provides robust support for accessibility in two ways: it supports the creation of websites that are accessible and it provides an authoring environment that is more accessible for developers who use assistive technology. Dreamweaver MX is the only web authoring tool that complies with U.S. Section 508 requirements for software accessibility--for output and authoring environments. The new features that enable developers to build and manage sites that conform to accessibility guidelines include: accessibility compliance checking for pages and sites, an active accessibility authoring mode, accessibility reference materials to guide developers, as well as accessible tag notification. Web developers who use Dreamweaver MX and assuasive technology will find support for large fonts, keyboard shortcuts and integration with screen readers. | |
Enhanced Integration with Fireworks and Flash | |
The new Launch and Edit feature lets you work on Fireworks MX and Flash MX content directly from within Dreamweaver MX. You can double-click any image or Flash file in the Assets panel, or click a button on the Property inspector, and edit that object. You can also go back and forth between these programs and Dreamweaver to edit your HTML files along with your media objects. | |
Dreamweaver MX is a superior web authoring application. The new interface is certainly an improvement. The dockable panel groups and tabbed document windows are far more efficient. The new tabbed Insert toolbar, integrated file browsing, and the revamped context-sensitive Properties inspector are great. With the inclusion of HomeSite, it reduces the task of switching between programs to do coding tasks. It is easier to setup dynamic data sources in Dreamweaver MX using the Application panel group. The File New dialog box provides quicker creation of common document types. Nested tables are also a welcome addition. Overall, there might be more improvements for advanced users than for beginners, but I think the new options and enhancements such as: the new interface, enhanced template options, new page designs, HomeSite coding abilities, and table enhancements certainly make it an excellent choice for first timers who are looking to purchase their first Web page layout program or switching from another older tool; or for users who are familiar with the program and just want to upgrade. And for individuals who are looking for a complete environment for designing Web pages, managing sites, and developing applications, it's a must buy, also. |
|
PC:
Mac:
|
|
Graphics:
Adobe Photoshop 6.0 Web Page Design: Macromedia Dreamweaver MX |
|
|
Applications | Games
| Hardware | Children
| Plug-Ins | Tutorials
|
Back to PC Cafe Home |
| Educational | Books | Utilities | Web Tools | Legal | Articles | |
|
This
site is (c) Copyright 2001, by PC Cafe Online. All World Wide Rights Reserved |
|