We've shared some really cool tips on Macromedia Dreamweaver in this article. They are handy tips that all Dreamweaver users should know about to allow more flexibility and creativity while designing sites in Dreamweaver.
Jump Menus, Pop Up Windows and Swap
The Dreamweaver Behaviors panel makes it easy to create jump menus, pop up windows, swap images and more.
Click here to learn more about Dreamweaver Behaviors.
Instead of using endless font tags, use CSS Styles in Dreamweaver to format text in your site. You can also use CSS Styles to create text rollovers and remove the underline from links.
Learn how to create Style sheets in Dreamweaver
Customizing Form Objects and Validating
You can give a background color and font type to form objects using CSS Styles in Dreamweaver. You can also validate forms using Dreamweaver behaviors.
Click here to learn how to customize form objects and validate forms.
|Table with a||thin border|
Custom Submit Buttons
Have you ever wondered how to create custom 'Submit' or 'Go' buttons in Dreamweaver? Well, It's really simple. All you need to do is create your custom image, save it and in Dreamweaver click on Insert>Form Object>Image Field, to choose the submit button image. You now have your customized submit button. The code will look like this:
|<input type="image" border="0" name="imageField3" src="/images/submit.gif">|
Rollovers are very easy using Dreamweaver. All you need to do is export two images from Fireworks (the image itself and the rollover image). Next, in Dreamweaver, click on Insert>Rollover Image. Give a name to the image, choose the images from the folder icon and finally give the link to the image. That's it! You've now got a great looking effect for your site.
Best Time Saving Tips in Dreamweaver
The best time saving tips in Dreamweaver are to use
Before uploading your site you need to make sure that there are no dead links in the site. You can do this by going to your site map, right clicking on any of the files and then clicking on 'check links'. Now you can choose to either check links in the entire site or within the selected file or folder. If there are any dead links you can fix them by using the folder icon to select the right files.
If you need to go to the very next line and not to a new paragraph use use Shift+Enter instead of Enter.
Ctrl + Shift + Space gives you more than one space
Bullet Shapes and Types
Customize bullets by using the Type attribute in the <ul> or <ol> tag.
After resizing an image in Dreamweaver, click on Commands>Optimize Image in Fireworks. You will get a dialog box saying 'Editing image.gif. Do you wish to use an existing Fireworks document as the source of image.gif.' Click on No and then click Update. The image is now updated and optimized in Dreamweaver. This saves you the trouble of opening the image in Fireworks, resizing it and exporting it again.