How to make a website with Photoshop

First of all, to say Han, this tutorial is a web search, in order to find his map, I have at least found more than 10 web sites, the more than 10 sites reproduced other people's article pictures are all used hotlinking, the source of the site to change the image address, resulting in more than 10 sites can not display pictures, no language .... Hotlinking has been so serious. Fortunately, some of the stations to upload the picture to their own space, finally gathered these pictures. The author of the tutorial has been out of the way, if you know, please contact us.

1. Planning: Whether it is Joek, or the use of dynamic, wind, we should consider two issues:

A, the layout should be divided into the head, middle and bottom three parts.

B, the middle part to consider two situations, one is two columns (Joek left narrow right wide, moving easy to Zoquan right narrow), two is a column, both situations show can not deformation. Some friends want the head of each plate is different, this is also OK, you can make a fuss in the program code, that is programming problem, press not table.

If I see someone else's page want to take down, then make a screenshot, create a Photoshop file, put the screenshot at the bottom, as the original sketch.

2, production.

A, even without the layout of others, it is best to find a similar system of the site cut a map, placed at the bottom. Pull three vertical guides: The left line, the middle dotted line, and the right.

b, establish the head, middle and bottom three layer groups. Some people use Photoshop do not like to set up layer groups, this is not a good habit, a layout, less than dozens of, a number of hundreds of layers, do not separate layer group management is very messy, affect the efficiency, more affect the cooperation of many people.

C, when making the best possible to the text content also put up, can be closer to the actual effect, and so on when the map to hide these layers.