Dreamweaver CS6 Welcome Screen and Default Settings
When you launch Dreamweaver, the Welcome screen appears. The left column in the Welcome screen lists recent files and appears differently each time you launch Dreamweaver. The right column promotes new [more…]
Dreamweaver CS6 Document Window
As soon as you create a new HTML page in Dreamweaver, the Document window launches. This is the work area where you design and code web pages, create and edit text, and insert and [more…]
Dreamweaver’s Panels Help You Integrate Programs
Many of the main features of Dreamweaver are accessed through panels, which are ubiquitous to Adobe Creative Suite (CS). Dreamweaver’s panels are viewed, moved, and stacked in similar ways in Dreamweaver [more…]
Dreamweaver CS6 Properties Inspector and Insert Menu
The Properties Inspector is used to apply many of the most useful and commonly used HTML tags to selected content, and, to define parameters for those tags. The Insert menu provides another way of generating [more…]
How to Set Preferences in Dreamweaver CS6
When you’re working with Dreamweaver CS6 to build websites, use the settings in the Dreamweaver Preferences dialog box. Most of these settings are intuitive enough that you can figure them out. [more…]
Generate HTML from the Dreamweaver Insert Menu
Some commonly used HTML elements (like images or forms) are inserted directly from menu options in the Dreamweaver Insert menu. But you can also insert any HTML tag from the menu by choosing Insert→Tag [more…]
How to Set Page Properties in Dreamweaver
Dreamweaver presents different options for defining head content. One of them involves embedding styles within a page, which is not recommended. Instead, create [more…]
Preview Pages from Dreamweaver in Any Browser
You can preview a page in Dreamweaver using any browser installed on your computer. And remember, looking at a web page in Browser is really the only way to see what your page will look like in any particular [more…]
The Dreamweaver Validation Panel
To submit an open page in Dreamweaver for validation, choose File→Validate Current Document (W3C). When you do, the W3C Validator Notification dialog box appears. [more…]
Dreamweaver's Clean Up HTML Tools
Another helpful set of tools for checking code are the Clean Up HTML tools. These tools are available from the Command menu. Choosing Command→Clean Up HTML opens the Clean Up HTML/XHTML dialog box, which [more…]
How to Modify Absolute-Positioned (AP) Divs in Adobe Dreamweaver CS6
Each Absolute-Positioned (AP) Div you draw in Adobe Dreamweaver CS6 is listed automatically in the AP Elements panel (choose Window→AP Elements to display it). The AP Elements panel can help you select [more…]
How to Preview Your Page in Adobe Dreamweaver CS6
Perhaps you’ve completed your page in Adobe Dreamweaver CS6 and you want to investigate how it looks in a browser. You can quickly preview your file by simply clicking the Preview/Debug in Browser button [more…]
How to Start a New Site in Adobe Dreamweaver CS6
Even if you’re creating only one page using Adobe Dreamweaver CS6, be sure to create a site. A site gives you an organized method of keeping together images and other assets and offers additional options [more…]
How to Place Photoshop Smart Objects in Adobe Dreamweaver CS6
The ability to work with Photoshop files in Adobe Dreamweaver CS6 is useful for most designers who depend on Photoshop as part of their workflow. When you place Photoshop files on a page, Dreamweaver creates [more…]
How to Use an Image as a Background in Adobe Dreamweaver CS6
Creating backgrounds for webpages in Adobe Dreamweaver CS6 is fun and can be pursued in more ways than most people would imagine. You can create a repeating pattern with a single small image, create a [more…]
How to Include Flash Content on Your Adobe Dreamweaver CS6 Website
Adobe Dreamweaver CS6 makes it easy to enhance web pages by allowing you to insert interactive content such as Flash (SWF) and Flash Video (F4V/FLV).
Think carefully about the placement of your Flash content [more…]
How to Work with Tables in Adobe Dreamweaver CS6
When you think of a table in Adobe Dreamweaver CS6, think of a grid that has multiple cells in it, much like a spreadsheet. Tables are used in HTML pages so that elements and data can be contained and [more…]
How to Apply Table Formatting with CSS in Adobe Dreamweaver CS6
In addition to using the Property inspector in Adobe Dreamweaver CS6, you can format entire tables or individual table cells (and contents) by using CSS [more…]
How to Import Tabular Content into Adobe Dreamweaver CS6
Adding content to a table in Adobe Dreamweaver CS6 is easy: You can type or insert content within table cells just as you would within the page itself. [more…]
How to Publish Your Adobe Dreamweaver CS6 Website
When you’re ready to publish your Adobe Dreamweaver CS6 website for the world to see, set up a remote server in your site definition so that you can connect and copy files to your web-hosting account or [more…]
How to Run Site Reports on Your Adobe Dreamweaver CS6 Website
The Adobe Dreamweaver CS6 site reports provide a detailed look at potential issues lurking within your site as well as assistance in cleaning out redundant or empty tags from your pages. [more…]
How to Ensure Your Adobe Dreamweaver CS6 Website Works Properly
The first step toward getting your website ready for the world is making sure that everything works as expected. Adobe Dreamweaver CS6 is packed full of tools that let you know exactly what’s broken and [more…]
How to Check CSS Compatibility in Adobe Dreamweaver CS6
It’s important to make sure that your Adobe Dreamweaver CS6 website appears properly and consistently across all popular browsers, such as Internet Explorer, Firefox, Chrome, and Safari. Although most [more…]
How to Create Absolute-Positioned (AP) Divs in Adobe Dreamweaver CS6
Adobe Dreamweaver CS6 uses CSS-controlled virtual containers, or boxes, created by the DIV tag to freely position content on a page. The DIV tag is a basic tag used to create areas for content on your [more…]
How to Use Behaviors with Boxes in Adobe Dreamweaver CS6
To add cool effects and interactivity, you can use the built-in Adobe Dreamweaver CS6 behaviors, a collection of ready-to-use scripts that you can apply to nearly any element on a page. When used with [more…]
