Версия программы - 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.
• Создание\переименование папок при помощи файл-менеджера Хостинг Украина.