Быстрая верстка шаблонов

Март 15, 2010 Новости

Проблема уникальных шаблонов стоит в текущее время самым полным ростом. Давайте рассмотрим 2 варианта быстрой верстки и слизывания дизайна для промышленных масштабов.

Вариант первый базируется на плагине для FF ScrapBook. Прост как 2 капли воды:
1. Открываем страничку которую будем слизывать
2. Жмем заграбить веб-страницу
3. Получаем на выходе уже готовую html страничку и всю графику к ней.
4. Пошустряку перебиваем страницу, наполнив ее шаблонами под требуемый конкретный дизайн для выбраной cms
5. Возможно подтачиваем кое-где графику под себя.

Время изготовления шаблона в первый раз часа 3, потом можно даже с довольно сложной версткой управиться где-то за час.

Второй вариант базируется на нарезке psd макета или любого другого графического представления дизайна. Пользоваться мы для этого будем программой Photoshop.

Уже довольно давно в фотошопе есть замечательный инструмент SliceTool о котором впрочем мало кто знает. Данный инструмент находится в нижней части зоны с выделениями и позволяет резать изображение на регионы. В старых версиях придется загнать слайсованую картинку в imageready. Начиная кажется с CS3 нужды в этом нет.

После нарезки слайсов просто выбираем сохранить для веб. А там указываем, что нам нужно сохранить все слайсы и html представление. При таком подходе на выходе мы получаем тот же самый готовый макет что и в предыдущем способе, который просто остается наполнить управляющими конструкциями под требуемую cms.

Основная проблема этого подхода в нарезке фона. По нормальной схеме если используется резиновый фон или чет такое, нужно выключать часть изображения, резать фон отдельно, а потом слегка дотачивать конечный документ.

При должной прямоте рук нарезка слайсами занимает не более часа. (для среднего по сложности шаблона).

Где-то так...

Рекламный блок
Борм по прежнему двигает каталог статей через вечные ссылки. Глядя на его упорство я начинаю задумываться что проект и правда белый и надо исследовать тему такого продвижения. Кстати может быть даже закупив статей на этом самом сервисе. Осталось завести хоть один англоязычный сайт.

Предыдущее сообщение: Проблемы в личной жизни
Следующее сообщение: DLE в массы

Метки: верстка, Дизайн, шаблоны