Версія програми – Incomedia Website X5 12. Ви можете використовувати ці відеоуроки з іншими версіями програми, але через зміни у програмі можуть виникнути серйозні невідповідності з уроками.

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

• Мова курсу - російська.
• Версія програми - Incomedia Website X5 Evolution і Professional 12 (російською мовою).
• Тип основної інформації - відео уроки.
• Кількість відео уроків - 30 (приблизно, по 8-10 хвилин кожен). Загальна тривалість 5 годин 23 хвилини.
• Дозвіл відео - 1280х720 пікселів.
• Відео в форматі - MP4.
• Оболонка протестована в Windows XP-10 (виконуваний файл - EXE).

На додаток до уроків додаються тестові матеріали для створення демонстраційного сайту, проект демонстраційного сайту і посилання на додаткові джерела.

Деякі відео уроки доповнені теоретичним матеріалом.

Розглянуто питання від «проектування» до покупки хостингу \ домену і вивантаження готового сайту в інтернет. Основна мета курсу - навчити роботі з інструментами програми. Питання дизайну, зручності використання сайтів, їх прибутковість і т.д. не розглядалися.

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

Оболонка курсу містить покажчик для переходу до уроків, в яких розглянуті певні об'єкти, розділи і інструменти Website X5 (аналог предметного покажчика в книгах).

У наступному курсі «Відео уроки Website X5. Розширені можливості» будуть розглянуті нововведення 13-ї версії, розширення функціональності сайту за рахунок зовнішніх сервісів і віджетів. Також буде розглянуто низку питань щодо комплексної роботи над сайтом.

Урок 1. Підготовчий етап (+ теорія)

• «Проектування» сайту: цілі та завдання створення сайту, цільова аудиторія, домен, хостинг і так далі.

Урок 2. Локальний сервер і загальні настройки WebSite X5

• Установка локального сервера Open server і загальні настройки програми WebSite X5 Evolution.
• Підключення нестандартних шрифтів і шрифтів Google Fonts.

Урок 3. Створення та налагодження проекту сайту

• Загальні настройки проекту сайту.
• Налаштування мови контенту і активація адаптивного дизайну.

Урок 4. Робота з шаблонами (дизайн)

• Вибір шаблону з бібліотеки.
• Імпорт \ експорт файлу шаблону.
• Створення нового шаблону (дизайну) сайту з нуля.

Урок 5. Робота з шаблоном - стиль шаблону

• Налаштування стилю (дизайну) головного меню сайту і того, який розкривається
• Налаштування зовнішнього вигляду шрифтів, заголовків, посилань, кнопок, полів, нижнього меню та інших елементів дизайну.
• Створення сторінок і ієрархії меню сайту.

Урок 6. Шапка і підвал шаблону

• Розміщення елементів у шапці і підвалі сайту.
• Додавання довільного HTML-коду, посилання після натискання на логотип, слайд-шоу і кнопок соціальних мереж у шапці.

Урок 7. Створення карти сайту (+ теорія)

• Створення структури сайту (карти, меню).
• Налаштування властивостей сторінки (мета-дані).
• Експертні властивості сторінок і додавання сторінок в XML-карту сайту. Теоретичні питання щодо опису, заголовка, ключових слів і URL-сторінки (імені файлу).

Урок 8. Створення сторінок (частина 1)

• Робота з інструментами для створення макета сторінок ( «сітка об'єктів»).
• Розміщення об'єктів на сторінці, редагування стилю комірки макета сторінки. Додавання якоря (посилання на конкретний об'єкт на сторінці).
• Управління об'єктами і віджетами.

Урок 9. Створення сторінок (частина 2) (Текст, Зображення, Карта)

• Робота з об'єктом Текст (форматування \ оформлення тексту).
• Налаштування об'єкту Зображення (вставка на сторінку, редагування, додавання в XML-карту сайту).
• Створення сторінки з «особливим» дизайном - без шаблону (вкладка Графіка у властивостях сторінки).
• Зміна стилю підказок при наведенні миші.
• Вставка на сторінку карти Google.

Урок 10. Створення сторінок (частина 3) (Галерея, Відео та аудіо) (+ теорія)

• Налаштування галереї зображень (слайд-шоу).
• Рекомендації по створенню галерей (зображення та імена файлів).
• Вставка відео з YouTube і його додавання в XML-карту сайту.

Урок 11. Створення сторінок (частина 4) (Текст, Галерея, Таблиця)

• Вставка зображень в об'єкт Текст.
• Створення тексту, що автоматично прокручується.
• Налаштування галереї зображень (слайд-шоу).
• Створення прихованої сторінки в карті сайту.
• Вставка таблиці на сторінку.

Урок 12. Створення сторінок (частина 5) (Поштова форма)

• Підключення поштової скриньки до сайту для відправки листів.
• Приклад роботи з поштою для домену (для сайту) Яндекс.
• Додавання у властивості сторінки (вкладка Експерт) спеціального коду для заборони індексації цієї сторінки пошуковими роботами.
• Вставка на сторінку і настройка об'єкта Поштова форма.
• Налаштування стилю (дизайну) листів, що відправляються з сайту.
• Експорт сайту на диск (на локальний сервер - Open server).

Урок 13. Створення сторінок (частина 6) (Поштова форма, Текст, Зображення, HTML-код)

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

Урок 14. Інші параметри (частина 1)

• Налаштування повідомлення про політику конфіденційності.
• Додавання капчі (захист від спаму).
• Додавання коду лічильника статистики Яндекс і Google.
• Додавання сайту в інструменти для веб-майстрів Яндекс і Google.
• Вивантаження сайту в інтернет.

Урок 15. Інші параметри (частина 2)

• Вставка на сторінку і настройка об'єкта Поштова форма.
• Додавання спеціального коду у властивості сторінки для автоматичного перенаправлення користувача з однієї сторінки на іншу.
• Очищення кешу браузера Оpera для перевірки змін на сайті після вивантаження його в інтернет.
• Налаштування рекламного повідомлення.
• Створення блогу з коментарями.
• «Тонке» налаштування зовнішнього вигляду сторінок блогу за допомогою підключення додаткової таблиці стилів (CSS).
• Робота з інструментами для розробників в браузері Mozilla Firefox (Firebug).
• Управління коментарями з панелі управління сайту (адмінки).

Урок 16. Управління доступом

• Створення RSS-стрічки сайту і розміщення посилання на неї в шапці сайту.
• Створення сторінки, доступної тільки для зареєстрованих користувачів.
• «Ручна» реєстрація користувачів: створення сторінки реєстрації.

Урок 17. Інтернет-магазин (частина 1) (Кошик, Каталог товарів)

• Створення товарів інтернет-магазину (робота з кошиком): опис, ціна, зображення, параметри, знижка, імпорт товарів з CSV.
• Створення способу доставки і оплати, налаштування зміни ціни в залежності від способу доставки.
• Налаштування полів, заповнених користувачем при оформленні замовлення.
• Налаштування листів, що відправляються покупцеві і адміністратору, загальні налаштування інтернет-магазину.
• Додавання товарів на сторінку сайту і перевірка процесу оформлення замовлення.

Урок 18. Інтернет-магазин (частина 2)

• Створення «карток» (сторінок товарів) з галереєю, коментарями і кнопкою «Купити».
• Розміщення кошика в шапці сайту з підрахунком суми товарів, доданих до кошика.
• Додавання і налаштування в шапці сайту пошуку по сайту.
• «Тонке» налаштування зовнішнього вигляду сторінки каталогу товарів і сторінки оформлення замовлення за допомогою підключення додаткової таблиці стилів (CSS).
• Робота з інструментами для розробників в браузері Mozilla Firefox (Firebug). Налаштування інтернет-магазину (об'єкт Кошик).

Урок 19. Адаптивний дизайн (частина 1) (Структура адаптивного шаблону)

• Закінчення створення карток товару.
• Налаштування адаптивного дизайну.
• Створення шаблону (дизайну) під мобільні пристрої.
• Налаштування зовнішнього вигляду меню, що розкривається.
• Налаштування об'єктів на сторінках під мобільні пристрої.

Урок 20. Адаптивний дизайн (частина 2) (Усунення знайдених похибок)

• «Тонке» налаштування зовнішнього вигляду сторінки результатів пошуку по сайту і адаптація блогу під мобільні пристрої за допомогою підключення додаткової таблиці стилів (CSS).
• Робота з інструментами для розробників у браузері Mozilla Firefox (Firebug).
• Перевірка сайту в браузерах Mozilla Firefox, Opera, Internet Explorer, Yandex, Google Chrome.

Урок 21. Експорт проекту з WebSite X5 Evolution і імпорт в WebSite X5 Professional

• Створення сторінки вітання.
• Перенесення проекту з WebSite X5 Evolution в WebSite X5 Professional.

Урок 22. Адаптивний дизайн (частина 3)

• Розширена настройка адаптивного дизайну в WebSite X5 Professional.
• Налаштування об'єктів на сторінках під мобільні пристрої за допомогою інструменту «Розрив рядків».
• Створення бази даних на хостингу на прикладі панелі управління ISPmanager 4.
• Створення бази даних за допомогою phpMyAdmin на локальному сервері Open server.

Урок 23. Динамічний контент і інше застосування бази даних

• Створення об'єкта Динамічний контент і його редагування безпосередньо на сайті, за допомогою панелі управління.
• Застосування бази даних для зберігання відправлених за допомогою форми даних; зберігання коментарів з гостьової книги; зберігання коментарів блогу.
• Перегляд даних у базі даних за допомогою phpMyAdmin.

Урок 24. Автоматична реєстрація користувачів на сайті

• Налаштування автоматичної (самостійної) реєстрації користувачів на сайті для доступу до закритих сторінок.
• Проходження всього процесу реєстрації на реальному сайті з прикладами одержуваних користувачем та адміністратором листів.
• Синхронізація списку зареєстрованих у базі даних користувачів з WebSite X5 Professional.

Урок 25. Інтернет-магазин (частина 3) (Фактична наявність товарів)

• Додавання додаткових параметрів до товарів.
• Створення купонів на знижку з обмеженням дії купона по датах.
• Додавання «лічильника» фактичної та орієнтовної наявності товарів на складі.
• Збереження даних про замовлення і наявність товарів у базі даних.
• Підключення оплати товару через Robokassa. Додаткові настройки інтернет-магазину (Кошик).
• Додавання «стрічок» до товарів на сторінці сайту.
• Купівля товарів на сайті від імені клієнта.
• Управління замовленнями інтернет-магазину в панелі управління сайту.
• Синхронізація даних про наявність товарів між базою даних і WebSite X5 Professional.

Урок 26. Панель управління і SEO-аудит сайту.

• Усунення дрібних недоліків на сайті.
• Огляд можливостей панелі управління сайту.
• Створення файлу robots.txt.
• SEO-аудит сайту на наявність «технічних» помилок і їх усунення.

Урок 27. Додаткові можливості WebSite X5 Professional

• Налаштування опцій «Мобільний додаток».
• Створення та налагодження вкладок в об'єкті Текст і Таблиця.
• Вставка довільного HTML-коду в головне меню (на прикладі форми входу на сайт).
• Опція «Сторінки, що знаходяться у розробці» розділу Створення карти сайту.
• Можливість відтворення відео або звукових файлів у різному форматі в залежності від браузера.
• Додаткові опції вбудованого браузера.
• Створення резервних копій проектів сайту.

Урок 28. Багатомовність (+ теорія)

• Особливості та рекомендації щодо перекладу \ локалізації сайту в цілому.
• Переклад сайту на іншу мову і створення мультимовної версії.
• Створення папки на хостингу (сервері) засобами вбудованого у WebSite X5 Professional FTP-клієнта.
• Урок 29. Купівля хостингу і домену
• Процес покупки хостинг-аккаунта в HTS і Хостинг Україна.
• Експорт сайту на куплений хостинг.

Урок 30. Робота з файлами сайту за допомогою FTP-клієнтів і панелей управління хостингом

• Підключення до хостингу.
• Вивантаження файлів на хостинг.
• Зміна прав на папки і файли на хостингу.
• Створення \ перейменування папок за допомогою FTP-клієнта Filzilla
• Створення \ перейменування папок за допомогою панелі управління хостингом ISPManager.
• Створення \ перейменування папок за допомогою файл-менеджера Хостинг Україна.