When it comes to how you see your design in Dreamweaver this will differ from what you see on the web page and in the preview. This is because Dreamweaver renders things differently than your browser would. To get a good idea of how it will appear on the page you should be using the preview in browser to view the page in your browser, this will give you the best representation of how it will appear on the web.
As for the Universal Email with CSS Form Builder if you have already crafted the form the next thing to do is to apply the Universal Email server behavior to this page. When you configure the wizard you will be prompted for the values like the from, to, cc and other parts of the message. On the body tab you should edit the html with the DW button, in the body of your message use the bindings for the values from the form. There is much more documentation about using Universal Email like this on the support page for it:
universal-email/
You should take a look at the Solution Recipes in here for some more specifics about what you are trying to do.