Тел.:+38 (066) 867 68 78
Тел.:+38 (057) 781 45 48
Skype:sitehill
E-mail:info@sitehill.kh.ua

Слайдер, аккордеон или баннер?

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

Верхняя часть страницы почти всегда содержит панель навигации (меню), логотип, название сайта или компании, контактные данные и немного текста с картинками. Но этого мало, ведь эти элементы занимают не более 50% площади верхней части страницы, и чем-то приходится заполнять оставшееся пустое пространство. Вот тут разработчики сайтов и придумали размещать слайдер, аккордеон или баннер.

Слайдер

Слайдер – это элемент страницы сайта, который меняет изображения и связанный с ним текст через определённый промежуток времени, с использованием различных визуальных эффектов, обычно – скольжения (slide). Меняющиеся изображения называются слайдами, и очень часто их используют как ссылки на различные разделы сайта или наиболее актуальные товары и услуги. Получается, в слайдере могут быть скрыты предложения или разделы сайта, которые отображаются по очереди, не забивая при этом голову посетителя большим количеством информации и ненавязчиво показывая все возможности, а если его заинтересует что-либо, при клике на слайде он перейдёт на нужную страницу. Удобно, не правда ли? Для владельца сайта – ещё как, а для дизайнера – не совсем, ведь ему дополнительно приходится разрабатывать все слайды, которые, возможно, и не увидит посетитель. Хорошо, что при разработке сайтов или веб-страниц, где будет размещён слайдер, мы подготавливаем все необходимые слайды высокого качества и в одном стиле, которые идеально впишутся в дизайн.

Аккордеон

Аккордеон – элемент страницы сайта, который показывает изображение и связанный с ним текст при нажатии или наведении курсора мышки на какую-либо его часть, при этом используются различные визуальные эффекты (обычно элементы отодвигаются или раздвигаются, отображая скрытый блок). Аккордеоны используются в меню и других элементах навигации, скрывая ненужные подразделы от посетителя, или показывают дополнительную информацию или изображение, если посетитель заинтересовался и нажал/навёл курсором на какой-либо элемент. Сайт выглядит более современным и динамичным, дополнительная информация не отображается без надобности, все довольны, кроме… верстальщика. Ведь тут ему приходится выполнять дополнительную работу, согласовывая адреса настоящих и будущих ссылок, разрабатывать скрытые блоки аккордеона и добиваться одинакового отображения всех его частей и эффектов в различных браузерах. Но нам повезло, что интересы клиента стоят выше интересов нашего верстальщика и у него достаточно опыта и терпения для разработки аккордеонов.

Баннер

Баннер 1
Баннер 2

Баннер (если мы говорим про интернет) – это часть страницы сайта, которая является собой обычным изображением большого размера. Он может быть как динамическим, когда картинки меняются согласно возможностям формата изображения, так и статическим, когда никаких изменений не происходит. Динамические баннеры часто используют в качестве рекламы в интернете, вы могли видеть их на многих сайтах. С увеличением своих возможностей они становятся всё тяжелее по весу, а некоторые вообще нельзя просмотреть без программ Flash Player. Статические баннеры, в отличии от динамических, мало весят, но лишены различных эффектов, зато прекрасно выполняют свои функции на коммерческих сайтах. Мы их используем не часто, обычно размещая на сайтах клиентов слайдеры или аккордеоны, но если заказчик требует баннер, мы делаем баннер. И стараемся при его разработки не меньше, чем при создании слайдера, аккордеона или любого другого элемента дизайна.

Вот теперь Вы знаете, что такое слайдер, аккордеон или баннер, и можете без труда понять один из первых технических вопросов дизайнера будущего сайта. Надеемся, эта статья будет помогать Вам, как и моим клиентам, которым я частенько даю ссылку на эту страницу.

19.11.2014 | Екатерина Смирнова


Последние записи в блоге:

Комментарии (4)

  1. Вначале не обратил внимание, что здесь рабочие скрипты. Напишите, типа, что можно проверить работу каждой конструкции, наводя на них мышкой.

    Евгений | 27.01.2015
    Фрилансер

  2. Спасибо за статью. Но что такое слайдер, наверное все знают, а вот с аккордеоном и баннером у меня была беда, однако

    Max | 11.02.2015
    студент

  3. Мы уже рисуем слайдеры на всю страницу. Представляете, подготовить несколько изображений для сайта просто огромных размеров!

    Маринка | 27.02.2015
    Дизайнер

  4. На моём Айфоне нет курсора, так что аккордеон не двигается.

    Превед! | 24.03.2015
    Специалист по лендингам:)


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

Укажите ваше имя:*

Ваша должность:*

Напишите адрес сайта:

Комментарий:*

Капча:*

* - поля обязательны к заполнению.

ВАШ КОММЕНТАРИЙ УСПЕШНО ОТПРАВЛЕН НАМ.
В целях защиты от спама, все комментарии проверяются модератором, после чего они публикуются на сайте.
В ближайшее время ваш комментарий появится на нашем сайте.

Собери скидку

Собери скидку

Cобирайте скидки на разработку сайта в Sitehill, отвечая на наши вопросы.

Собрать скидку...

Последний отзыв

Всем доброе утро ! Работаю с Евгением.
Очень трудолюбивый и за не дорого создает и в дальнейшем…

Александр | 11.05.2017
Сотрудник
Сайт: khbn.com.ua

Читать все отзывы...

Актуальная информация

При заказе сайта - логотип бесплатно! Подробнее читайте здесь.

Портфолио

В портфолио...
СОЗДАНИЕ САЙТА SITEHILL
Смотреть Создание сайта компании Sitehill | Портфолио Sitehill Смотреть Создание сайта компании Sitehill | Портфолио Sitehill
СОЗДАНИЕ ИНТЕРНЕТ-МАГАЗИНА DVERI99
Смотреть Создание сайта Dveri99.ru | Портфолио Sitehill Смотреть Создание сайта Dveri99.ru | Портфолио Sitehill
СОЗДАНИЕ САЙТА ДЛЯ СЛОБОДА-СТРОЙЭЛЕКТРОМОНТАЖ
Смотреть Создание сайта компании Слобода-стройэлектромонтаж | Портфолио Sitehill Смотреть Создание сайта компании Слобода-стройэлектромонтаж | Портфолио Sitehill
СОЗДАНИЕ САЙТА RAKETAPRINT
Смотреть Создание сайта Raketaprint.com.ua | Портфолио Sitehill Смотреть Создание сайта Raketaprint.com.ua | Портфолио Sitehill
СОЗДАНИЕ САЙТА ROSHARKOVTUR
Смотреть Создание сайта Rosharkovtur.ru | Портфолио Sitehill Смотреть Создание сайта Rosharkovtur.ru | Портфолио Sitehill
СОЗДАНИЕ САЙТА ДЛЯ SURO
Смотреть Создание сайта Suro.com.ua | Портфолио Sitehill Смотреть Создание сайта Suro.com.ua | Портфолио Sitehill
СОЗДАНИЕ САЙТА SKSE31
Смотреть Создание сайта Skse31.ru | Портфолио Sitehill Смотреть Создание сайта Skse31.ru | Портфолио Sitehill
СОЗДАНИЕ САЙТА JOKER
Смотреть Создание сайта Joker-dc.com | Портфолио Sitehill Смотреть Создание сайта Joker-dc.com | Портфолио Sitehill
СОЗДАНИЕ САЙТА ДЛЯ TURSVIT
Смотреть Создание сайта Tursvit.kh.ua | Портфолио Sitehill Смотреть Создание сайта Tursvit.kh.ua | Портфолио Sitehill
СОЗДАНИЕ САЙТА VISA31.RU
Смотреть Создание сайта Visa31.ru | Портфолио Sitehill Смотреть Создание сайта Visa31.ru | Портфолио Sitehill
СОЗДАНИЕ САЙТА PHOTOPROOF.COM.UA
Смотреть Создание сайта PhotoProof.com.ua | Портфолио Sitehill Смотреть Создание сайта PhotoProof.com.ua | Портфолио Sitehill
СОЗДАНИЕ САЙТА UKRNIKA.COM.UA
Смотреть Создание сайта Ukrnika.com.ua | Портфолио Sitehill Смотреть Создание сайта Ukrnika.com.ua | Портфолио Sitehill

Блог

В блог...
ТРАНСЛИТЕРАЦИЯ СИМВОЛОВ ОНЛАЙН
Транслитерация символов онлайн | Блог Sitehill

Мы разместили на нашем сайте плагин транслитерации символов онлайн.

24.04.2015 | Sitehill

Читать...
ЛЕНДИНГ, ЛЕНДИНГ, ЛЕНДИНГ...
Лендинг, лендинг, лендинг... | Блог Sitehill

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

19.03.2015 | Sitehill

Читать...
СЛАЙДЕР, АККОРДЕОН ИЛИ БАННЕР?
Слайдер, аккордеон или баннер? | Блог Sitehill

Мы решили пояснить нашим клиентам, а заодно и посетителям сайта, что такое слайдер, аккордеон и баннер, показав примеры...

19.11.2014 | Екатерина

Читать...
ГЕНЕРАТОР РЫБНОГО ТЕКСТА ОНЛАЙН
Генератор рыбного текста | Блог Sitehill

Представляем Вашему вниманию ещё одну маленькую, но полезную разработку от команды Sitehill – генератор рыбного текста онлайн. Он полезен...

28.07.2014 | Евгений

Читать...

Наши клиенты на карте

2012 - 2016 © Sitehill