Как прикрепить шаблон фотошопа к веб-странице?

Рисунок - это лишь макет, по которому затем строится сайт.

Если провести параллель с выпечкой - это рецепт. А вот готовка - это еще тот процесс.))

К примеру, чтобы на сайте появилась форма для ввода имени и пароля нужно прописать примерно такую конструкцию:

HTML5Выделить код

1
2
3
4
5
6
7

<form id="auth-form" action="auth.php" method="post">
    <label for="ligin">Ваш логин: </label>
    <input type="text" name="login">
    <label for="password">Ваш пароль: </label>
    <input type="password" name="password">
    <input type="submit" value="Отправить">


Затем этой форме нужно задать стили. Цвета, размеры, отступы, границы и прочее... Это делается на CSS.

К примеру, зададим тексту рядом с полями ввода зеленый цвет:

После этого нужно введенные данные обработать либо PHP либо JS скриптом. Чаще PHP.

В общем, вся работа еще впереди. Дизайн - это лишь рецепт.

Из шаблона вырезаются картинки, копируется текст и цвета, размеры и другие элементы.