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

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

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

 

 

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

Расширенные настройки

Блог

Если Вы собираетесь вести свой блог, или на сайт фирмы надо привлечь больше посетителей из поиска, то в этом Вам поможет инструмент Блог (рисунок ниже). Вы можете посмотреть видео урок на данную тему.

Пошаговое создание сайта

Пошаговое создание сайта в Incomedia WebSite X5 Evolution 10 предполагает общую настройку сайта, выбор или редактирование шаблона, разработку структуры сайта, создание и наполнение страниц. Блог является дополнением к основному сайту. Его настройки разделены на три вкладки.

  1. Записи.
  2. Макет.
  3. Комментарии.

На вкладке Записи (рисунок выше) Вы настраиваете основные параметры блога и создаёте записи в нём.

  • Заголовок. Заголовок блога, который будет отображаться в верхней части браузера.
  • Описание. Описание блога, которое будет помещено в тег description. Если описание для блога не будет задано, то будет использоваться описание всего сайта. Детальнее об этом Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Free 10 (часть 2). Программа конструктор сайтов».
  • Создать ленту RSS, включающую содержимое блога. Данная опция активирует автоматическое создание RSS ленты блога. Сама лента доступна по адресу «http://aleksius.com/blog/x5feed.xml», где «aleksius.com»- доменное имя Вашего сайта.

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

Incomedia WebSite X5 Evolution 10

В Incomedia WebSite X5 Evolution 10 настройки записи блога разделены на две вкладки.

  1. Основной.
  2. Эксперт.

На вкладке Основной (рисунок выше), помимо такстового редактора есть ещё несколько полей, которые помогут Вам настроить запись и сам блог.

  • Заголовок. Заголовок записи блога, который будет отображаться на странице с перечнем записей. Пример Вы можете увидеть на тестовом сайте.
  • Дата публикации. Дата публикации записи блога.
  • Категория. Категория, к которой относится запись. В дальнейшем Вы сможете выводить блок с перечнем категорий блога.
  • Автор. Автор записи в блоге. Выводится под заголовком статьи.
  • Теги. Метки записи. Что-то на подобие ключевых слов, но отображаются под заголовком статьи блога. При нажатии на тот или иной тег перед пользователем будет открываться страница со всеми статьями (если их несколько) по данному тегу. Также можно будет выводить блок облака тегов.
  • Заголовок. Это вступительный текст (краткое описание записи) на странице «перечня» записей. Под страницей «перечня» записей я понимаю страницу, на которой перечислены все записи блога с возможностью детальнее ознакомиться с их полным тестом. Пример – страница категории «Incomedia Website X5» моего сайта.

На второй вкладке Эксперт (рисунок ниже) собраны дополнительные свойства записи блога.

Website X5

Website X5 позволяет добавить «вступительное» видео или аудио, выбрать плеер с которым будет отображаться под заголовком перед самим текстом записи. Источники для записи – это своего рода список ссылок на полезные сайты или ссылка на источник, с которого была взята статья. Вводится в формате «Aleksius.com <http://aleksius.com>» (без кавычек). Где «Aleksius.com» пояснительная надпись, например, название самого ресурса, а «<http://aleksius.com>» - ссылка на сам ресурс. На сайте под записью блога все такие ссылки выводятся под надписью: «Посмотреть исходный код:», что, скорее всего, не очень удачно переведено. Но Вы можете исправить перевод самостоятельно. При помощи чего это можно сделать, было рассмотрено в статье «Обзор Incomedia WebSite X5 Free 10 (часть 2). Программа конструктор сайтов».

Incomedia WebSite X5 Evolution 10 позволяет Вам организовать комментарии к статьям блога, об этом немного далее, а опция Не разрешать посетителям оставлять комментарии позволит отключить комментирование для конкретной статьи.

Создание WEB сайтов

Создание WEB сайтов - это не только работа с контентом, но и оформление страниц. Именно для этого служит вкладка Макет (рисунок выше). При помощи неё можно размещать на страницах блога блоки и добавить кнопки социальных сетей в записи блога.

  • Режим просмотра сообщений. Incomedia WebSite X5 Evolution 10 позволяет Вам указать, как именно надо отображать записи блога в «перечне» записей. Первое развернуть, остальные свернуть, Развернуть всё, Свернуть всё.
  • Показывать кнопку ‘Добавить’, чтобы рассказать о Вашем сайте в социальных сетях. Позволяет разместить кнопки социальных сетей в записях блога.
  • Тип кнопки. Можно выбрать один из семи наборов кнопок социальных закладок (рисунок ниже). Подробнее о кнопках социальных закладок Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 5). Создание веб сайтов».
  • Учётная запись сайта AddThis. Для получения подробной статистики о том, как посетители используют кнопки социальных сетей на Вашем сайте, Вы можете зарегистрироваться на сайте AddThis. Подробнее читайте в статье «Обзор AddThis. Социальные кнопки Joomla».

Тип кнопки

Далее в окне Website Evolution идёт таблица с боковыми блоками. Вы можете добавлять разные типы блоков.

  1. Недавние записи.
  2. Категории.
  3. Записи за месяц.
  4. Облака.
  5. Друзья.
  6. Facebook.
  7. Реклама Google AdSense.
  8. HTML-код.

У каждого из блоков есть свои настройки. Некоторые из них повторяются от типа к типу. Не будем их рассматривать повторно.

Недавние записи (рисунок ниже). Вы можете отобразить список из самых последних записей блога. Опция Максимальное количество элементов позволяет задать, сколько всего будет ссылок на последние записи в блоге. Заголовок – текст, который появляется над записями блока. Ширина – ширина блока в пикселях. Пример данного блока Вы можете увидеть на тестовом сайте.

Недавние записи

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

Категории

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

Записи за месяц

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

Облака

Друзья (рисунок ниже). Выводит список сайтов-партнёров. Каждая ссылка задаётся в формате «Aleksius.com <http://aleksius.com>» (без кавычек). Где «Aleksius.com» пояснительная надпись, например, название самого ресурса, а «<http://aleksius.com>» - ссылка на сам ресурс. При помощи кнопок Вверх и Вниз можно менять порядок следования ссылок.

Друзья

Facebook (рисунок ниже). Блок, который отображает «заинтересованность» Вашим сайтом пользователями в социальной сети Facebook.

  • Ссылка на Facebook – URL адрес страницы Вашей группы в Facebook.
  • Цвет фона – цвет фона области виджета Facebook.
  • Доступно: Светлый, Тёмный. Не путайте с цветом блока. Об этом немного ниже. Высота – высота блока в пикселях.
  • Показать фото друзей. Отображает фотографии людей, которые присоединились к Вам на Facebook.
  • Показать последние записи. Отображает Ваши последние записи в Facebook.
  • Показать визитку из Facebook. Отображает краткие сведения о Вашем профиле в Facebook.

Facebook

Реклама Google AdSense (рисунок ниже). Данный блок позволяет размещать рекламные сообщения сети Google AdSense.

Реклама Google AdSense

Реклама HTML-код (рисунок ниже). Данный блок позволяет размещать произвольный HTML код.

HTML код

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

Website Evolution

Website Evolution позволяет не только комментировать записи, но и голосовать за них.

  • Разрешить посетителям вашего блога оставлять комментарии. Активирует систему комментариев записей блога.
  • Тип контента. Вы можете выбрать, могут ли посетители блога комментировать и голосовать за записи (опция Комментарии и голосование), только комментировать их (опция Комментарий) или только выставлять рейтинг (опция Оценка).

Выбрав опцию Комментарии и голосование, Вам будут доступны следующие настройки.

  • Режим просмотра. Создание WEB сайтов не заканчивается на этапе его экспорта в сеть. За сайтом необходимо следить. Одним из таких моментов являются комментарии. Вы можете задать опцию Показывать новые комментарии сразу или Отображать комментарии после одобрения администратором. И в том, и в другом случае рекомендую постоянно читать новые комментарии и, при необходимости, их удалять.
  • Порядок просмотра. Вы можете выбрать, где должны располагаться новые комментарии: Показывать последние комментарии наверху или Показывать последние комментарии внизу. Из собственного опыта знаю, что первый вариант более удобный для пользователей. Второй – более логичный. Так что пока Incomedia WebSite X5 Evolution 10 не обзаведётся комментариями на подобие  Facebook или ВКонтакте, лучше- первый вариант. Так пользователи быстрее видят всё новое, в случае, если комментариев много.
  • Показывать кнопку ‘Нецензурное’. При нажатии на эту кнопку, пользователи смогут отправить сообщение администратору о том, что на сайте есть нецензурные комментарии.
  • Включить антиспам фильтр ‘Captcha. Для защиты от спама на сайте (оставляемого роботами) можно активировать использование капчи.
  • Тип голосования. Website X5 Evolution позволяет Вам выбрать один из десяти стилей маркеров (звёзд) для голосования (рисунок ниже).

Стиль

Выбрав в настройке Тип контента опцию Комментарий, Вам будут доступны все настройки кроме Тип голосования. Выбрав в настройке Тип контента опцию Оценка, Вам будет доступна только опция Тип голосования.

Папка сохранения данных на сервере. Incomedia WebSite X5 Evolution 10 хранит комментарии не в базе данных, как например Joomla и Ccomment или RScomments, а в файле на сервере. В данной опции Вы указываете путь к папке, в которой будут храниться подобные файлы. Обратите внимание на то, что данная папка и файлы в ней должны быть доступны на запись.

Отправить по электронной почте уведомление о получении комментария. Активация данной опции включит механизм отправки уведомлений о новых комментариях администратору сайта.

Адрес электронной почты пользователя. E-mail адрес администратора сайта, на который будет отправлено уведомление о новом комментарии.

В новой версии программы появилась возможность трансляции записей блога на мобильные устройства посетителей. Подробнее об этом Вы сможете прочесть в статье «Обзор Incomedia WebSite X5 Professional 10 (часть 1). Создание статического сайта».

Лента RSS

Пошаговое создание сайта в Incomedia WebSite X5 Evolution 10 построено таким образом, что после заполнения страниц содержимым Вы можете оповестить Ваших подписчиков о новых статьях по RSS каналу. Именно для этого предназначен раздел Лента RSS (рисунок ниже).

Website X5 Evolution

Website X5 Evolution позволяет Вам задать заголовок RSS ленты, картинку формата JPG, JPEG, GIF, PNG и описание. Всё это важные атрибуты, которые помогут выделить Вашу RRS ленту в списке других лент у пользователя в специальном программном обеспечении для чтения RSS потоков. В списке записей Вы можете создавать, удалять и редактировать те записи, которые будут отображены пользователями в RSS ленте Вашего сайта.

Incomedia

Incomedia позаботилась о том, чтобы максимально упростить процесс создания сообщений (рисунок выше). Вам достаточно ввести заголовок записи, указать дату и время её создания и оформить саму запись. При создании или редактировании записи Вам будет доступен уже знакомый, но несколько урезанный, текстовый редактор. Детальнее о нём Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 4). Самостоятельное создание сайта». Опция Связанная страница позволяет выбрать страницу сайта, на которую пользователь перейдёт из RSS потока для прочтения полной версии статьи.

Управление данными

В статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 5). Создание веб сайтов» мы уже затрагивали тему того, что можно хранить отправляемые пользователями данные в базе данных. Инструмент Управление данными (рисунок ниже) позволяет настроить взаимодействие сайта и базы данных.

Incomedia Website

Incomedia Website не создаёт базы данных. Для создания базы данных Вам необходимо воспользоваться доступным для этих целей на Вашем хостинге специализированном программном обеспечении. Например, phpMyAdmin или аналогичным.

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

Настройка базы данных

  • Описание. Данное поле служит исключительно для Вас, чтобы можно было понять, для чего предназначена та или иная база данных.
  • Имя хоста. Как правило, это «localhost» (без кавычек). Это имя (или адрес) сервера, на котором расположена Ваша база данных. Значение данного поля Вы можете уточнить на сайте или в службе технической поддержки Вашего хостинг-провайдера.
  • Имя базы данных. Имя базы данных, которое Вы присваивали ей при её создании. Значение данного поля Вы можете уточнить в панели управления Вашим хостинг-аккаунтом или в phpMyAdmin (или в другом аналогичном программном средстве).
  • Имя пользователя. Логин пользователя, который имеет доступ к базе данных. Значение данного поля Вы можете уточнить в панели управления Вашим хостинг-аккаунтом.
  • Пароль. Пароль доступа к базе данных. Это значение указывается при создании базы данных. Если Вы забыли его, то можно указать новый при помощи  панели управления Вашим хостинг- аккаунтом или в phpMyAdmin (или в другом аналогичном программном средстве).

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

В спадающем списке Скрипт для отправки e-mail Вы можете выбрать одну из трёх опций:

  1. Стандартный сценарий (рекомендуется).
  2. Сервер низкого качества.
  3. Скрипт низкого уровня.

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

  1. Отправить как POST. По умолчанию используется данный метод.
  2. Отправить как GET.

В строке Папка на сервере с правами на запись Вы должны указать «служебную» директорию, в которую могут быть записаны PHP скрипты. Эта папка должна быть доступна на запись.

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

В WebSite X5 12 появилась возможность отправки писем через защищённый протокол SMTP.

Создание WEB сайтов не заканчивается на данном этапе. В следующей статье «Обзор WebSite Evolution 10 (часть 9). Создание сайта своими руками» мы поговорим об управлении доступом, средствах электронной коммерции и возможностях программы по экспорту проекта.

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

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

 

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