JointLogic Web Designer is an Eclipse plug-in that consists of two components - HTML Designer and CSS Designer.
HTML Designer provides WYSIWYG authoring of HTML and XHTML documents and fragments with support for embedding several server-side scripting and template languages - currently Apache Velocity Template Language, PHP, Ruby and ASP. HTML Designer provides authoring facilities like Toolbox, DOM inspector and Properties view. It integrates with CSS Designer to provide rich authoring of in-line CSS and embedded style sheets. HTML Designer integrates with Eclipse Web Tools Platform (WTP) for HTML source editing and with Eclipse PHP development tools (PDT) for PHP editing.
CSS Designer provides CSS authoring facilities like CSS Styles view, CSS declaration designer with preview and web-oriented color picker. It integrates with Eclipse Web Tools Platform (WTP) to allow CSS authoring while editing CSS, HTML and JSP files.
Come to more detail: http://www.jointlogic.com/webdesigner/
Recommend the tutorial