How to use ps to make the home page of a xhtml+css website

Editor to share with you how to use ps to do a xhtml+css website home page, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Here we go:

1. Open photoshop cs2 and open the home page of the designed website. Cut it with the slicing tool.

Figure:

2. Dot file-"Save the shortcut key for web as ctrl+alt+shift+s, click on the small picture of the upper right inverted triangle, and select Edit output settings."

Figure:

3. See the figure. Select Slices in the second drop-down, select Generate CSS, and then select By ID in the following drop-down.

Figure:

4, click OK to save and close the settings window, click the Save button in the Save for Web window, select Html and Images in the save type, enter a file name casually, and click Save.

Figure:

5. Complete the task. Check the code to see if it belongs to xhtml+css.

Figure:

Ha ha, so simple, made a xhtml+css page. Of course, in practical application, this kind of automatically generated page is not very good.

It is still suggested that everyone should use dreamweaver8 + editplus to make.

The above is all the contents of the article "how to use ps to make the home page of a xhtml+css website". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!