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