How to use Dreamweaver to do xhtml+css website homepage

XHTML+CSS Web site refactoring Web standards and so on the article too much, I will not repeat, send the simplest way to make Xhtml+css page, although the method is very simple, but really not necessarily a few people know .... At least Google search was not found.

Let's go:

1, open the Photoshop CS2, open the design of the website homepage. Cut with slicing tools.

Figure:

2, point file-"stored as the Web format shortcut key for Ctrl+alt+shift+s, point right upper inverted triangle small picture, select Edit Output settings

Figure:

3, see figure, select Slices in the second Drop-down, select Generate CSS, and then in the following Drop-down choose by ID

Figure:

　　

4, click OK to save and close the Settings window, in the Save for web window Midpoint save button, in the Save type, select HTML and Images, enter a file name, click to save.

Figure:

5, complete the task. Look at the code, is it xhtml+css?

Figure:

　　

Oh, so simple, made a xhtml+css page. Of course, in practical applications, this automatically generated page is still not very good.

Or suggest that you use Dreamweaver 8 + editplus Production