@djay Если вы неплохо знаете HTML5, CSS3 и JavaScript, то наверняка понимаете, что у сайтов есть:
- каркас или сетка
- повторяющиеся части ( хедер, футер, сайд бар.... и т.п.)
- элементы которые могут быть сделаны без медиафайлов(картинок, видео, flash)
- медиа элементы
- формы.
Так вот сперва разделите макет на эти части.
Сверстайте каркас.
Затем разделите части на элементы, и начинайте верстать каждый элемент.
Со временем вы будете видеть вместо белого квадрата черной обводкой нечто вроде этого:
<div class="black-square">Текст в черном квадрате</div>
.black-square
{
width: 100px;
height: 100 px;
background-color: white;
border: 1px solid black;
}
Волшебной кнопки - "Сохранить как сверстанный макет" увы в Photoshop нет.
