Using meta tags has never been cooler than with the new extension, Meta Generator from the Dreamweaver Exchange. Traditionally, you would use the default Head object in the objects panel to create and insert meta tags. With this new extension, you have almost 40 custom tags you can create from within this one object! Read the rest of this entry »
Step 1: Applying the Behavior to an Object
To apply the Behavior to text, you’ll need to first make that text a Null Link. Do so by typing the pound sign (#) or javascript: void(0) in the link field in the Properties Inspector. Read the rest of this entry »
Step 1: Creating the Rollover Graphics in Fireworks MX
In our , the menu contains 3 buttons: about | contact | services. Each button has 2 states: The Up state and the Over state. This gives us a total of 6 graphics. This looked in Fireworks MX before exporting:
 |
Did you know you can change the color of your form buttons? Yup, it’s easy. Just use CSS to do it.
Step 1: Getting Started
- On the Forms Category on the Objects Palette
- Click the Insert Button icon Read the rest of this entry »
Jump Menus or Drop Down Menus are an efficient way to incorporate navigation into your web pages. The are essentially a list of options that become visible when clicked. They can link to URL’s, e-mail addresses, or anything a regular link can. Read the rest of this entry »
Objectives: To learn to create and open pop up windows from text links in Dreamweaver MX using the Open Browser Window behavior. Read the rest of this entry »
Dreamweaver’s Tracing Image feature is a great tool for organizing your site layout. You can comp out your site in say Fireworks or Freehand and then bring it into Dreamweaver to use as a guide to align tables and layers…really anything!
You can use images in either .jpg, .gif, or .png formats. Read the rest of this entry »
To get a single line space in Dreamweaver, hold down the Shift key and click Return.
That’s it:) Read the rest of this entry »
One of the most used features for testing your sites is the Preview In Browser feature in Dreamweaver. This is one of the most used keys (F12) on my keyboard when working in Dreamweaver. It lets you see what your site will look like in a particular internet browser.
Step 1. Open the Preferences dialog box by going to Edit>Preferences…
 |
Step 2. Select Preview In Browser from the Category column in the left hand side.
Step 3. Depending on your current configuration you may or may not have a default browser already selected.
Step 4. To add a browser, click the plus sign. You can also click Edit to add a primary or secondary browser.
Primary Browser refers to the browser that is associated with the F12 key.
Secondary Browser is launched by clicking Control-F12/Command-F12
Step 5. Do the same for the secondary browser making sure you select the correct check box.
 |
Step 6. Now navigate to your desired browser’s application program and select it.
 |
Step 7. Click OK when you’re finished.
Step 8. Now, when you want to check your work you need only to click the F12 key for primary browser or click Command-F12 to preview your work in your secondary browser.
Dreamweaver relies on you to create a site for each and every project you work on within Dreamweaver. This ensures all files and links are properly defined. If you don’t define the site ahead of time Dreamweaver will give you warnings about nearly everything. It’s fast, it’s easy and it’s integral to Dreamweaver. Read the rest of this entry »