Tips & Tricks for Using Dreamweaver

DreamWeaver is a HTML and CSS editing software that is available for MacOS and Windows as part of the Adobe Suite. Beyond the editing, DreamWeaver also allows for users to upload their work onto a server. Whether you’re a newbie or advanced in your HTML editing endeavors, there are multiple tips and tricks that can be implemented into your DreamWeaver experience to make it more enjoyable and simpler to use.

1. Planning is KEY!

First off, although it may seem obvious, make sure to plan out your concept before trying to implement it into code. Coming up with a plan, goals, and deadlines for your design will save you time and frustration in the long run, as well as make you feel more accomplished once you complete the task at hand.


2. Who is reading this?
Secondly, keep your audience in mind. Knowing you your audience is will help you to plan and design your site effectively. No matter how intricate or well-designed your site is, it simply will not be effective if it does not appeal to the target audience.

3. Stick with it!

Third, consistency is key. Sticking with a certain color palette, font choice, and image style, as well as overall layout, will be more appealing and easy to use. Audiences and consumers thrive on predictability, so keeping your site to the essentials is a smart move.

4. It’s okay to play favorites (encouraged, even)

Once you begin to use DreamWeaver, you may begin to notice that there are some features that become your most used or favorites. To keep all of these in the same place, simply go to ‘Window’ in the upper menu and scroll down to ‘Insert.’ Once you select ‘Insert’ you should see many options, including Structure, Media, and Forms. One of the options here should be ‘Favorites’. To compile a list of favorites, right click and choose ‘Customize Favorites.’ From here you will be able to keep all of your most used features readily available from one location.

5. Make like a banana and split

One of the most effective features on DreamWeaver is the ability to view your work through a ‘Split Screen’. Many HTML editors allow you to view your code and how it looks on the web separately. While this is an option on DreamWeaver, choosing the ‘Split Screen’ mode will allow for you to see your coding come to life in real time, making it easier to spot technical difficulties.

6. Save, Save, Save!

Another tip that may seem almost too obvious but plays a major role in your coding process is saving or backing up a copy of your work. As with all HTML, you need to make sure that all of the files used (images, videos, etc.) are all saved into one central folder. This folder should be maintained and kept together throughout your coding process to ensure that your site works.

    Related Articles

    Adobe Alternatives and Dupes

        A subscription to Adobe can get a little...

    Adobe Alternatives and Dupes

        A subscription to Adobe can get a little...

    Adobe Alternatives and Dupes

        A subscription to Adobe can get a little...