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

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

Обычно применяется один из двух методов: первый — основан на 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


Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: