Create a website homepage with xhtml + css in two minutes

Source: Internet
Author: User

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.

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.