♛ FORTRESS-DESIGN

Верстка сайта с масштабируемыми фонами

Учитывая широкий диапазон разрешений монитора современных пользователей интернета, на веб-разработчике лежит непростая задача реализация сплошного фона в виде цельного изображения. Для того чтобы оно хорошо смотрелось при различных разрешениях и не сильно зарезалось, используются разные технологии.

Обычно применяется один из двух методов: первый — основан на flash-технологии, другой — на совместном использовании CSS и JavaScript.

Масштабирование фонов на flash-технологии

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

Примеров на флеше вы наверняка встречали довольно много, а вот с использованием CSS…

Использование CSS и JavaScript при масштабировании фонов

Если это корпоративный сайт, то использование flash как основа сайта является не технологичным, так как даже не значительное изменение приведет к необходимости повторной компиляции проекта из исходного файла fla и формат swf.

В данном случае, рациональным будет использование CSS и JavaScript. Благодаря этой технологии сайт легко обновлять и при этом он может выглядеть не менее эффектно, чем с использованием flash. Кроме того, с применением технологий jQuery и MooTools, сайт можно сделать весьма динамичным и живым.

Примеры сайтов:
//www.aedas.com/
//www.marinayachting.it/
//www.solegiallo.it/
//firefly-photography.co.uk/makeover-photography-pre-session.htm


Перейти к верхней панели