Обзоры расширений Joomla

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12, 13.

 

 

В предыдущей статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 3). Создание сайтов» мы рассмотрели вопросы, касательно макета страницы. В этой статье начнём обзор объектов, при помощи которых Вы сможете заполнить страницы сайта содержимым.

В статьях «Обзор Incomedia WebSite X5 Free 10 (часть 3). Создаем сайт сами» и «Обзор Incomedia WebSite X5 10 Free (часть 4). Бесплатный конструктор сайтов» уже были рассмотрены некоторые объекты. Далее будут затронуты только объекты, недоступные в версии Free или опции которых не было в доступных объектах во Free версии.

Объекты Incomedia WebSite X5 Evolution 10

Текст

По сравнению с бесплатной версией, объект Текст (рисунок ниже) обладает рядом дополнительных и полезных инструментов. Они доступны в Incomedia Web Site X5 Evolution 10.

Incomedia Web Site X5 Evolution 10

Самостоятельное создание сайта сопряжено с заполнением страниц контентом. Основной контент, как правило, текст и изображения. Так же, как и к тексту в шапке сайта, рассмотренного в статье «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов» к тексту и изображениям внутри объекта Текст можно применять действия.

Инструмент Вставить изображение позволяет разместить изображение внутри текста. Вы можете задать изображение в формате JPG, JPEG, GIF или PNG. Пример вставки изображения в текст Вы может посмотреть на тестовом сайте.

При помощи инструмента Настройки реакции на мышь Вы можете задать эффект «прокрутки текста». Что-то наподобие бегущей строки. Пример работы данного инструмента Вы можете посмотреть на тестовом сайте.

  • Разрешить реакцию на мышь. Активирует применение эффекта к объекту Текст.
  • Движение. Можно задать один из пяти «типов» движения: Без движения – Показать полосу прокрутки, Одно движение, Непрерывное движение, Поочерёдное движение, Движение блоков.
  • Направление. Задаётся направление движения содержимого объекта Текст. Справа, Слева, Сверху, Снизу.
  • Эффект. Простой конструктор сайтов Incomedia WebSite X5 Evolution 10 позволяет задать эффект для движения содержимого объекта. Линейный, Рикошет, Колебание.
  • Высота. Высота области для содержимого объекта Текст в случае, если к нему применяется эффект движения.
  • Длина (сек). Время (скорость) прокрутки всего содержимого объекта.
  • Останавливать при наведении курсора мыши. Если во время прокрутки пользователь наведёт курсор мыши на содержимое, то оно остановится.

На второй панели инструментов над основной областью редактирования текста Incomedia WebSite X5 Evolution 10 предлагает Вам ещё три инструмента. Выровнять текст по правому караю, По умолчанию, Выровнять текст по левому караю – эти опции относятся к выравниванию текста относительно изображения. То есть, как текст будет обтекать изображение.

Новая Pro версия программы обладает возможностью создания вкладок, которые помогут разделить большой текст на части. Подробнее об этом Вы сможете прочесть в статье «Обзор WebSite X5 Professional программа для создания web сайтов (часть 3)».

В статье «Обзор Incomedia WebSite X5 11 Evolution. Программа для визуального создания сайтов» можно прочесть о новых возможностях текстового редактора. Если Вас интересует пример работы с данным объектом, то Вы можете ознакомиться в видео в статье «Видео уроки Website X5 Evolution (часть 2). Самостоятельное создание сайта компании».

Картинка

В статье «Обзор Incomedia WebSite X5 Free 10 (часть 3). Создаем сайт сами» уже был затронут объект Картинка (рисунок ниже). Не будем рассматривать в этой части аналогичные инструменты. В Incomedia WebSite X5 Evolution 10 он оснащён гораздо большим количеством параметров.

Самостоятельное создание сайта

Самостоятельное создание сайта сопряжено не только с размещением текста на страницах. Очень распространённым содержимым являются изображения. На мой взгляд, простой конструктор сайтов, такой как Website Evolution, должен иметь в своём арсенале минимальный набор инструментов для обработки изображений. При нажатии на кнопку Редактировать (рисунок выше) перед Вами откроется окно (рисунок ниже), в котором есть несколько инструментов для работы с изображением. Они разделены на семь вкладок.

В статье «Обзор Incomedia WebSite X5 11 Evolution. Программа для визуального создания сайтов» можно прочесть о новых возможностях по вставке изображений из онлайн-библиотек и о изменениях в графическом редакторе.

  1. Кадрирование и поворот. Было рассмотрено в статье «Обзор Incomedia WebSite X5 Free 10 (часть 3). Создаем сайт сами».
  2. Фильтры. Частично было рассмотрено в статье «Обзор Incomedia WebSite X5 Free 10 (часть 3). Создаем сайт сами».
  3. Водяной знак.
  4. Маска.
  5. Рамка.
  6. Эффекты.
  7. Библиотека.

Website Evolution

Website Evolution на вкладке Фильтры (рисунок выше) содержит расширенный набор фильтров по сравнению с Free версией.

  • Портрет. Создаёт эффект «старой отсканированной фотографии». Можно задать Размер «шума». От 0 до100.
  • Рамка. Обладает такими опциями как: Размытие (от 0 до 100), Яркость (от 0 до 100), Резкость (от 0 до 100).
  • Масляные краски. Придаёт Вашему изображению эффект того, что его нарисовали масляными красками. Доступны опции Размеры и Диффузия.
  • Холст. Incomedia Web Site X5 Evolution 10 придаёт Вашему изображению вид  написанного на холсте. Доступна опция Размеры.
  • Шум. Данный эффект напоминает эффект Портрет. Доступна опция Размеры.
  • Мрамор. Создается эффект изображения, нанесенного на мрамор. Доступны опции Размеры и Диффузия.

На рисунке ниже показаны примеры эффектов в порядке следования их в списке выше. Первым показано исходное изображение.

Простой конструктор сайтов

Website X5 это простой конструктор сайтов. Работа с ним не требует предварительного изучения языков программирования или чего-то аналогичного.

На вкладке Водяной знак (рисунок ниже) Вы можете задать «защитную метку» для нанесения на изображения на Вашем сайте. Что-то наподобие того, как на моём сайте помещён логотип Aleksius.com на большинстве изображений, «автором» которых являюсь. Вы можете взять один из двенадцати водяных знаков или задать свой, выбрав Настроить. В результате можно задать изображение в формате GIF, PNG, PSD или WMF.

Website X5 Evolution

Website X5 Evolution, при помощи спадающего списка Настройки, позволяет Вам изменить ориентацию водяного знака: Не поворачивать, Повернуть на 90 градусов, Повернуть на 180 градусов, Повернуть на 270 градусов, Отразить по горизонтали, Отразить по вертикали.

Можно совмещать эффекты, применённые к изображению на разных вкладках.

На вкладке Маска (рисунок ниже) Вы можете задать маску Вашему изображению.

Incomedia

Incomedia предлагает 82 варианта масок, а также возможность задать свою. Для этого нужно просто загрузить изображение в формате JPG, JPEG, GIF, PNG, PSD, BMP, TIF, DIB, PCX, RLE, TGA или WMF.

На вкладке Рамка (рисунок ниже) можно задать обрамление для своего рисунка.

Incomedia Website

Incomedia Website содержит девяносто две рамки.  Можно задать свою собственную.

Инструменты, доступные на вкладке Эффекты (рисунок ниже) были рассмотрены ранее в статьях «Обзор Incomedia WebSite X5 Free 10 (часть 2). Программа конструктор сайтов» и «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов».

Эффекты

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

Website X5

Website X5 предлагает двенадцать групп эффектов (образцов библиотеки).

На вкладке Отображение (рисунок ниже) Вы можете придать «динамичности» Вашему рисунку. Например, если изображение больше области, отведённой под нее, то можно отобразить только его часть, а для просмотра всего остального пользователь должен будет воспользоваться мышкой для приближения и перетаскивания изображения. Пример работы инструментов с вкладки Отображение Вы можете увидеть на тестовом сайте правое изображение. Обратите внимание, когда Вы применили инструменты из вкладки Отображение, то на вкладке Общие Вы не сможете задать действие по нажатию на рисунок (опция Ссылка). Также Вам будет недоступна вкладка Карта сайта. А это может означать, что рисунок будет недоступен для индексации поисковыми системами. Или, по крайней мере, индексация будет затруднена.

Incomedia Website X5

Incomedia Website X5 предлагает следующие настройки на вкладке Отображение.

Режим отображения. Доступно три режима отображения.

  1. Автоматически изменять размер изображения.
  2. Масштабировать и позиционировать изображение вручную.
  3. Автоматически масштабировать и позиционировать изображение.

Выбрав Автоматически изменять размер изображения, Вы сможете задать качество изображения (от 10 до 100) (опция Качество) и алгоритм масштабирования (опция Метод пересчёта): Билинейное (быстрое), Прореживание (среднее), Бикубическое (лучшее, но медленнее). Метод влияет на скорость и качество создаваемых Incomedia WebSite X5 Evolution 10 изображений.

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

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

Продолжим рассматривать самостоятельное создание сайта в Incomedia WebSite X5 Evolution 10. Опции Масштабировать и позиционировать изображение вручную и Автоматически масштабировать и позиционировать изображение оснащены одинаковыми настройками.

  • Тип движения. Вы можете выбрать один из трёх типов движения изображения: Свободное масштабирование, Горизонтальный панорамный вид, Вертикальный панорамный вид.
  • Максимальное увеличение. Вы можете задать уровень увеличения изображения (от 105 до 500). Данная опция доступна только в том случае, если Вы выбрали тип движения Свободное масштабирование.
  • Разрешить увеличение картинки. Пользователь сможет самостоятельно приближать изображение. Данная опция доступна только в том случае, если Вы выбрали тип движения Свободное масштабирование.
  • Показывать управление масштабом. Возле изображение Incomedia WebSite X5 Evolution 10 отобразит элементы управления, при помощи которых пользователь сможет сам изменять масштаб изображения. Данная опция доступна только в том случае, если Вы выбрали тип движения Свободное масштабирование.
  • Показать навигатор. Если изображение очень большое и отображается только малая его часть, то для удобства пользователя Вы можете включить отображение небольшой области, где будет показан весь рисунок в целом. Как на картах Google или Яндекс.
  • Разрешить автоматическое постоянное перемещение. Включив данную опцию, Вы укажете Incomedia WebSite X5 Evolution 10 на то, что необходимо «прокручивать» изображение. Это создаст «эффект динамики». Но только в том случае, если изображение больше, чем область его отображения.

Если Вы выберете тип движения Горизонтальный панорамный вид или Вертикальный панорамный вид, то вместо опции Максимальное увеличение будет опция Высота. При помощи неё Вы сможете задать высоту области отображения изображения.

Вкладка Карта сайта (рисунок ниже) позволяет добавить Ваше изображение в карту сайта. Это поможет поисковым системам быстрее его проиндексировать и лучше «понять», о чём это изображение. Безусловно, поиск по картинкам гораздо менее распространён чем органический (обычный) поиск. Но всё равно это стоит, чтобы заносить изображения в карту сайта (по возможности). Плюс, есть случаи, когда люди ищут именно изображение чего-то, а не его писание.

Карта сайта

  • Добавить изображение к карте сайта. Активировав эту опцию, Вы указываете Website Evolution на то, что данное изображение должно быть помещено в карту сайта.
  • Заголовок. Заголовок изображения. Данный текст будет «связан» с изображением и может быть показан возле него в результатах поиска. Советы, касательно того, каким должен быть заголовок, аналогичны советам про заголовок сайта, описанным в статье «Обзор Incomedia WebSite X5 Free 10 (часть 2). Программа конструктор сайтов».
  • Заголовок. Видимо, это ошибка в русском переводе Incomedia WebSite X5 Evolution 10.0.4.28. Скорее всего – Описание. Описание изображения. Данный текст будет «связан» с изображением и может быть показан возле него в результатах поиска. Советы, касательно того, каким должно быть описание, аналогичны советам про описание сайта, описанным в статье «Обзор Incomedia WebSite X5 Free 10 (часть 2). Программа конструктор сайтов».
  • Местоположение (например, адрес, город и т.д.). Если изображение тесно связано с каким-то местом на карте, то можно его задать. Может помочь в том случае, когда поиск по изображениям идёт с привязкой к стране.
  • URLфайл с лицензией. URL адрес страницы лицензии, согласно которой распространяется данное изображение.

Таблица

Самостоятельное создание сайта в Incomedia WebSite X5 Evolution 10 -несложная задача. Программа обладает массой полезных инструментов. Объект Таблица (рисунок ниже) похож на ранее рассмотренный объект Текст и позволяет размещать таблицы на страницах Вашего сайта.

Таблица

В панелях инструментов над рабочей областью к уже известным Вам инструментам были добавлены ещё шесть: справа в верхней панели, один в нижней панели, между инструментом заливки фона текста и инструментом маркированного списка, и три в нижней панели, между выравниванием текста и обтеканием картинки текстом. Рассмотрим их более детально.

  • Вставить строку. Позволяет добавить строку в таблицу над строкой, в которой находится маркер ввода текста.
  • Удалить строку. Позволяет удалить строку таблицы, в которой находится маркер ввода текста.
  • Вставить столбец. Позволяет добавить столбец в таблицу слева от столбца, в котором находится маркер ввода текста.
  • Удалить столбец. Позволяет удалить столбец, в котором находится маркер ввода текста.
  • Объединить ячейки. Позволяет объединить выделенные рядом стоящие ячейки в одну.
  • Разделить ячейки. Позволяет разделить выделенные рядом стоящие ячейки, если ранее они были объединены.
  • Границы таблицы. При помощи данного инструмента (рисунок ниже) Вы можете задавать цвет и ширину обводки отдельно для строк, отдельно для столбцов.
  • Выровнять по верхнему краю, Выровнять по середине, Выровнять по нижнему краю. Эти три инструмента позволяют задать вертикальное выравнивание содержимого ячеек таблицы.

Граница таблицы

Пример настроенного объекта Таблица Вы можете увидеть на тестовом сайте.

Галерея

Простой конструктор сайтов Incomedia WebSite X5 Evolution 10 позволяет создать семь типов галерей (слайд-шоу) (рисунок ниже).

  • Классическое слайд-шоу. Пример такого типа галереи Вы можете увидеть на тестовом сайте.
  • Горизонтальная галерея. Пример такого типа галереи Вы можете увидеть на тестовом сайте.
  • Вертикальная галерея. Пример такого типа галереи Вы можете увидеть на тестовом сайте.
  • Пиктограммы. Пример такого типа галереи Вы можете увидеть на тестовом сайте.
  • Сколько пиктограмм на страницу. Пример такого типа галереи Вы можете увидеть на тестовом сайте.
  • Горизонтальные пиктограммы. Пример такого типа галереи Вы можете увидеть на тестовом сайте в нижней части страницы.
  • Вертикальные пиктограммы. Пример такого типа галереи Вы можете увидеть на тестовом сайте в нижней части страницы.

Каждый из типов галерей содержит свои настройки, которые разделены на три вкладки: Стиль, Список, Пиктограммы. Некоторые из них повторяются. Рассмотрим каждый из типов галерей более детально. Одинаковые опции для разных типов галерей будут рассмотрены только один раз.

Галерея

Тип Классическое слайд-шоу.

  • Максимальный размер. Простой конструктор сайтов Incomedia WebSite X5 Evolution 10 позволяет Вам привести все загружаемые на сайт изображения к одному размеру. Именно его Вы и задаёте в этой опции.
  • Шрифт описания. Каждое изображение может иметь текстовое описание. Вы можете поменять для него гарнитуру, кегль и начертание.
  • Звук. В качестве фоновой музыки Вы можете задать звуковой файл в формате MP3.
  • Автовоспроизведение. Website Evolution начнёт показ слайдов сразу при загрузке страницы.
  • Случайный вид. Изображения в галерее будут показаны в случайном порядке.
  • Вид кнопок. Можно выводить (или не выводить) кнопки перемещения вперёд и назад по галерее. При этом можно задать одну из трёх опций: Всегда видимый, Невидимый (автозапуск), Отображать при наведении курсора.
  • Стиль. Incomedia WebSite X5 Evolution 10 позволяет выбрать один из восемнадцати стилей кнопок (рисунок ниже).
  • Цвет. Цвет панели управления.
  • Показывать пиктограммы на панели управления. Отображает миниатюры изображений на панели управления с возможностью перехода к нужному изображению.

Стиль кнопок

В статье «Обзор Incomedia WebSite X5 11 Evolution. Программа для визуального создания сайтов» можно прочесть о новых возможностях галереи.

Вкладка Списки (рисунок ниже) Вы можете добавить в галерею изображения формата JPG, JPEG, GIF, PNG, PSD, BMP, TIF, DIB, PCX, RLE, TGA или WMF, видео в формате FLV, MP4 или видео с видео-хостинга YouTube или Vimeo.

Списки

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

Вы можете задать действие по нажатию на конкретное изображение в галерее (инструмент Ссылка). Действия были рассмотрена в статьях «Обзор Incomedia WebSite X5 Free 10 (часть 3). Создаем сайт сами» и «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов».

Так же, как и в случае со слайд-шоу в шапке сайта, Вы можете задать анимационные эффекты для смены изображений. Детальнее об этом Вы можете прочесть в статье «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов».

Описание. Данное поле служит для вставки текста описания каждого слайда (при необходимости).

На вкладке Пиктограммы (рисунок ниже) Вы можете задать рамку (или фоновый рисунок) для миниатюр (пиктограмм) изображений слайд-шоу.

Пиктограммы

Простой конструктор сайтов Incomedia WebSite X5 Evolution 10 предлагает Вам 34 варианта оформления пиктограмм. При помощи опции Пользовательское изображение Вы можете задать (опция Файл изображения) своё собственное изображение формата JPG, JPEG, GIF, PNG, PSD, BMP, TIF, DIB, PCX, RLE, TGA или WMF в качестве украшения миниатюр галереи.

При помощи настройки Внешнее поле изображения (%) можно задать отступ (от 0 до 10%) между пиктограммами.

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

Вкладки Список и Пиктограммы одинаковы для всех типов галерей. Отличия в настройках вкладки Стиль. Рассмотрим её для разных типов.

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

Вертикальная галерея мало чем отличается от горизонтальной. Единственное отличие – положение пиктограмм может быть Справа или Слева.

Тип Пиктограммы позволяет задать определённое количество строк изображений на странице сайта (опция Строк на странице).

Тип Сколько пиктограмм на страницу, Горизонтальные пиктограммы и Вертикальные пиктограммы аналогичны типу слайд-шоу Пиктограммы.

В конце статьи «Обзор WebSite Evolution 10 (часть 10). Создание сайта HTML» Вы можете скачать файл проекта (*.IWZIP) тестового сайта к данному циклу статей.

Как видите, самостоятельное создание сайта при помощи Website Evolution 10 весьма несложный процесс. Этому помогает хорошо продуманная и реализованная в инструментах пошаговая технология создания сайта. В следующей статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 5). Создание веб сайтов» мы продолжим рассмотрение объектов, при помощи которых Вы сможете создать информативный веб-проект. Будут рассмотрены такие объекты как Видео и аудио, Почтовая форма, Соц. сеть, Гостевая книга.

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12, 13.

 

Полезные ссылки: