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

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

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

 

 

Incomedia WebSite X5 v8 Evolution – это визуальный инструмент для создания сайтов, блогов и интернет магазинов. С его помощью Вы сможете без знания HTML, CSS, Flash и Java создать за короткий промежуток времени красивый и функциональный сайт. При этом его можно сделать без дополнительного программного обеспечения. Для создания статических сайтов я использую Incomedia WebSite с декабря 2006 года (Incomedia WebSite Evolution X5 v5.0.7). Можно сказать, что это конструктор сайтов у Вас на компьютере. К основным его возможностям, которые будут рассмотрены в этой части статьи, хочу отнести следующие:

  • автоматическое создание карты сайта.
  • Анимированная смена страниц.
  • Возможность ограничения доступа к определённым страницам сайта только для зарегистрированных пользователей.
  • Возможность просмотра сделанного на любом этапе создания сайта.
  • Встроенный поисковый механизм по сайту.
  • Гибкая настройка встроенных шаблонов.
  • Защита HTML кода.
  • Наличие шаблонов для оформления сайта.
  • Поддержка большого количества языков (среди которых украинский, русский, английский польский и другие).
  • Создание вертикальных и горизонтальных многоуровневых меню.
  • Упрощённая работа с инструментами для веб мастеров Google.
  • Упрощённая работа с ключевыми словами для поисковых систем.
  • Хорошая справочная система.

В обзоре участвует последняя на момент написания статьи (17.05.2011) англоязычная версия Incomedia WebSite X5 Evolution (8.0.16). В неё добавлен файл для поддержки русскоязычного контента.

Эта программа для создания сайта HTML обладает следующими системными требованиями.

  • Операционная система Windows 2000/XP/Vista/7 (x32/x64).

Начало работы с Incomedia WebSite X5 v8 – Evolution

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

  • просмотреть пошаговый видео обзор по работе с Incomedia WebSite Evolution X5. В этих 5 коротких видео-роликах показаны основные этапы разработки сайта в Incomedia WebSite Evolution.
  • Открыть галерею сайтов, созданных при помощи Incomedia WebSite Evolution X5. Там же Вы сможете поделиться своей работой (необходима регистрация на сайте). На 17.05.2011 в галереи зарегистрировано 9449 сайтов разделённых на 41 категорию.
  • Открыть галерею шаблонов для Incomedia WebSite Evolution X5 (платные и бесплатные). На 17.05.2011 в галерее находилось 368 шаблонов, разделённых на 21 категорию.
  • Открыть центр справки и поддержки.
  • Перейти на форум. К сожалению, русскоязычная ветка форума отсутствует.
  • Проверить наличие обновлений для Incomedia WebSite X5 Evolution. Это опция доступна только для зарегистрированных пользователей.

Экран приветствия

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

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

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

Обратите внимание, что в Incomedia WebSite X5 Evolution создание сайта тематически разделено на 5 разделов (рисунок ниже).

  1. Основные настройки.
  2. Планирование вебсайта (структура).
  3. Создание страниц.
  4. Расширенные настройки.
  5. Экспорт.

Меню Incomedia WebSite X5 v8 Evolution

Если обратить внимание на верхнее меню Incomedia WebSite Evolution X5 (рисунок выше), там присутствует всего 3 элемента.

1. Меню помощь.

  • Помощь.
  • Перейти на веб сайт.
  • Видео обзор.
  • WebSite X5 галерея.
  • WebSite X5 шаблоны.
  • Форум.
  • Поиск обновлений.
  • О WebSite X5.

2. Сохранение.

  • Сохранить как.
  • Сохранять при каждом тестировании.
  • Создавать резервные копии каждый раз при сохранении.
  • Создавать резервные копии каждый раз при загрузке сайта на сервер.

3. Тест.

  • Тестировать вебсайт.
  • Тестировать только текущую страницу.

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

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

1. Основные.

  • Название сайта.
  • Автор сайта.
  • Адрес сайта.
  • Описание сайта.
  • Ключевые слова сайта.
  • Язык контента.
  • Иконка сайта.

2. Экспертные.

  • HTML код, который будет вставляться автоматически на каждую страницу сайта.
  • Мета-код для инструментов веб мастера Google.
  • Код для отслеживания статистики Вашего сайта.
  • Автоматическое создание карты сайта.
  • Защита HTML кода и изображений на сайте.

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

Тип меню

В Incomedia WebSite X5 v8 Evolution предусмотрено два типа меню.

  1. Горизонтальное.
  2. Вертикальное.

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

Тип меню

Рассмотрим примеры горизонтального (нижняя часть рисунка) и вертикального (верхняя часть рисунка) меню (рисунок ниже).

Вертикальное и горизонтальное меню

Выбор и редактирование шаблона

Шаблоны для оформления сайта в Incomedia WebSite X5 Evolution(8.0.16) разделены на 10 групп.

  1. Абстрактные (15 шаблонов).
  2. Компании (23 шаблона).
  3. Цветные (18 шаблонов).
  4. Геометрические (11 шаблонов).
  5. Дизайн интерьеров (8 шаблонов).
  6. Природа (29 шаблонов).
  7. Панорама (14 шаблонов).
  8. Темы (22 шаблона).
  9. Разные (12 шаблонов).
  10. Анимированные (15 шаблонов). В шапке сайта присутствует flash анимация.

Всего 167 шаблонов. Каждый из шаблонов имеет 4 цветовых решения. Каждое из которых неплохо сбалансированно. Плюс ко всему каждому из шаблонов (кроме анимированных) (при помощи «ползунка») можно задавать свой цвет (рисунок ниже).

Настройка цвета шаблона

Итого, можно сказать, что в Incomedia WebSite X5 Evolution (8.0.16) предустановлено 668 профессионально сбалансированных по цвету шаблонов. Если учесть, что для каждого шаблона можно получить 451 цветовое оформление (включая 4 предустановленных), то количество «разных» по цвету шаблонов в итоге достигает 68612 вариантов (включая 60 цветовых решений анимированных шаблонов).

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

Примеры шаблонов Шаблоны Incomedia WebSite X5 v8 Evolution 8.0.16

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

Области шаблона

Шаблон состоит из пяти основных областей.

  1. Фон.
  2. Заголовок («Шапка»).
  3. Горизонтальное меню.
  4. Контент страницы.
  5. Подвал.

У каждой позиций есть настройки:

1. Фон.

  • Цвет.
  • Изображение (JPG, GIF, PNG).
  • Повтор. Если разрешение экрана больше разрешения изображения, то можно указать способ повтора изображения (не повторять, дублировать по горизонтали, дублировать по вертикали, центрировать).
  • Выравнивание. Всего девять положений.
  • Фиксированный фон.

2. Заголовок («Шапка»).

  • Цвет.
  • Изображение (SWF, JPG, GIF, PNG).
  • Повтор. Если разрешение экрана больше разрешения изображения, то можно указать способ повтора изображения (не повторять, дублировать по горизонтали, дублировать по вертикали, центрировать).
  • Выравнивание. Всего девять положений.
  • Ширина.
  • Высота.

3. Горизонтальное меню.

  • Цвет.
  • Изображение (JPG, GIF, PNG).
  • Повтор. Если разрешение экрана больше разрешения изображения, то можно указать способ повтора изображения (не повторять, дублировать по горизонтали, дублировать по вертикали, центрировать).
  • Позиция меню. Над или под «шапкой» сайта.
  • Отступ справа, слева, сверху.
  • Высота.
  • Ширина. Она зависит от ширины «шапки» сайта.

4. Контент страницы.

  • Цвет.
  • Изображение (JPG, GIF, PNG).
  • Повтор. Если разрешение экрана больше разрешения изображения, то можно указать способ повтора изображения (не повторять, дублировать по горизонтали, дублировать по вертикали, центрировать).
  • Отступ справа, слева, сверху.
  • Ширина. Она зависит от ширины «шапки» сайта.

5. Подвал.

  • Цвет.
  • Изображение (JPG, GIF, PNG).
  • Повтор. Если разрешение экрана больше разрешения изображения, то можно указать способ повтора изображения (не повторять, дублировать по горизонтали, дублировать по вертикали, центрировать).
  • Отступ справа, слева, сверху.
  • Высота.
  • Ширина. Она зависит от ширины «шапки» сайта.

После выбора шаблона (своего или встроенного), Вам будет предложено отредактировать «шапку» сайта (рисунок ниже).

Редактирование

Доступны следующие возможности:

  • работа со «слоями».
  • Вставка текста. Текст можно форматировать.
  • Вставка изображения (JPG, GIF, PNG, PSD, BMP, TIF, DIP, PCX, RLE, TGA, WMF).
  • Применить эффект (например, тень). Доступно восемь эффектов с опциями.
  • Вставка SWF анимация.
  • Вставка слайд шоу. Есть возможность настройки нескольких параметров и применения 75 эффектов к изображениям.
  • Вставка поля поиск.
  • Вставка HTML кода.

Почти на все объекты можно назначить одно из шестнадцати действий при нажатии мыши.

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

Есть возможность отредактировать «подвал» сайта (рисунок ниже). Для него доступны все те же действия, что и для «шапки».

Редактирование

Результат редактирования «шапки» и «подвала» шаблона сайта представлены на рисунке ниже.

Результат редактирования шаблона

В заключении хочу сказать, что несмотря на популярность и «функциональную безграничность» систем управления контентом (например, Joomla, Drupal, Wordpress, 1C-Битрикс и так далее) у Incomedia WebSite X5 Evolution, на мой взгляд, есть ряд преимуществ.

  • Incomedia WebSite X5 v8 Evolution – легче в освоении.
  • Так как сайты, которые создаёт Incomedia WebSite Evolution – статические, то это не требует знания баз данных.
  • Статические сайты, чуть менее уязвимые к атакам хакеров.
  • Статические сайты менее требовательные к хостингу и к его ресурсам.
  • Статические сайты (при прочих равных условиях, как правило) загружаются быстрее.
  • Код сайта, генерируемый Incomedia WebSite X5 Evolution, «проще для понимания». В нём меньше «мусора».

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

Incomedia WebSite Evolution это удобная программа для создания сайта HTML (статического сайта). Безусловно, что для создания, например, сайта знакомств, Вам понадобиться работа с базой данных, но в случае с сайтом визиткой Incomedia WebSite Evolution - хороший выбор.

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

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

 

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