Delete DreamWeaver right now and do the following instead so that you can edit everything locally and see changes in real-time:
1) Install MAMP so you can run a server locally on your computer and then install WordPress as you normally would but in a local computer folder
2) Download SublimeText as your code editor.
3) Download CodeKit (Mac-only) and us this to auto-update your browser with changes made to your CSS (otherwise you can use free but less simple scripts like Live-Reload)
4) Google ‘setting up workspaces for CSS in Chrome’ to figure out how to use Chrome to edit CSS in-browser
5) Learn how to use GIT, a form of version control. In essence it’s a repository of all the changes you ever make to your code. When you make a chance, you can ‘push’ that change via GIT, and have it automatically change that file on your server.
There are free ways to use GIT and to make it push to your server, but then you’re getting into the command-line. If you don’t want to do that, you’ll just need these two things:
a) Tower (GIT client for Mac) – This provides a sexy user interface for interacting with GIT repo’s
b) Beanstalk – An online GIT repo that easily allows you to setup automatic deployments to your server each time you make a change via GIT.
(Alternatively you could just re-upload each changed file, but don’t do that! It’s is seriously worth your time to wrap your head around GIT, which is really simple once you get past the jargon)
Your life will be change SO dramatically. For bonus points, learn how to use SASS 🙂