20 нояб. 2011 г.

Статья 17. (заключительная) Заполнение блока «footer», создание фона страницы и расположение рекламного баннера.

Для заполнения блока сделаю его разметку. разметку делаем как обычно при помощи вспомогательных элементов – направляющих. Разобью блок на три горизонтальных области.





Это три блока в которые будем добавлять содержимое. Содержимое добавляем на отдельных слоях.  В основном это будут текстовые слои и немного изображений.  Выглядит это вот так.


Естественно, расположенное мной содержимое условно и не обязательно для этого макета. Сюда вставляем всё то что непосредственно касается вашего сайта.  Данное содержимое расположено в качестве примера.

И вот теперь когда закончено оформление блока «footer»  и макет шаблона практически готов следует ещё раз внимательно и тщательно проверить правильность расположения всего содержимого. По всем блокам макета.  Если всё что вы сделали вас устраивает можно готовиться к передаче макета в вёрстку.  Но осталась одна маленькая деталь.  Это фон страницы.  Всё то что окружает ваш сайт.  По умолчанию браузер отображает страницу в белом цвете.  Верстальщик может изменить цвет body (тело) в любой цвет, а так же использовать градиент или размноженное изображение.  В данном случае я остановлюсь на последнем и использую в качестве фона всё тот же фон что и в блоке S-blok.  И пожалуй обозначу место для баннера. Вот теперь пожалуй всё. Готовим к макету сопроводительную записку с описанием ширины, ширины боковой колонки, использованных шрифтов и так далее.  И в вёрстку. 

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


Естественно данная серия статей не является прямым указанием к действию и не претендует на однозначную правильность. Если честно устал я читать вопросы такого типа : "Расскажите как вот нарисовал я в фотошопе сайт и как его теперь залить в движок что бы оно показывало?" или вот ещё типа так :  "Как в дримвьивере или во фронтпейдже  нарисовать сайт?"  Вот именно такие вот вопросы и сподвигли меня написать всё это и..........  понять и простить    Удачи!  :)

Комментариев нет:

Отправить комментарий

Внимание: Во избежание публикации нецензурных выражений, спама и лишённых всякого смысла высказываний, все комментарии проходят предмодерацию. Спасибо за понимание.