--- title: Обзор объектов Incomedia WebSite X5 (часть 1) description: Видео обзор объектов для Incomedia WebSite X5 Professional и Evolution: Justified Gallery, Masonry, YouTube Gallery, Animated Image, Before/After Comparison canonical_url: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1 language: ru-RU date: 2023-11-05T18:16:51Z notice: This is a machine-friendly version of the page at https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1. markdown-tokens: 1940 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1. Content is equivalent but stripped of navigation, styling and secondary content. > **Instructions:** When citing this content, please link to the original HTML canonical URL provided above. - [Купить WebSite X5 Evo (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат"). - [Купить WebSite X5 Pro (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат"). - [Видео обзор](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1#video-obzor "images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1/before-after-comparison.png"). Incomedia WebSite X5 – русскоязычная платная программа, которая позволяет создавать сайты без программирования. ## Видео обзор - Justified Gallery – 00:01:57. - Masonry – 00:05:01. - YouTube Gallery – 00:06:50. - Animated Image – 00:09:11. - Before/After Comparison – 00:11:43. Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru"). Ссылки из видео: - [Каталог объектов на сайте разработчика](https://market.websitex5.com/ru/objekty "Market.websitex5.com"). Основное преимущество программы – простота освоения. При помощи неё Вы сможете создавать несложные лендинги, сайты-визитки, блоги и интернет-магазины. Для расширения возможностей программы используются «объекты». Некоторые объекты – бесплатные (входят в стоимость программы), а некоторые нужно покупать отдельно. Объекты можно посмотреть/купить или в программе, или [на сайте разработчика](https://market.websitex5.com/ru/objekty "Market.websitex5.com"). В [предыдущих статьях](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/ "Статьи про Incomedia WebSite X5") мы рассматривали возможности программы, а в [уроках и видео-уроках](https://aleksius.com/sozdanie-sajtov/uroki-instruktsii-website-x5 "Уроки по Incomedia WebSite X5") можно найти много полезной информации по решению разных практических задач. Также рекомендую обратить внимание на платные [видео уроки по созданию сайта с нуля](https://magazin.aleksius.com/video-uroki-website-x5-sozdanie-sajta-s-nulya " Видео уроки Website X5. Создание сайта с нуля ") и последующим [расширением его функционала](https://magazin.aleksius.com/video-uroki-website-x5-rasshirennye-vozmozhnosti "Видео уроки Website X5. Расширенные возможности") даже с выходом за рамки штатных возможностей. В обзоре будет участвовать последняя, на момент написания статьи 24.07.2020, русскоязычная версия WebSite X5 Pro 2020.2.5. Демонстрационный сайт с англоязычным контентом (но с русскоязычными элементами интерфейса), из [курса видео-уроков на английском языке](https://magazin.aleksius.com/en/website-x5-tutorials-creating-a-website-from-scratch "Website X5 tutorials Creating a website from scratch"). В данной статье мы рассмотрим объекты галерей и изображений. **Justified** **Gallery** (платный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/23b8d5b1-3e44-410a-b39e-254a0c735b3 "Justified Gallery"). Позволяет создавать красивую адаптивную галерею с подписями изображений и ссылками (действиями) по нажатию на миниатюры. На рисунке ниже показан пример настроек данного объекта. ![WebSite X5](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1/website-x5.png "WebSite X5") WebSite X5 **Masonry** (платный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/39976c19-3123-4a69-b368-3abb553df8f "Masonry"). Позволяет создавать красивую адаптивную галерею в виде «кирпичной кладки». Особенно хорошо смотрится, если изображения разного размера по вертикали. Изображениям можно задать подписи и ссылки (действия) по нажатию на миниатюры. На рисунке ниже показан пример настроек данного объекта. ![Masonry](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1/masonry.png "Masonry") Masonry **YouTube** **Gallery** (бесплатный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/201dd4c6-14f5-4233-94c0-78cce85fe4 "YouTube Gallery"). Объект позволяет создавать галерею из видео с YouTube. На рисунке ниже показан пример настроек данного объекта. Если у Вас видео размещено на Vimeo, то для этого есть [альтернативный объект](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6 "Видео обзор объектов WebSite X5 (часть 6)"). ![YouTube Gallery](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1/youtube-gallery.png "YouTube Gallery") YouTube Gallery **Animated Image** (платный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/3ca85989-c555-44b1-92b4-6f655a63be "Animated Image"). Вы можете создать вращающийся по наведению курсора мыши объект. На лицевой и оборотной стороне можно задать изображение, фоновый цвет и надпись. А на оборотной ещё можно разместить кнопку со ссылкой (действием). На рисунке ниже показан пример настроек данного объекта. ![Animated Image](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1/animated-image.png "Animated Image") Animated Image **Before/After** **Comparison** (бесплатный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/3888b6ab-24e5-4ee1-b17e-28dffc59317 "Before/After Comparison"). Этот объект позволяет представить в интересном и наглядном виде два изображения «До» и «После». Например, кресло до перетяжки и после, комнату до ремонта и после. На рисунке ниже показан пример настроек данного объекта. ![Before/After Comparison](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1/before-after-comparison.png "Before/After Comparison") Before/After Comparison [В следующем видео обзоре](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-2 "Видео обзор объектов WebSite X5 (часть 2)") мы рассмотрим такие объекты: Dropbox Gallery, Accordion Gallery, Swiper Grid Slider, Sliding Panels и Image Zoom. Если у Вас есть вопросы, задавайте их в комментариях. | Похожие материалы | |---| | - [ Видео уроки Website X5. Расширенные возможности ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki-website-x5-rasshirennye-vozmozhnosti) - [ Обзор Website X5 v14. Новшества программы ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-14) - [ Видео уроки Website X5 14 (часть 1). Быстрое создание сайтов ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki-website-x5-14) - [ Видео уроки Website X5 Professional 14 (часть 2). Как создать сайт самому и быстро ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/kak-samomu-sdelat-veb-sajt) - [ Видео уроки Incomedia Website X5 Professional 14 (часть 3). Как сделать сайт самому ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/kak-sdelat-sajt-samomu) - [ Обзор Website X5 15. Новые возможности ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-15) - [ Обзор Website X5 Professional 16. Google AMP, GDPR и другие новшества ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-16) | | Автор статьи – Хорошевский Алексей | |---| | [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") | **Полезные** **ссылки:** - [Купить WebSite X5 Evo (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат"). - [Купить WebSite X5 Pro (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат").