Качественный современный сайт — это не только банальный текст и несколько картинок, вразнобой раскиданных по странице. Это еще и различные современные технологии. В частности на любом сайте используется графика. Где-то ее немного, а где-то подразумевается размещение большого числа фотографий, например, на сайтах портфолио фотографов или художников или в Интернет магазинах и дизайн-студиях. И в этом случае для экономии места стоит использовать фотогалерею с нужными вам фото.

Как может выглядеть фотогаререя? Например, в виде размещенных рядом миниатюр всех фото, которые по клику увеличиваются до полного размера. В качестве примера можно посмотреть сайт Интернет магазина обойной фабрики «Крокус», на котором в виде фотогалерей оформлены все фотографии обоев. Вот посмотрите обои в каталоге: http://crocus.in.ua/catalog/all/page/2 — видите, какой огромный выбор как принтов на обоях, так и различных цветов? Можно легко выбрать и купить обои для любой комнаты, практически любого стиля и любого нужного вам цвета. И пока будете смотреть обои, обратите внимание на оформление галерей — разбивка по коллекциям и фото внутри этих коллекций.

Также часто в Интернет магазинах используются небольшие фотогалерей для нескольких фото к одному товару. Обычно это картинка побольше, под ней миниатюры, которые по клику открываются в окошке выше. Также вы можете использовать фотогалереи в записях вашего сайта. Если сайт сделан на WordPress — можно просто использовать его стандартную галерею: добавляете нужные фото, нажимаете «Создать новую галерею», указываете, сколько фото будет в одной строке, и вставляете галерею. Удачи!

По материалам: http://crocus.in.ua/catalog/all/page/2


Подпишись на обновления блога по Сайтовед по RSSRSS, RSS по EmailEmail, twitter hennertwitter!


Интересные посты на "Сайтоведе":

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>