Dreamweaver Tips
Useful tips while using Adobe Dreamweaver
Tool(s) Required:
HTML Editor: Dreamweaver 4 or above
Recommended: Adobe Dreamweaver CS3
While working with dreamweaver we have come across some very useful tips that will surely benefit all macromedia dreamweaver users. Please do submit your tips through our contact us form. This page is dedicated to all dreamweaver fans:
-
Use CSS Styles (Tutorial)
Format text throughout your Dreamweaver site easily. Read more in cool text effects using css styles and links without underline. -
Switch to the Code View by pressing F10.
-
In the Design View of Dreamweaver you can View your page in the default browser by pressing F12.
-
Insert a line break <br> tag by pressing Shift+Enter.
-
Give non-breaking space by holding down Ctrl+Shift and clicking Space. Instead of clicking the space bar continuously (you will get characters one after the other), release the Ctrl+Shift between clicks to the space bar. You will get the desired space in half the number of characters (better HTML code).
- Use different kinds of bullets to make your lists look attractive. Read our tutorial on Bullets.
-
Use a common structure (template) for your site pages - Learn how to create Dreamweaver Templates
-
Place common code into include files - Learn how to create and use Server Side Includes (SSI)
-
Create rollover buttons/images in Dreamweaver. Click Here
-
Use In-built optimized client side javascript scripting generated by dreamweaver called Dreamweaver Behaviors. The most Useful Behaviors are as follows:
- Check Browser
- Check Plug-in
- Go to URL
- Jump Menu
- Open Browser Window
- Play Sound
- Popup Message
- Preload Images
- Show Pop-Up Menu
- Swap Image/Swap Image Restore
- Validate Form
Absolutely FREE Web Templates
Check out these quality free web templates and download them without any registration or sign-up!
FREE Flash Actionscript & Animation Guide
Learn Flash the easy way using these easy-to-follow tutorials! Get your basics right or learn advanced flash actionscript!
Quality Dreamweaver Templates
Professional quality dreamweaver templates in over 20 categories, starting at just $9.95! Instant download & easy customization
This page is part of the SmartWebby's Free Web Design Guide, a collection of free web design tutorials, articles, tips and guidelines on effective web site design. From web design tips, techniques and ideas to HTML, CSS Styles, Fireworks and Dreamweaver tutorials you'll find all you need to know about web design right here!
SmartWebby.com is the web design flagship website of Jandus Technologies, a global provider of 'smart, innovative & fresh' best web design and rapid web programming services - highly professional, of top quality and globally affordable. Operational since January 2001, we have successfully built professional web sites for clients from all over the world (USA, UK, Canada, Australia, India, Greece, Denmark, Singapore, etc.). By creating attractive low-cost web designs that are W3C standard compliant, load-time and search engine optimized, we beat our competitors hands down comprehensively - in value, time and pricing. We specialize in Rapid SEO Web Design using Adobe Tools; W3C compliant tableless CSS & HTML/XHTML programming; Rapid ASP.net, AJAX, ASP and PHP web programming for database driven web sites and ecommerce web design; Quality Logo Design, Flash Animation and Interactive Flash Programming. No matter what your requirements are, our team of highly trained experienced web designers is capable of delivering a website that's over & above your expectations. Write to us for your free web design quote today! Also check out our Custom Web Design Packages and Professional Dreamweaver Templates for easy DIY websites templates.