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

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

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

 

 

Многие программы для создания web-сайтов обладают большим количеством инструментов, позволяющих облегчить процесс сайта. Incomedia WebSite Evolution одна из них. При помощи удобного WYSIWYG интерфейса можно легко создавать сайты визитки, блоги и так далее.

В этой части статьи мы рассмотрим работу Incomedia WebSite X5 Evolution касательно создания страниц и структуры сайта. В предыдущей статье «Обзор Incomedia WebSite X5 v8 Evolution (часть 1). Конструктор сайтов» мы рассматривали возможность Incomedia WebSite Evolution в автоматическом создании карты сайта. Но как же на самом деле указать Incomedia WebSite X5 Evolution, какая у Вас на сайте будет структура? Под структурой я понимаю иерархическое расположение страниц сайта. Для наглядности приведу пример карты сайта Aleksius.com на 21.05.2011 (рисунок ниже).

Карты сайта Aleksius.com

Для создания структуры сайтов, создаваемых при помощи Incomedia WebSite Evolution, в программе предусмотрен целый раздел, который так и называется Создание карты (рисунок ниже).

Создание карты

У данного раздела есть своя панель инструментов (рисунок выше). Она состоит из семи пиктограмм, каждая из которых будет активна\не активна в зависимости от выбранного объекта (Главная страница, Страница, Уровень).

  1. Вырезать.
  2. Копировать.
  3. Вставить.
  4. Скрыть страницу.
  5. Закрыть страницу.
  6. Смена страницы.
  7. Свойства страницы.

Создание страниц и уровней сайта

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

Создание структуры

Ниже на рисунке показан результат создания карты сайта по заданной структуре.

Карта сайта

В Incomedia WebSite X5 Evolution можно просмотреть результат изменений буквально на любом этапе создания сайта. Для этого достаточно нажать кнопку Тест в правой верхней части окна. И перед Вами откроется созданный сайт (или страница сайта). Можно сказать, что в Incomedia WebSite Evolution есть свой собственный встроенный браузер. К сожалению, он не всегда отображает то, что будет видеть пользователь у себя на компьютере.

Как программа для создания сайта Incomedia WebSite X5 Evolution обладает достаточными возможностями по созданию структуры проекта почти любой сложности.

Свойства страниц

Давайте рассмотрим, какие свойства будут доступны для страниц и уровней. Сначала рассмотрим свойства страницы. Они разделены на основные и экспертные (рисунок ниже).

Основные свойства страниц

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

Пример поиска

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

Описание статьи

Ключевые слова помогут поисковым системам немного лучше индексировать Ваш сайт. Обратите особое внимание на поле Имя файла! В него Вы вписываете имя HTML страницы сайта. В большинстве случаев необходимо использовать только буквы английского алфавита без пробелов. Иначе у Вас могут возникнуть проблемы после переноса сайта на хостинг.

В экспертных свойствах страницы (рисунок ниже), Вы сможете задать время обновления контента, его приоритет, формат страницы (html, php, asp, cfm, jsp). Так же возможно указать вставку специального кода для HEAD и BODY (если Вам это нужно).

Экспертные свойства страницы

Параметры Время обновления и Приоритет контента необходимы для поисковых систем. Если Вы не знаете зачем именно они нужны, не стоит их менять. Ниже я приведу фрагмент HTML кода для сгенерированной страницы с изменёнными свойствами.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr"></p> <p><head></p> <p><title>Обзор Siteguard</title></p> <p> </p> <p><!-- Contents --></p> <p><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<meta http-equiv="Content-Language" content="ru" />

<meta http-equiv="last-modified" content="21.05.2011 11:51:09" />

<meta http-equiv="Content-Type-Script" content="text/javascript" />

<meta name="description" content="Siteguard – это бесплатный сервис проверки сайтов на наличие вредоносного кода. Регистрируетесь в Siteguard, в аккаунте добавляете адрес в список и система отслеживает изменение кода." />

<meta name="keywords" content="Обзор Siteguard, Siteguard, вирус на сайте, вирус, вредоносный код, FTP, защита сайта, проверка сайта, вирус на сайте, Norton Safe Web" />

<!-- imCustomHead -->

<meta http-equiv="Expires" content="0" />

<meta name="Resource-Type" content="document" />

<meta name="Distribution" content="global" />

<meta name="Robots" content="index, follow" />

<meta name="Revisit-After" content="21 days" />

<meta name="Rating" content="general" />

<!-- Others -->

<meta name="Author" content="Хорошевский Алексей" />

<meta name="Generator" content="<strong>Incomedia WebSite X5</strong> Evolution 8.0.16 - www.websitex5.com" />

<meta http-equiv="ImageToolbar" content="False" />

<meta name="MSSmartTagsPreventParsing" content="True" />

<link rel="Shortcut Icon" href="/res/favicon.ico" ENGINE="image/x-icon" />

Замете, что имя автора и иконка сайта, которые я вносил в предыдущей статье «Обзор Incomedia WebSite X5 v8 Evolution (часть 1). Конструктор сайтов» так же добавились в код.

Для уровней существует две настройки (рисунок ниже).

  1. Спрятать раскрывающееся меню.
  2. Действие при нажатии.

Настройки уровня

Для действия при нажатии на уровень, также как и для большинства других объектов в Incomedia WebSite Evolution, доступны шестнадцать позиций.

  1. Переход на страницу сайта.
  2. Открытие\загрузка файла.
  3. Всплывающее окно.
  4. Звук.
  5. Написать письмо на адрес электронной почты.
  6. Интернет звонок.
  7. Печать текущей страницы.
  8. Окно с сообщением.
  9. Начать показ слайд шоу.
  10. Добавить в избранное.
  11. Назначить страницей по умолчанию.
  12. RSS лента.
  13. Перейти в блог.
  14. Показать карту сайта.
  15. Показать корзину.
  16. Заказать товар.

Более детально я рассмотрю их в следующих частях обзора Incomedia WebSite X5 Evolution.

Скрытые и закрытые страницы сайта

Incomedia WebSite X5 v8 Evolution позволяет создавать скрытые и закрытые страницы сайта. Под скрытой понимается страница, которая не будет отображаться в меню и карте сайта. Например, в статье «Siteguard - проверить сайт на вирусы может каждый» я привожу статистические данные по количеству найденных системой Siteguard вирусов на сайтах. Допустим, мне надо вынести на отдельную страницу из-за того, что они занимают слишком много места и могут быть не очень интересны всем читателям. Но выводить такую страницу в меню и карту сайта не целесообразно. Поэтому можно создать страницу и сделать её скрытой (рисунок ниже), а ссылку на эту страницу поставить в самой статье.

Скрытие страницы

На рисунке ниже приведён пример того, что скрытая страница не отображается в карте сайта и меню.

Пример скрытой страницы

Закрытая страница сайта ­– это страница, которая доступна только для зарегистрированных пользователей. Можно создавать так называемые закрытые области. И для отдельных закрытых страниц указывать одну или несколько разных или одинаковых областей. Как создавать закрытые области я рассмотрю в дальнейших частях обзора Incomedia WebSite Evolution. На рисунке ниже показано, как помечать страницы как закрытые и как присоединять к закрытым страницам закрытые области.

Закрытие страницы

Так отображается закрытая страница в Incomedia WebSite X5 Evolution при создании сайта (рисунок ниже).

Закрытая страница

При тестировании сайта из Incomedia WebSite X5 v8 Evolution при помощи встроенного в программу браузера у Вас не будет запрашиваться логин и пароль к закрытой части сайта. Но после переноса на сервер Вам необходимо будет это делать.

Анимация при смене страниц сайта

В Incomedia WebSite X5 v8 Evolution (8.0.16) есть возможность назначить анимацию при переходе от одной страницы к другой (при помощи встраивания Java). Анимационные эффекты чем-то напоминают анимацию при смене слайдов в Microsoft PowerPoint. Доступно 23 эффекта (рисунок ниже) с возможностью выставления интервала задержки.

Эффекты анимации

Так же возможно установить опцию случайного применения того или иного эффекта для страницы.

В статье «Обзор Incomedia WebSite X5 v8 Evolution (часть 3). Программа для создания интернет сайта» я продолжу рассмотрение программы для создания web-сайтов Incomedia WebSite X5 Evolution (8.0.16). Будет затронут вопрос наполнения страниц различным контентом, редактор статей, галереи, таблицы, слайд шоу и так далее. Так же мы рассмотрим возможности Incomedia WebSite Evolution по разметке страниц.

 

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

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

 

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