How to use DreamWeaver to improve my work?

[DamianToczek]

Hello dear Users,

i started coding with a worldpad, the first few days.

A friend of mine, told me about notepad++ and i used it for few years. Since few months i was using Atom Editor.

I took a look at Adobe Muse but, it doesn't give me enough freedom while coding.

I just found out about DreamWeaver today, i didn't really look at all programs. I mostly only use, Photoshop, Premiere and Illustrator.

What i have done in DreamWeaver, i've imported my folder where i used to keep my coded websites, i also setup a testserver using my FTP connection.

I have no idea what "buttons" do what. I would also like some visual editing like in Muse, i want to speed up that positioning part by using visual editing.

I know CSS1/2/3, there is very little that i might "not know" in CSS or i never needed it. I would like to use Visual Editing in BW for such things like positioning etc.

Can you give me some infos, tips? So far the only difference i see now is, that i have a preview on my Phone and my browser, this is pretty cool but i think there is more right?

[BenPleysier]

Have a look at Dreamweaver tutorials | Learn how to use Dreamweaver CC

[Nancy OShea]

DamianToczek  wrote

I have no idea what "buttons" do what. I would also like some visual editing like in Muse, i want to speed up that positioning part by using visual editing.

DW is not a click and drag app like MU.  MU is aimed at non-coders who want click & drag ease without learning to write code.

DW is a coders tool.  It will help you code more efficiently and allow you to see what you're doing while you work.   DW excels at site management, code hinting and auto code completion.  

[rayek.elfin]

DreamWeaver is a coding editor with built-in FTP and file management options, with some visual editing support. The browser and phone view option is built into many other editors as well, and nothing out of the ordinary. As a matter of fact, with a couple of external tools any code editor could be doing that too.

Muse is a purely visual tool, and the code it produces is horrendously bad. Good for prototyping, though, and for designers who don't want to or lack the time to learn html and css.

After reading your post, I suppose Atom + PineGrow might be the answer you're looking for.

[anissa_thompson · Accepted solution]

What i have done in DreamWeaver, i've imported my folder where i used to keep my coded websites, i also setup a testserver using my FTP connection.

One thing that you'll find Dreamweaver exceptionally helpful with, given that you have older existing websites, is file management for your folder structures. As long as you have each project in its own folder and set up a separate Site Definition for each when you begin updating and moving files around, Dreamweaver will help you stay organized by notifying you regarding potential broken links:

I have no idea what "buttons" do what. I would also like some visual editing like in Muse, i want to speed up that positioning part by using visual editing.

I know CSS1/2/3, there is very little that i might "not know" in CSS or i never needed it. I would like to use Visual Editing in BW for such things like positioning etc.

I suspect that in order to bring some of your projects "up to code" [pun intended] regarding responsive layout, you may need strip out some/most of your old markup before applying a framework like Bootstrap. If you're not sure what to expect, spend a little time perusing the tutorials BenPleysier provided above, and get comfortable with RD basics like on W3Schools.com Responsive Web Design Introduction.