Для заполнения блока сделаю его разметку. разметку делаем как обычно при помощи вспомогательных элементов – направляющих. Разобью блок на три горизонтальных области.
Это три блока в которые будем добавлять содержимое. Содержимое добавляем на отдельных слоях. В основном это будут текстовые слои и немного изображений. Выглядит это вот так.
Естественно, расположенное мной содержимое условно и не обязательно для этого макета. Сюда вставляем всё то что непосредственно касается вашего сайта. Данное содержимое расположено в качестве примера.
И вот теперь когда закончено оформление блока «footer» и макет шаблона практически готов следует ещё раз внимательно и тщательно проверить правильность расположения всего содержимого. По всем блокам макета. Если всё что вы сделали вас устраивает можно готовиться к передаче макета в вёрстку. Но осталась одна маленькая деталь. Это фон страницы. Всё то что окружает ваш сайт. По умолчанию браузер отображает страницу в белом цвете. Верстальщик может изменить цвет body (тело) в любой цвет, а так же использовать градиент или размноженное изображение. В данном случае я остановлюсь на последнем и использую в качестве фона всё тот же фон что и в блоке S-blok. И пожалуй обозначу место для баннера. Вот теперь пожалуй всё. Готовим к макету сопроводительную записку с описанием ширины, ширины боковой колонки, использованных шрифтов и так далее. И в вёрстку.
А готовый макет вымученного шаблона сайта выглядит вот так. ( для просмотра полного размера следует открыть картинку в новой вкладке)
Естественно данная серия статей не является прямым указанием к действию и не претендует на однозначную правильность. Если честно устал я читать вопросы такого типа : "Расскажите как вот нарисовал я в фотошопе сайт и как его теперь залить в движок что бы оно показывало?" или вот ещё типа так : "Как в дримвьивере или во фронтпейдже нарисовать сайт?" Вот именно такие вот вопросы и сподвигли меня написать всё это и.......... понять и простить Удачи! :)
Комментариев нет:
Отправить комментарий
Внимание: Во избежание публикации нецензурных выражений, спама и лишённых всякого смысла высказываний, все комментарии проходят предмодерацию. Спасибо за понимание.