Use PS to create an xhtml+css website homepage in two minutes

There are too many articles about xhtml+css website reconstruction web standards, etc., so I will not repeat them. I will post the simplest method of making xhtml+css pages. Although the method is very simple, not many people may know it... at least I can't find it by searching on Google.

Let’s get started:

1. Open photoshop cs2 and open the designed website homepage. Cut with a slicing tool.

picture:

2. Click File -> Save as web format. The shortcut key is ctrl+alt+shift+s. Click the small inverted triangle image in the upper right corner and select Edit output settings.

picture:

3. As shown in the picture, select Slices in the second drop-down, select Generate CSS, and then select By ID in the subsequent drop-down.

picture:

4. Click OK to save and close the settings window. In the Save for Web window, click the Save button. Select Html and Images in the Save type. Enter a file name and click Save.

picture:

5. Complete the task. Take a look at the code, is it xhtml+css?

picture:

Haha, it’s that simple. I just made an xhtml+css page. Of course, in practical applications, this kind of automatically generated page is still not very good.

I still recommend you to use dreamweaver8 + editplus to create