Reprinted Source: https: //www.cnblogs.com/gg_lihui/p/3396409.html
Web standards making process is: get the psd renderings art production sites, web designer then PS-crafted image transfer html page.
During the cutting ps FIG CSS + HTML in turn, usually have the following practices:
1. Open PhotoShop cut picture, and then exported as (x) HTML web page, or save format used - Select the page and image.
2. directly in DreamWeaver layout, and then insert the relevant picture.
3. The first complete cutting plans in PS, then looked at the effect of a step by step diagram of the production in a text editor.
Disadvantages of three methods of Chinese web design webmaster above analysis
method worst, with no such code readability and maintainability.
Method 2 is not good, the code will inevitably be redundant, do something out of the basic needs of the investigation again.
3 disadvantage of the method is that you need to fight a little shining renderings, that is the time to write html tags, to continue to assume this goes to show how.
PS picture right steps turn CSS + HTML page is:
1, experienced designers get the psd, will be the first to write directly on the frame of the page text editor to come out, do not assume this to go how the future css rendering, complete naturalized label, without any css.
2, then after a major operation to ensure that the browser is positioned generally no problem.
3, writing overall css, css here is only responsible for chunks of positioning and style.
4, cut out pictures of resources needed in the framework written in a little bit to construct, continuous commissioning, final finished product.
5. Finally, add comments to your code in css, html in.
In the process of the page, there are many areas requiring attention, but knowing the right steps, we can not start to write directly to do html, but at least to have this awareness, step by step. . .
Web standards making process is: get the psd renderings art production sites, web designer then PS-crafted image transfer html page.
During the cutting ps FIG CSS + HTML in turn, usually have the following practices:
1. Open PhotoShop cut picture, and then exported as (x) HTML web page, or save format used - Select the page and image.
2. directly in DreamWeaver layout, and then insert the relevant picture.
3. The first complete cutting plans in PS, then looked at the effect of a step by step diagram of the production in a text editor.
Disadvantages of three methods of Chinese web design webmaster above analysis
method worst, with no such code readability and maintainability.
Method 2 is not good, the code will inevitably be redundant, do something out of the basic needs of the investigation again.
3 disadvantage of the method is that you need to fight a little shining renderings, that is the time to write html tags, to continue to assume this goes to show how.
PS picture right steps turn CSS + HTML page is:
1, experienced designers get the psd, will be the first to write directly on the frame of the page text editor to come out, do not assume this to go how the future css rendering, complete naturalized label, without any css.
2, then after a major operation to ensure that the browser is positioned generally no problem.
3, writing overall css, css here is only responsible for chunks of positioning and style.
4, cut out pictures of resources needed in the framework written in a little bit to construct, continuous commissioning, final finished product.
5. Finally, add comments to your code in css, html in.
In the process of the page, there are many areas requiring attention, but knowing the right steps, we can not start to write directly to do html, but at least to have this awareness, step by step. . .