Use PhotoShop to complete an xhtml + css homepage in two minutes

Source: Internet
Author: User

This is a very convenient method, but we need to remind you that this is only a feature provided by PhotoShop. It cannot be used to develop xhtml + css websites. This article is only for entertainment. Because the code generated by PhotoShop is not standardized and scientific, there are a lot of redundancy and not optimized.
Let's get started with this:
1. Open photoshop cs2 and open the homepage of the designed website. Use a slicing tool.
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
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.
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.
5. Complete the task. Check whether the code is xhtml + css.
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. This is just an additional function provided by PhotoShop. It cannot be used to develop xhtml + css websites. This article is only for entertainment. Because the code generated by PhotoShop is not standardized and scientific, there are a lot of redundancy and not optimized.


Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.