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

Mikki-Koen · 19 янв 2023

Складчина: Видео уроки Website X5 [Создание сайта с нуля]
Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Website X5 Evolution и Professional 12 (подходит и для 13-17).....

Видео курс по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12 (подходит от 13 версии и выше...). Актуален также и для Website X5 11, 10. Менее актуален для Website X5 9.

Язык курса – русский.

Версия программы – Incomedia Website X5 Evolution и Professional 12 (на русском языке).

Тип основной информации – видео уроки.

Количество видео уроков – 30 (примерно, по 8-10 минут каждый). Общая продолжительность 5 часов 23 минуты.

Разрешение видео – 1280х720 пикселей.

Видео в формате – MP4.

Оболочка протестирована в Windows XP-10 (исполняемый файл - EXE).

В дополнение к урокам прилагаются тестовые материалы для создания демонстрационного сайта, проект демонстрационного сайта и ссылки на дополнительные источники.

Некоторые видео уроки дополнены теоретическим материалом.

Рассмотрены вопросы от «проектирования» до покупки хостинга\домена и выгрузки готового сайта в интернет. Основная цель курса – обучить работе с инструментами программы. Вопросы дизайна, удобства использования сайтов, их прибыльность и т.д. не рассматривались.

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

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

Скрытая ссылка

Урок 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.

Создание\переименование папок при помощи файл-менеджера Хостинг Украина.