How to impose the website model

Imposition of the model of the website - quite entertaining process. To begin to impose, it is necessary to master basic skills of HTML and CSS. For a start it is better to read specialized literature, and already then to get to work, but it is possible to be engaged in study and in practice, comprehending elements in business. It is required to you • - browser; • - the text editor, it is desirable with syntax highlighting (for example: Notepad, psPad); • - the drawn website model (as a rule, in the Photoshop program). Instruction 1. Start all software for creation of the model. Separate work area of the monitor into two horizontal parts. In top place the graphics editor with the loaded model, and in lower the test editor. It is necessary not to be distracted by folding and deployment of a window when writing the code. Such approach is very convenient and considerably will increase efficiency. 2. Consider structure of the graphic model. Pay attention to how layers lie. In the same way future web document because the designer so conceived should be imposed. 3. Write the code, having loaded the page into the browser. Refresh the page and try to make so that the image of the model was to identically future page. 4. Write at first only HTML the code. Just list all blocks on the page. Assign everyone the identifier, and to groups of blocks the class. 5. Start styles. Create in the directory with the page the folder and call it CSS. In it for convenience it is desirable to place several files with styles. 6. Create the IMG folder near the CSS folder. Then pull out images from the model. It is better to do it in such sequence: you integrate all layers, look for the necessary element, you copy it, you create the new graphic document and you save under a meaningful and "readable" name. 7. After all above steps are complete, it is necessary to check the imposed page for errors (the second name - validity). There are websites, especially for it created. You should not panic if suddenly the validator shows many errors. They are not critical, but it is recommended to avoid them. 8. Finally check the created page in all popular browsers. Perhaps, in some of them the website will look not as you expected.