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

Видео уроки Website X5. Создание сайта с нуляВидео уроки Website X5. Создание сайта с нуля

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

 

 

В предыдущей статье «Обзор Incomedia Website Х5 Evolution 9 (часть 3). Самостоятельное создание сайта с нуля» были рассмотрены некоторые объекты программы, которые помогут Вам создать веб-сайт. В этой части мы продолжим рассмотрение оставшихся объектов.

  1. Видео и аудио.
  2. Галерея.
  3. Обратная связь.

Хочу отметить, что объект Список продуктов требует дополнительной настройки. Подробнее данный вопрос будет рассмотрен в следующих статьях.

Видео и аудио

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

  • Автовоспроизведение. Активировав данную опцию, видео (или аудио), размещённое на странице начнёт воспроизводиться автоматически. Не рекомендую это делать, особенно в случае, когда у Вас более одного такого объекта на странице. Это может запутать пользователя и вызвать его раздражение.
  • Включить полноэкранный просмотр. Задав данную опцию, Вы добавляете возможность просмотра видео в полноэкранном режиме, нажав на соответствующий значёк в панели управления плеером.
  • Автоматически скрывать панель управления. Панель управления будет автоматически скрыта и отображена при наведении курсора мыши на объект.
  • Цвет панели управления. Можно задать цвет фона панели правления.

Объект Видео и аудио

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

Вкладка Карта сайта

Вы можете задать заголовок, описание, категорию и ключевые слова для объекта. Также можно задать миниатюру (изображение для предварительного просмотра) видеофайла, указать дату публикации, длительность и задать опцию Подходящий всем контент (в смысле без возрастных ограничений).

Галерея

Объект Галерея (рисунок ниже) разделён на три вкладки.

  1. Стиль.
  2. Список.
  3. Пиктограммы.

Объект Галерея

Вкладка Стиль (рисунок выше) позволяет настроить основные параметры галереи. В Incomedia Website Evolution 9 доступно семь типов галереи.

  1. Классическая Слайд-шоу – Flash. Пример на тестовом сайте. Для этого типа (рисунок выше) Вы можете задать ширину и высоту картинки, задать отображение миниатюр всех изображений с возможностью перехода на определённое при помощи опции Показывать значки на панели управления. Можно включить или отключить отображение панели управления, поставить автовоспроизведение, задать случайный порядок показа изображений, а не тот, который задаётся на вкладке Список. Также доступно сменить цвет фона панели управления и цвет фона самой галереи. Размер шрифта позволит задать размер шрифта описаний картинок. Для достижения максиального эффекта можно задать фоновый звук MP3.
  2. Горизонтальная галерея – Flash. Пример на тестовом сайте. Все те же опции, что и для Классическая Слайд-шоу – Flash. Только добавлена опция, позволяющая задать положение пиктограмм (снизу или сверху).
  3. Вертикальнаягалерея – Flash. Пример на тестовом сайте. Все те же опции, что и для Классическая Слайд-шоу – Flash. Только добавлена опция, позволяющая задать положение пиктограмм (справа или слева).
  4. Пиктограммы. Пример на тестовом сайте. Доступна опция, позволяющая задать количество видимых пиктограмм. При желании можно задать открытие каждой картинки в увеличенном состоянии во всплывающем окне по нажатию курсора мыши. Если не задано действие по нажатию для конкретной картинки на вкладке Список.
  5. Пиктограммыпогранице. Пример на тестовом сайте. Все те же опции, что и для Пиктограммы. Только добавлена опция, позволяющая задать количество рядов на границу.
  6. Горизонтальные пиктограммы. Пример на тестовом сайте. Все те же опции, что и для Пиктограммы.
  7. Вертикальные пиктограммы. Пример на тестовом сайте. Все те же опции, что и для Пиктограммы.

Вкладка Список (рисунок ниже) позволит Вам добавить в галерею изображения и выстроить их в порядке, в котором необходимо их показывать пользователю.

Вкладка Список

Каждому рисунку можно задать действие по нажатию. Все эти действия были рассмотрены в статье «Обзор Incomedia WebSite X5 9 Free (часть 2). Бесплатная программа для создания сайта» и «Обзор Incomedia Website Х5 Evolution 9 (часть 1). Программа для создания HTML сайтов». Также каждое из изображений можно отредактировать. Редактор изображений был рассмотрен ранее. Помимо изображений Вы можете добавить видео (FLV или MP4) или ссылку на видеофайл с YouTube. Каждому объекту в галерее можно присвоить описание и эффект смены кадра (доступно не для всех типов галерей). Детальнее настройка эффектов смены изображений была рассмотрена в статье «Обзор Incomedia Website Х5 Evolution 9 (часть 1). Программа для создания HTML сайтов» с тем лишь исключением, что в данном случае не предусмотрена вкладка Страница. Но она и не нужна для этого объекта.

Вкладка Пиктограммы (рисунок ниже) позволяет задать рамку для миниатюр галереи. Всего доступно 35 рамок и возможность загрузить свою.

Вкладка Пиктограммы

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

Обратная связь

Объект Обратная связь (рисунок ниже) позволяет создавать формы обратной связи с возможностью отправки результатов их заполнения на почту, в базу данных или в скриптовый файл.

Объект Обратная связь

Настройки объекта разделены на три вкладки.

  1. Список.
  2. Отослать.
  3. Стиль.

Вкладка Список (рисунок выше) позволяет сконструировать саму форму обратной связи. Для этого в Incomedia Website Evolution 9 предусмотрено 12 объектов.

  1. Текстовое поле.
  2. E-mail адрес.
  3. Область текста.
  4. Дата.
  5. Выпадающий список.
  6. Список.
  7. Множественный выбор.
  8. Единый выбор.
  9. Пароль.
  10. Приложенный файл.
  11. Проверочный вопрос.
  12. Условия лицензионного соглашения.

Рассмотрим их немного детальнее.

Текстовое поле (рисунок ниже). Позволяет создавать однострочные поля для ввода информации (текст, цифры, символы). Можно задать название поля (Ярлык), указать его ширину в процентах относительно области объекта Обратная связь, можно указать отображение данного поля в том же ряду, что и предыдущее поле, можно задать максимальное количество символов и задать фильтр ввода текста (Нет (буквы и цифры), Только цифры, Телефон/Факс (цифры и символы «-» и «.»), Дата (цифры и символы «-» и «.»)). Также доступна возможность сделать поле обязательным для заполнения. То есть, если пользователь его не заполнит, то он не сможет завершить отправку данных формы.

Текстовое поле

Для всех объектов e-mail формы можно задать описание поля (вкладка Опции (рисунок ниже)).

Вкладка Опции

Если Вы хотите, чтобы данные, вводимые пользователем, хранились в базе данных (для их последующей обработки), то на вкладке Опции для этого есть два поля Атрибут <имя> и Поле с именем базы данных. Какие ещё опции необходимы для хранения данных, получаемых при помощи форм в базе данных, будет рассмотрено ниже в данной статье.

При рассмотрении остальных объектов формы будут опускаться аналогичные опции, рассмотренные в других объектах.

E-mail адрес. В опциях данного типа поля (рисунок ниже) можно задать настройку Запрашивать подтверждение адреса электронной почты. Это немного затруднит процесс связи с Вами пользователей по средствам формы, но за то Вы получите уверенность в том, что такой адрес почты существует.

E-mail адрес

Область текста (рисунок ниже). Можно задать максимальное количество символов и количество рядов.

Область текста

Дата (рисунок ниже). Можно выбрать формат даты (14 вариантов, например, 29.05.2012, 29-05-2012, вторник 29 мая 2012, и так далее) и вывод значка календаря, для более удобного заполнения данного поля.

Дата

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

Выпадающий список

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

Список

Множественный выбор (рисунок ниже). Похоже на Список, но можно выбрать несколько пунктов. Варианты отображаются в виде полей с возможностью поставить «птичку». Можно задать количество колонок.

Множественный выбор

Единый выбор (рисунок ниже). Варианты отображаются в виде радиокнопок. Можно выбрать только один вариант.

Единый выбор

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

Пароль

Приложенный файл. Позволяет пользователям прикреплять файл. Его размер ограничивается на Вашем хостинге.

Проверочный вопрос (рисунок ниже). Аналог капчи. Можно задать вопрос, ответ на который любой человек точно знает. Это делают для того, чтобы защититься от спама.

Проверочный вопрос

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

Условия лицензионного соглашения

Вкладка Отослать (рисунок ниже). Содержит опции по настройке самого процесса отправки данных из формы.

Вкладка Отослать

Вы можете выбрать одно из трёх действий.

  1. Отправить данные по E-mail.
  2. Отправка данных в базу данных.
  3. Отправка данных в скриптовый файл.

При выборе Отправить данные по E-mail (рисунок выше) данные формы будут отправлены на указанный вами адрес электронной почты. Вы можете задать адрес электронной почты, на который следует отправлять письмо, заголовок письма (очень удобно, так как можно организовать на почте сохранение таких писем в конкретную папку) и текст сообщения. Также можно указать, что данные должны приходить в CSV формате. Это особенно удобно, если Вы затем будете обрабатывать их в редакторе таблиц, например, Microsoft Excel.

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

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

Отправка данных в базу данных

При выборе Отправка данных в скриптовый файл (рисунок ниже) Вы сможете задействовать только опцию Активация анти-спам фильтра «Captcha», все остальные опции по подтверждению отправки данных для пользователя будут не активны. Все данные, которые пользователь будет вносить в форму, будут записываться в заранее созданный Вами файл PHP или ASP.

Отправка данных в скриптовый файл

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

Вкладка Стиль

Можно настроить стиль для четырёх элементов формы.

  1. Ярлыки. Можно настроить Размер, гарнитуру и кегль шрифта, а также задать его начертание, набор символов и его цвет. Можно сменить положение ярлыков (над, внутри или слева от полей), а также их ширину в процентах от общей ширины поля, заданной в свойствах полей.
  2. Поля. Можно сменить цвет для текста, текста в приближении, фона, фона в приближении, рамки, рамки сообщения об ошибке.
  3. Кнопка «Отправить» и «Восстановить». Можно сменить цвет текста, фона, рамки или задать картинку фона. Также Вы можете указать необходимость вывода кнопки «Восстановить» (данная кнопка служит для удаления данных из всех полей).
  4. Поле Описание и Подтверждение. Можно задать значок поля описания, включить опцию Отображать описание в поле, и выбрать одно из трёх действий, которое будет выполняться, если данные введённые пользователем в поле не прошли проверку (Отображать диалоговое окно браузера, Отображать внутренние всплывающие окна, Показывать пометку напротив заполненного поля).

Справа от опций по настройке стиля элементов формы Вам будет доступно окно предварительного просмотра.

Пример формы Вы можете наблюдать на тестовом сайте.

В следующей статье «Обзор Incomedia Website Х5 Evolution 9 (часть 5). Создание веб-сайта» будут рассмотрены оставшиеся объекты программы Incomedia Website Х5 Evolution 9 Список продуктов и HTML и виджеты.

Видео уроки Website X5. Создание сайта с нуляВидео уроки Website X5. Создание сайта с нуля

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

 

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