Website Х5 Evolution 9 програма для створення сайту

  1. Нове в Incomedia Website X5 Evolution 9
  2. Стартова сторінка Incomedia Website X5 Evolution 9
  3. Загальні налаштування
  4. вибір шаблону
  5. Редагування графічного шаблону
  6. Схожі матеріали

У попередньому циклі статей «Огляд Incomedia website x5 v8 Evolution (частина 1 , 2 , 3 , 4 , 5 ) »Була розглянута краща програма для створення сайту (або одна з кращих). В даному циклі ми розглянемо дев'яту версію Incomedia Website Х5 Evolution.

Для тих, хто не знайомий з програмою WebSite X5, потрібно сказати, що це багатофункціональний візуальний конструктор сайтів. За допомогою нього можна самостійно створити сайт візитку, блог, сайт фірми і навіть інтернет магазин. Є можливість створення багатомовних сайтів. До основних особливостей Incomedia Website Evolution 9 віднесемо наступні:

  • Простий і зручний інтерфейс.
  • Підтримка створення сайтів російською мовою, російськомовна довідка та інтерфейс.
  • Зручний менеджер по роботі з декількома проектами.
  • Розширені можливості по SEO оптимізації сайту.
  • Велика кількість шаблонів оформлення.
  • Зручний редактор шаблонів.
  • Продуманий інструмент для створення структури сайту.
  • Можливість створення RSS стрічки.
  • Можливість створення закритих областей сайту для зареєстрованих користувачів.
  • Зручний FTP клієнт.
  • Хороша технічна підтримка.
  • Постійні оновлення і поліпшення програми.
  • Адекватна ціна програми.
  • І багато іншого.

В огляді буде брати участь остання, на момент написання статті (17.05.2012), стабільна російськомовна версія Incomedia Website Х5 Evolution 9.0.12.1873. Ті інструменти, настройки та функціональні можливості, що були розглянуті в попередньому циклі статей «Огляд Incomedia Website X5 9 Free (частина 1 , 2 , 3 ) "Не будуть розглядатися.

Існує кілька версій Incomedia Website X5. Вони відрізняються по функціональності. У циклі статей «Огляд Incomedia Website X5 9 Free» розглянута безкоштовна програма для створення сайту HTML - WebSite X5 9 Free. Це сама обмежена по функціональності версія. Вона підійде для створення «домашньої сторінки» і для загального ознайомлення з можливостями Incomedia Website X5. Для створення більш складних сайтів рекомендую звернути свою увагу на одну з платних версій програми.

  • Incomedia Website X5 9 Smart.
  • Incomedia Website X5 9 Compact.
  • Incomedia Website X5 9 Evolution.

Відзначимо, що Incomedia Website X5 9 Evolution не тільки підтримує створення сайтів російською мовою, але і володіє повністю російськомовним інтерфейсом і російськомовної довідкової системою.

Більш детально про різницю у версіях і їх вартості Ви можете прочитати на офіційному російськомовному сайті Incomedia.

Нове в Incomedia Website X5 Evolution 9

Відзначимо деякі нововведення і поліпшення в 9-й версії в порівнянні з 8-ї, які роблять Incomedia Website Evolution 9 ще більш зручною і функціональною по відношенню до її попередниці (8-й версії), і дають можливість називатися «найкраща програма для створення сайту ».

  • Вікно програми тепер можна розгорнути на весь екран.
  • Програма тепер має більш розширеними настройками по збереженню проектів.
  • Спрощена процедура попереднього перегляду змін, внесених до проекту у вбудованому браузері.
  • Оновлена ​​галерея шаблонів сайту.
  • Покращений графічний редактор шаблонів.
  • Вдосконалений інструмент зі створення структури сайту.
  • Можливість створення сторінки без шаблону.
  • Перероблений і вдосконалений об'єкт Галерея.
  • Покращений інструмент створення блогів.
  • Покращені можливості по створенню інтернет магазину.
  • Покращений інструмент стилів.
  • Додана підтримка соціальних закладок за допомогою сервісу Addthis.com (детальніше про можливості даного сервісу Ви можете прочитати в статті « Огляд AddThis. Соціальні кнопки Joomla »).
  • Покращений FTP клієнт з підтримкою FTTPS і Gzip стисненням.
  • Підтримка технологій HTML5 і CSS 2.1 / 3.
  • Вбудована бібліотека JavaScript jQuery.
  • Генеруються сторінки мають кодування UTF8.
  • Інтеграція з Google Webmaster Central і Google Analytics.
  • І багато іншого.

Стартова сторінка Incomedia Website X5 Evolution 9

Стартова сторінка Incomedia Website X5 Evolution 9 (рисунок нижче) незначно відрізняється від стартової сторінки безкоштовної версії програми. За винятком того, що на ній Ви не пропонують купити Evolution версію, а перейти до перегляду відео уроків.

Налаштування (переваги) Incomedia Website X5 9 (рисунок нижче) допоможуть Вам налаштувати параметри збереження проекту і перегляду внесених до нього змін.

Також Ви зможете вибрати тип скриптів для E-mail форми. Міняти цю опцію слід тільки в тому випадку, якщо настройки за замовчуванням не працюють на Вашому хостингу (якщо виникли проблеми з відправкою пошти або кошиком товарів на сайті).

  1. Стандартний скрипт.
  2. Серверний скрипт низької якості.
  3. Низькорівневий скрипт.

Для настройки є два види подання даних для E-mail форми.

  1. Надіслати як POST.
  2. Надіслати як GET.

Для відправки листів краще використовувати метод POST. Але якщо у Вас виникли проблеми на хостингу, то спробуйте застосувати GET метод.

Для ознайомлення з іншими можливостями з налаштування Incomedia Website X5 Evolution 9, ознайомтеся з цим розділом .

Після того, як Ви внесете необхідні настройки, можна перейти далі до створення нового або вибору існуючого проекту (рисунок нижче).

Дане вікно має всі інструменти, що і аналогічне вікно безкоштовної версії. Меню Допомога містить ті ж посилання. Але Evolution версія має можливість імпорту (малюнок нижче) проекту.

Це дуже зручно, якщо Ви хочете, наприклад, продовжити роботу з раніше створеним проектом. Крім просто імпорту даних Ви зможете зібрати всі файли проекту, які розташовані в різних місцях Вашого комп'ютера в одну папку.

Ми створимо новий проект «Сайт Aleksius» і будемо розглядати можливості Incomedia Website X5 Evolution 9 на його прикладі.

Загальні налаштування

Сторінка Загальні настройки (малюнок нижче) розділена на дві вкладки:

  1. Загальні.
  2. Додаткові.

Додаткові

Вкладка Загальні (малюнок вище) детально розглянута в Цей розділ .

Розглянемо вкладку Додаткові (малюнок нижче).

  • Введіть код для настройки заголовка Вашого Вебсайту. В даному полі Ви можете ввести довільний HTML код для вставки його на всі сторінки сайту. Це може знадобитися для більш тонкої настройки сайту
  • Мета тег для розпізнавання в Google Webmaster Central. Якщо Ви використовуєте сервіс Google для веб-майстрів, то в даному полі можна ввести код для підтвердження прав власника сайту і підключення його до сервісу. Рекомендую завести аккаунт в цій системі і підключити до неї сайт.
  • Код для статистики Вебсайту. Дозволяє вставити лічильник Google Analytics для отримання розширеної статистики по відвідувань і використання Вашого сайту користувачами. Рекомендую завести аккаунт в системі Google Analytics і підключити до нього Ваш сайт.
  • Автоматично створити карту сайту. Дозволяє автоматично генерувати карту вашого сайту. Вона допоможе уявити структуру сайту для користувача в зручному деревоподібному вигляді, а також прискорить індексування сайту пошуковими системами. Рекомендую використовувати дану опцію.
  • Активувати захист HTML коду. Дана опція заблокує натискання правою кнопкою миші на сторінці Вашого сайту. Це трохи ускладнить копіювання вмісту сторінки користувачами.

вибір шаблону

В Incomedia Website X5 Evolution 9 Ви зможете скористатися вбудованим шаблоном або створити новий шаблон (малюнок нижче).

Вбудовані шаблони розділені на 16 категорій.

  1. Тварини. 9 шаблонів.
  2. Короткий огляд. 15 шаблонів.
  3. Артистичний. 13 шаблонів.
  4. Бізнес. 14 шаблонів.
  5. Квіти. 14 шаблонів.
  6. Їжа і ресторани. 7 шаблонів.
  7. Дозвілля. 13 шаблонів.
  8. Внутрішній дизайн. 11 шаблонів.
  9. Природа. 14 шаблонів.
  10. Школа та освіта. 12 шаблонів.
  11. Фотоальбом. 9 шаблонів.
  12. Лінії і кольору. 14 шаблонів.
  13. Спорт. 13 шаблонів.
  14. Технології. 9 шаблонів.
  15. Подорожі. 14 шаблонів.
  16. Різне. 7 шаблонів.

У кожного з шаблонів є 4 стилю. Разом Вам доступно 752 різних шаблону. Плюс у кожного стилю може бути 2 типу меню (горизонтальне і вертикальне). Більш того, кожен із стилів може мати близько 40 відтінків кольору. Що в підсумку дає 60160 варіантів оформлення сайту (з урахуванням меню і колірних відтінків).

Розглянемо кілька варіантів шаблонів з різних категорій (рисунок нижче).

Розглянемо кілька варіантів шаблонів з різних категорій (рисунок нижче)

Тепер розглянемо варіант створення власного шаблону з горизонтальним меню (рисунок нижче). У прикладі буде створено шаблон, що нагадує шаблон сайту Aleksius.com.

com

  • Тип меню. Ви можете вибрати вертикальне чи горизонтальне меню для шаблону, причому горизонтальне може розташовуватися над або під верхнім колонтитулом (шапкою сайту).
  • Розділ сторінки. Містить список всіх областей сторінки, які складають шаблон сайту. А саме: Фон сторінки, Верхній колонтитул, Меню, Зміст сторінки, Нижній колонтитул, Фон нижнього колонтитула.

Кожен з цих елементів володіє наступними опціями: Колір (можливе використання прозорості), Файл (можливо задати графічний файл (JPG, GIF, PNG) для його використання в шаблоні сайту), Повторення, Вирівнювання (вирівнювання зображення (Зверху-Ліворуч, Зверху, Зверху -праворуч, По центру-Зліва, По центру, По центру-праворуч, Знизу-Зліва, Знизу, Знизу праворуч)). Параметр Повторення дає можливість дублювання зображення різними способами (Без повторення, Повторення по горизонталі, Повторення по вертикалі, Черепичне зображення, По ширині вікна). Наприклад, в тестовому сайті фон сторінки заданий одним зображенням 50х768 пікселів (малюнок нижче). Але в опції Повторення заданий параметр Повторення по горизонталі. Це дає декілька переваг: фон буде виглядати однаково на екранах з роздільною здатністю 1024х768 і на екранах з роздільною здатністю 1920х1080, зображення не обрізається і не втрачає своїх пропорцій, фон сторінки завжди відображається на все вікно браузера, файл малюнка займає за обсягом (в Кб) незрівнянно менший розмір, ніж наприклад файл з розширенням 1920х1080.

Крім загальних налаштувань різні розділи сторінок мають свої власні настройки.

Фон сторінки. Може бути фіксованим (як в прикладі ), Йому можна задати ширину кордонів в пікселях (для заголовка і нижній частині сторінки). Це не дасть верхньому і нижньому колонтитулів «прилипнути» до верхнього і нижнього країв вікна браузера.

Верхній колонтитул. Можна задати ширину і висоту в пікселях. Дуже зручно, так як Ви зможете зробити зображення для заголовка необхідного Вам розміру.

Меню. Можна задати його висоту (ширина залежить від ширини заголовка) і внутрішні кордони (відступи в пікселях. Тема, Нижня частина сторінки, Зліва, Справа)

Зміст сторінки. Можна задати внутрішні кордони (відступи в пікселях. Тема, Нижня частина сторінки, Зліва, Справа).

Нижній колонтитул. Можна задати його висоту.

на тестовому сайті Ви можете побачити приклад створеного шаблону не з колекції шаблонів.

Програма для створення сайту HTML Incomedia Website X5 Evolution 9 дозволяє відредагувати верхній і нижній колонтитул шаблону сайту. Давайте розглянемо ці можливості більш детально.

Редагування графічного шаблону

Редактор графічних шаблонів (малюнок нижче) розділений на дві вкладки «Верхній колонтитул» і «Нижній колонтитул».

Деякі з інструментів редактора шаблонів були розглянуті в статті « Огляд Incomedia WebSite X5 9 Free (частина 1). Зробити безкоштовний сайт ». Але в Incomedia Website X5 Evolution 9 їх набагато більше.

  • Зробити посилання на цей об'єкт. Дозволяє призначити певну дію при натисканні на об'єкт (детальніше буде розглянуто нижче). В прикладі Ви можете натиснути на логотип сайту і перейти на стартову сторінку сайту Aleksius.com.
  • Вставити Flash анімацію. Дозволяє вставити файл формату SWF.
  • Вставити Слайдшоу. Дозволяє вставити об'єкт Слайдшоу в колонтитул.

Давайте розглянемо об'єкт Слайдшоу (малюнок нижче) більш детально.

Ви можете додати файли наступних графічних форматів в якості зображень слайд шоу: JPG, GIF, PNG, PSD, BMP, TIF, DIB, PCX, RLE, TGA, WMF. Можна виставити порядок їх показу (або вказати випадковий порядок), задати опцію автоматичного відтворення, задати анімаційний ефект зміни зображення, ефект для самих зображень (Розмиття, Нахил і так далі) і навіть призначити дію після натискання на кожен малюнок (наприклад, перехід на певну сторінку ).

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

Також можна задати випадкове застосування ефекту, можна задати час відображення ефекту

На вкладці Збільшення і положення (малюнок нижче) Ви можете трохи відредагувати анімовані об'єкти, задавши необхідні настройки збільшення (до 400%) і позиціонування (по координатам X і Y).

На вкладці Збільшення і положення (малюнок нижче) Ви можете трохи відредагувати анімовані об'єкти, задавши необхідні настройки збільшення (до 400%) і позиціонування (по координатам X і Y)

Вкладка Сторінка дозволить Вам вказати для кожної картинки окремо, на якій сторінці сайту вона повинна відображатися, а на який ні.

  • Вставити HTML код. Дозволяє вставити довільний HTML код. В прикладі , В нижньому колонтитулі Ви можете бачити напис «Копіюючи матеріали, робіть посилання на сайт Aleksius.com. Дотримуйтесь правил поведінки на сайті. ». При натисканні на слова «правила поведінки на сайті» Ви перейдете на сторінку з правилами поведінки на сайті Aleksius.com. Це зроблено саме за допомогою вставки HTML коду.

<P style = "text-align: center;"> Копіюючи матеріали, робіть посилання на сайт Aleksius.com <br /> Дотримуйтесь <a href = "https://aleksius.com/about-site/behaviour-rules-on -a-site "> правила поведінки на сайті </a>. </ p>

  • Вставити поле Пошук. Дозволяє вставити форму пошуку по сайту. Приклад такої форми Ви можете бачити на тестовому сайті в нижньому колонтитулі. Нижче показані налаштування поля. Можна змінити підпис кнопки Пошук, задати різне накреслення, гарнітуру і розмір шрифту і замінити колір для тексту кнопки, тексту поля, фону кнопки і поля. Його роботу Ви зможете перевірити тільки після перенесення сайту на хостинг .

Його роботу Ви зможете перевірити тільки після перенесення сайту на   хостинг

Давайте розглянемо, які в Incomedia WebsiteX5 Evolution 9 доступні ефекти для зображень, які ще не були розглянуті в статті « Огляд Incomedia WebSite X5 9 Free (частина 1). Зробити безкоштовний сайт ».

  • Скіс. Доступні опції Глибина, Дифузія, Кут.
  • Непрозорість. Доступна опція непрозорості.
  • Розмивання. Доступна опція Дифузія.
  • Хвиля. Доступні опції Дифузія, Частота.
  • Перспектива. Доступні опції зміни перспективи по горизонталі і вертикалі.
  • Нахил. Доступні опції зміни нахилу по горизонталі і вертикалі.

Вкладка Нижній колонтитул (малюнок нижче) містить всі ті ж інструменти, що і вкладка Верхній колонтитул.

У статті " Огляд Incomedia WebSite X5 9 Free (частина 2). Безкоштовна програма для створення сайту »Були розглянуті різні дії, доступні для призначення після натискання на об'єкт. У цій статті Вище ми згадали інструмент Зробити посилання на цей об'єкт. Давайте розглянемо більш детально ті дії, які доступні в Incomedia Website X5 Evolution 9 і не були висвітлені в огляді Incomedia Website X5 Free 9.

  • Файл або URL з ShowBox. Ви можете задати відкриття файлу або іншого сайту у спливаючому вікні. При цьому Вам будуть доступні опції ширини і висоти спливаючого вікна і поля для заголовка вікна (рисунок нижче). Реалізацію даного дії можна спостерігати на тестовому сайті .

Реалізацію даного дії можна спостерігати на   тестовому сайті

  • Галерея ShowBox. За допомогою даного дії Ви зможете відкрити спливаюче вікно, в якому можна буде переглянути кілька зображень. Ви можете змінити порядок їх проходження і задати максимальну ширину і висоту вікна (рисунок нижче). Реалізацію даного дії можна спостерігати на тестовому сайті .

Реалізацію даного дії можна спостерігати на   тестовому сайті

  • Звук. Ви можете прикріпити звуковий файл в якості дії після натискання на об'єкт. В наявності є таке формати: MOV, MP3, WMA, WAV, MID, AIF, M4A.
  • Стрічка RSS. Можна задати показ (підписку) RSS стрічки сайту. Як її налаштувати буде розглянуто в наступних частинах огляду Incomedia Website X5 Evolution 9 .
  • Блог. Дана дія (малюнок нижче) дозволить Вам відобразити блог веб-сайті (в новому або в тому ж вікні).

Дана дія (малюнок нижче) дозволить Вам відобразити блог веб-сайті (в новому або в тому ж вікні)

  • Карта сайту. Відкриває сторінку з картою сайту. Реалізацію даного дії можна спостерігати на тестовому сайті .
  • Переглянь кошика. Відображає вміст кошика покупця. Як налаштувати кошик, буде розглянуто в наступних частинах огляду Incomedia Website X5 Evolution 9 .
  • Додати в кошик. За допомогою даної дії можна задати додавання товару в корзину після натискання на певний об'єкт на сайті. Ви зможете вибрати в якості дії показ списку продуктів обраної категорії або додавання продукту прямо в корзину (також можна задати кількість додаються одиниць товару) (малюнок нижче). Детальніше про засоби електронної комерції, доступних в Incomedia Website X5 Evolution 9, буде розказано в наступних статтях.

Детальніше про засоби електронної комерції, доступних в Incomedia Website X5 Evolution 9, буде розказано в наступних статтях

На мій погляд, Incomedia Website Evolution 9 - найкраща програма для створення сайту не тільки тому, що вона має досить великими функціональними можливостями, а ще й тому, що весь її інтерфейс схожий на «цех» з виробництва сайтів. Він розділений на 5 частин:

  1. Загальні налаштування.
  2. Створення карти сайту .
  3. створення сторінок .
  4. просунуті налаштування .
  5. експорт .

По завершенні всіх п'яти етапів у Вас може вийти сайт професійного рівня без залучення дорогих фахівців. Завдяки такому підходу, програма для створення сайту HTML (статичного сайту) спрощує процес проектування веб-ресурсу.

У цій статті ми розглянули перший крок створення сайту - Загальні настройки. Наступний крок - створення карти сайту. В ході його розгляду, в статті « Огляд Incomedia Website Х5 Evolution 9 (частина 2). Програма для створення сайту », Буде створена структура майбутнього проекту.

Схожі матеріали

Корисні посилання: