Верстка – процесс очень ответственный и значимый, в котором все нужно делать последовательно. Иначе в будущем вы (равно, как и ваши посетители) можете столкнуться с непредвиденными ошибками и такой интерпретацией кода браузерами, на которую вы совершенно не рассчитывали.
Поэтому, прежде чем взяться за это нелегкое дело, нужно досконально изучить, какие этапы выполнения верстки вам предстоят.
Первый и самый ответственный этап выполнения верстки – это предварительный анализ. Нужно грамотно оценить имеющийся макет, определить, какой тип верстки подойдет для него больше всего – резиновый или фиксированный. Обычно это решение зависит преимущественно от того, как много графики и вспомогательных элементов вы собираетесь использовать. Если предполагается минимум элементов, то более актуальна будет резиновая верстка, в остальных случаях оправданной будет фиксированная. Хотя, конечно, можно оптимально совместить оба направления, сделав каркас фиксированным, а внутренние составляющие – резиновыми. Одним словом, к этому вопросу нужно подойти очень внимательно, так как в случае неправильного выбора вы можете претерпеть многие неудобства впоследствии. Также на этом этапе выполнения верстки очень важно организовать грамотную модульную сетку, нужным образом определив структуру страницы.
Теперь нужно реорганизовать макет, дабы перевести его в веб-формат. Откройте свой шаблон, соорудите подходящую разметку, то есть, поделите изображение. И далее, в полной согласованности с разметкой осуществляйте деление, то есть, вырезайте каждую область и индивидуально ее сохраняйте с заданием соответствующих параметров. На данном этапе выполнения верстки стоит помнить о том, что ваша графика не должна стать утяжеляющим фактором загрузки страниц. Поэтому старайтесь обращать внимание не только на качество графики, но и на ее «вес». И после окончания подобного мероприятия не удаляйте выполненную разметку, так как она поможет вам лучше сориентироваться непосредственно при верстке.
Далее производится основной этап выполнения верстки – добавление главных элементов страниц, формирование структуры в HTML-формате. Старайтесь максимально правильно выполнять отступы, соблюдать размеры и задавать координаты. После внедрения наиважнейших элементов можно реализовывать внедрение дополнительных, которые играют вспомогательно-развлекательную роль. И, конечно же, завершающим этапом выполнения верстки является тестирование, дабы вы были точно убеждены в том, что ваш дизайн поддерживает кроссбраузерность, то есть, адекватно и правильно воспринимается всеми браузерами.
