1

Ничего до этого не верстал. Вот есть макет в PSD, с чего начинать-то? Надо бы разбить большую задачу на подзадачи, но тут просто в ступор вхожу, хоть и всю теорию знаю.

4
  • 1
    Нарежьте его для начала, как надо, и Save for Web -> html and images. Либо давайте более конкретный вопрос...
    – thunder
    14 ноя 2012 в 16:10
  • Как нарезать макет "как надо"? 14 ноя 2012 в 16:14
  • @FrenchCheese Покажите, кстати, макет, ради интереса - попробую еще что-нибудь подсказать :) 14 ноя 2012 в 16:16
  • вот два примера на которых я решил попрактиковаться saveimg.ru/pictures/14-11-12/… blog.zaandr.ru/wp-content/uploads/2010/02/… 14 ноя 2012 в 16:27

2 ответа 2

6
  • Возьмите HTML5 Boilerplate или любой схожий по назначению template.

  • В голове разбейте ваш макет на большие логические блоки.

  • Почитайте про Scaffolding.

  • Подумайте, как грамотно вписать ваш контент в сетку с учетом того, что вы прочитали про Scaffolding.

  • Аккуратно верстайте div'ами от большого к мелкому - если для какого-то блока у вас еще нет качественного контента, но вы знаете, как он примерно должен выглядеть, то заменяйте его прямоугольник соответствующего цвета и, когда будет время, прорабатывайте.

Метод прогрессивного джипега, короче.

2
  1. Разрезаем все картинки (режем полностью макет и отключаем текстовые блоки).
  2. Далее от верха к низу верстаем блоки поочерёдно (пишем HTML и стилизуем его в соответствии с макетом).
  3. Прикручиваем требуемые скрипты.
  4. PROFIT.

Пробовал разбивать на подзадачи — сначала верстал сетку, потом натягивал фон на все элементы, потом текст, потом CSS и потом, потом, потом...
В общем, ничего не получалось. За несколько лет опыта остановился на варианте выше.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.