Видеоуроки Website X5. Создание сайта с нуля [Алексей Хорошевский]
Видеокурс по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 12 (подходит от 13 версии и выше...). Актуален также и для Website X5 11, 10. Менее актуален для Website X5 9.
Некоторые видео уроки дополнены теоретическим материалом.
Рассмотрены вопросы от «проектирования» до покупки хостинга\домена и выгрузки готового сайта в интернет. Основная цель курса – обучить работе с инструментами программы. Вопросы дизайна, удобства использования сайтов, их прибыльность и т.д. не рассматривались.
В курсе рассмотрены этапы создания веб-проекта от простого сайта-визитки до мультиязычного интернет-магазина, адаптированного под мобильные устройства.
Оболочка курса содержит указатель для перехода к урокам, в которых рассмотрены определённые объекты, разделы и инструменты Website X5 (аналог предметного указателя в книгах).
Программа
Урок 1. Подготовительный этап (+теория)
Видеокурс по самостоятельному созданию сайта с нуля в 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. Подготовительный этап (+теория)
- «Проектирование» сайта: цели и задачи создания сайта, целевая аудитория, домен, хостинг и так далее.
- Установка локального сервера Open server и общие настройки программы WebSite X5 Evolution.
- Подключение нестандартных шрифтов и шрифтов Google Fonts.
- Общие настройки проекта сайта.
- Настройка языка контента и активация адаптивного дизайна.
- Выбор шаблона из библиотеки.
- Импорт\экспорт файла шаблона.
- Создание нового шаблона (дизайна) сайта с нуля.
- Настройка стиля (дизайна) главного и раскрывающегося меню сайта.
- Настройка внешнего вида шрифтов, заголовков, ссылок, кнопок, полей, нижнего меню и других элементов дизайна.
- Создание страниц и иерархии меню сайта.
- Размещение элементов в шапке и подвале сайта.
- Добавление произвольного HTML-кода, ссылки по нажатию на логотип, слайд-шоу и кнопок социальных сетей в шапке.
- Создание структуры сайта (карты, меню).
- Настройка свойств страницы (мета-данные).
- Экспертные свойства страниц и добавление страниц в XML-карту сайта. Теоретические вопросы касательно описания, заголовка, ключевых слов и URL-страницы (имени файла).
- Работа с инструментами для создания макета страниц («сетка объектов»).
- Размещение объектов на странице, редактирование стиля ячейки макета страницы. Добавление якоря (ссылки на конкретный объект на странице).
- Управление объектами и виджетами.
- Работа с объектом Текст (форматирование\оформление текста).
- Настройка объекта Изображение (вставка на страницу, редактирование, добавление в XML-карту сайта).
- Создание страницы с «особым» дизайном – без шаблона (вкладка Графика в свойствах страницы).
- Изменение стиля подсказок при наведении мыши.
- Вставка на страницу карты Google.
- Настройка галереи изображений (слайд-шоу).
- Рекомендации по созданию галерей (изображения и имена файлов).
- Вставка видео с YouTube и его добавление в XML-карту сайта.
- Вставка изображений в объект Текст.
- Создание автоматически прокручивающегося текста.
- Настройка галереи изображений (слайд-шоу).
- Создание скрытой страницы в карте сайта.
- Вставка таблицы на страницу.
- Подключение почтового ящика к сайту для отправки писем.
- Пример работы с почтой для домена (для сайта) Яндекс.
- Добавление в свойства страницы (вкладка Эксперт) специального кода для запрета индексации этой страницы поисковыми роботами.
- Вставка на страницу и настройка объекта Почтовая форма.
- Настройка стиля (дизайна) писем, отправляемых с сайта.
- Экспорт сайта на диск (на локальный сервер – Open server).
- Добавление на страницу изображения, текста, карты Google.
- Вставка на страницу и настройка объекта Почтовая форма.
- Вставка объекта HTML-код (кнопка перехода на Ваш микро-блог в Twitter).
- Настройка сообщения о политике конфиденциальности.
- Добавление капчи (защита от спама).
- Добавление кода счётчика статистики Яндекс и Google.
- Добавление сайта в инструменты для веб-мастеров Яндекс и Google.
- Выгрузка сайта в интернет.
- Вставка на страницу и настройка объекта Почтовая форма.
- Добавление специального кода в свойства страницы для автоматического перенаправления пользователя с одной страницы на другую.
- Очистка кэша браузера Оpera для проверки изменений на сайте после выгрузки его в интернет.
- Настройка рекламного сообщения.
- Создание блога с комментариями.
- «Тонкая» настройка внешнего вида страниц блога при помощи подключения дополнительной таблицы стилей (CSS).
- Работа с инструментами для разработчиков в браузере Mozilla Firefox (Firebug).
- Управление комментариями из панели управления сайта (админки).
- Создание RSS-ленты сайта и размещение ссылки на неё в шапке сайта.
- Создание страницы, доступной только для зарегистрированных пользователей.
- «Ручная» регистрация пользователей: создание страницы регистрации.
- Создание товаров интернет-магазина (работа с корзиной): описание, цена, изображение, параметры, скидка, импорт товаров из CSV.
- Создание способа доставки и оплаты, настройка изменения цены в зависимости от способа доставки.
- Настройка полей, заполняемых пользователем при оформлении заказа.
- Настройка писем, отправляемых покупателю и администратору, общие настройки интернет-магазина.
- Добавление товаров на страницу сайта и проверка процесса оформления заказа.
- Создание «карточек» (страниц товаров) с галереей, комментариями и кнопкой «Купить».
- Размещение корзины в шапке сайта с подсчётом суммы товаров, добавленных в корзину.
- Добавление и настройка в шапке сайта поиска по сайту.
- «Тонкая» настройка внешнего вида страницы каталога товаров и страницы оформления заказа при помощи подключения дополнительной таблицы стилей (CSS).
- Работа с инструментами для разработчиков в браузере Mozilla Firefox (Firebug). Настройка интернет-магазина (объект Корзина).
- Окончание создания карточек товара.
- Настройка адаптивного дизайна.
- Создание шаблона (дизайна) под мобильные устройства.
- Настройка внешнего вида раскрывающегося меню.
- Настройка объектов на страницах под мобильные устройства.
- «Тонкая» настройка внешнего вида страницы результатов поиска по сайту и адаптация блога под мобильные устройства при помощи подключения дополнительной таблицы стилей (CSS).
- Работа с инструментами для разработчиков в браузере Mozilla Firefox (Firebug).
- Проверка сайта в браузерах Mozilla Firefox, Opera, Internet Explorer, Yandex, Google Chrome.
- Создание страницы приветствия.
- Перенос проекта из WebSite X5 Evolution в WebSite X5 Professional.
- Расширенная настройка адаптивного дизайна в WebSite X5 Professional.
- Настройка объектов на страницах под мобильные устройства при помощи инструмента «Разрыв строк».
- Создание базы данных на хостинге на примере панели управления ISPmanager 4.
- Создание базы данных при помощи phpMyAdmin на локальном сервере Open server.
- Создание объекта Динамический контент и его редактирование непосредственно на сайте, при помощи панели управления.
- Применение базы данных для: хранения отправленных при помощи формы данных; хранения комментариев из гостевой книги; хранения комментариев блога.
- Просмотр данных в базе данных при помощи phpMyAdmin.
- Настройка автоматической (самостоятельной) регистрации пользователей на сайте для доступа к закрытым страницам.
- Прохождение всего процесса регистрации на реальном сайте с примерами получаемых пользователем и администратором писем.
- Синхронизация списка зарегистрированных в базе данных пользователей с WebSite X5 Professional.
- Добавление дополнительных параметров к товарам.
- Создание купонов на скидку с ограничением действия купона по датам.
- Добавление «счётчика» фактического и ориентировочного наличия товаров на складе.
- Сохранение данных о заказах и наличии товара в базе данных.
- Подключение оплаты товара через Robokassa. Дополнительные настройки интернет-магазина (Корзина).
- Добавление «лент» к товарам на странице сайта.
- Покупка товаров на сайте от лица клиента.
- Управление заказами интернет-магазина в панели управления сайта.
- Синхронизация данных о наличии товаров между базой данных и WebSite X5 Professional.
- Устранение мелких недочётов на сайте.
- Обзор возможностей панели управления сайта.
- Создание файла robots.txt.
- SEO-аудит сайта на наличие «технических» ошибок и их устранение.
- Настройка опций «Мобильное приложение».
- Создание и настройка вкладок в объекте Текст и Таблица.
- Вставка произвольного HTML-кода в главное меню (на примере формы входа на сайт).
- Опция «Страницы, находящиеся в разработке» раздела Создание карты сайта.
- Возможность воспроизведения видео или аудиофайлов в разном формате в зависимости от браузера.
- Дополнительные опции встроенного браузера.
- Резервное копирование проектов сайта.
- Особенности и рекомендации касательно перевода\локализации сайта в целом.
- Перевод сайта на другой язык и создание мультиязычной версии.
- Создание папки на хостинге (сервере) средствами встроенного в WebSite X5 Professional FTP-клиента.
- Процесс покупки хостинг-аккаунта в HTS и Хостинг Украина.
- Экспорт сайта на купленный хостинг.
- Подключение к хостингу.
- Выгрузка файлов на хостинг.
- Смена прав на папки и файлы на хостинге.
- Создание\переименование папок при помощи FTP-клиента Filzilla
- Создание\переименование папок при помощи панели управления хостингом ISPManager.
- Создание\переименование папок при помощи файл-менеджера Хостинг Украина.
https://magazin.aleksius.com/video-uroki-website-x5-sozdanie-sajta-s-nulya