There are too many articles such as restructuring web standards for xhtml + css websites, so I will not repeat them. The simplest way to create xhtml + css pages is simple, but not necessarily some people know that .... at least not found in google search.
Start:
1. Open photoshop cs2 and open the homepage of the designed website. Use a slicing tool.
Figure:
2. Click file-> Save As the shortcut key in the web format: ctrl + alt + shift + s. Click the small image in the top right inverted triangle and select Edit output settings
Figure:
3. See the figure below. Select Slices from the second drop-down list, select Generate CSS, and select By ID from the drop-down list.
Figure:
4. Click OK to Save and close the settings window. In the Save for Web window, click Save. In the Save type field, select Html and Images. Enter a file name and click Save.
Figure:
5. complete the task. Check whether the code is xhtml + css.
Figure:
In this simple way, we made a page with xhtml + css. Of course, in actual application, this automatically generated page is still not very good.
We recommend that you use dreamweaver 8 + editplus for production.