Планета знаний - учебный центр

Возраст: 12 – 16 лет

Длительность курса 126 академических часов (8 месяцев)

График занятий: два раза в неделю. Длительность занятия: 2 академических часа.

Преимущества курса:

В ходе изучения курса «Создание сайта на WordPress» слушатель узнает о том, как создать профессиональный веб-проект, на основе популярной CMS WordPress, изменить его дизайн, и наполнить содержимым. Научится работать с веб-сервером, устанавливать и настраивать WordPress. Студенты познакомятся с процессом создания контента сайта, смогут работать с расширениями, настраивать фотогалереи, и т.д. Итогом курса будет являться создание полноценного, наполненного динамического сайта, размещенного на хостинге.

Программа обучения разработке сайта для школьников в нашем учебном центре (Харькове) рассчитан на 126 академических часов и включает такие темы, по таким направлениям как:

Разделы курса:

• Знакомство с различными веб-технологиями, их взаимосвязью;
• Понятие веб-сервера, его составных частей. Понятие хостинга;
• Знакомство с базами данных и системой управления ими;
• Понятие динамического сайта, его особенностей;
• Установка и настройка CMS WordPress. Специфика блогового движка;
• Изучение функционала WordPress. Создание постов (записей);
• Темы WordPress. Особенности их строения;
• Расширения системы. Плагины WordPress;
• Рубрики, метки, виджеты, меню;
• Работа с локальным сервером.

• Юзабилити сайтов

  ---

  • Обзор современных веб-технологий в их взаимосвязи. Краткая история развития Web. Понятие веб-сайта. Дизайн как направление в графическом дизайне. Круг задач, решаемых веб-дизайнером. Связка: макет сайта – верстка сайта – программирование сайта. Веб-сайт как приложение. Этапы разработки веб сайта. Функциональные стили в веб-дизайне.Тренды в веб-дизайне. Анализ различных стилей и видов сайтов.
  • Типографика и колористика в веб. Изучение особенностей подхода к типографике при дизайне веб-страниц. Колористика в веб дизайне. Особенности цвета на сайтах. Психология цвета.
  • Композиция и визуальная иерархия на веб-страницах. Кратко о психологии восприятия. Необходимость визуальной иерархии на сайте. Прототипы сайта и эскизы. Обязательные элементы в структуре сайта. Практическая работа по созданию эскиза сайта-визитки.
  • Эргономика сайтов. Информационная архитектура сайтов. Навигация. Начальные понятия об эргономике (юзабилити) сайтов и информационной архитектуре. Определение интерфейса. Взаимодействие человек – компьютер. Области навигации и виды меню. Главная страница сайта.
  • Графика. Особенности веб-графики. Форматы, сжатие, уменьшение скорости загрузки страниц. Источники изображений для сайтов. Фотостоки, бесплатные ресурсы.
  • Понятие брифа и технического задания. Создание и детальная проработка структуры сайта. Понятие о посадочных страницах, примеры, анализ особенностей.
  • Понятие юзабилити-тестирования. Необходимость тестирования сайта на всех этапах его создания. Методы тестирования и проведение тестирования. Метод фокусных групп. Результаты тестирования.
  • Итоговое занятие: создание макета (прототипа) сайта-визитки (либо лендинга по выбору) в графическом редакторе. Разработка стиля.

• CMS WordPress

  ---

  • Введение в динамические сайты. Многообразие современных веб-технологий, их взаимосвязь и взаимодействие. Краткий анализ популярных веб-ресурсов.
  • Системы управления контентом. Обзор наиболее популярных CMS. Базы данных как неотъемлемая часть динамического сайта. Системы управления базами данных. Веб-сервер. Понятие, краткая характеристика. Работа с хостингом. Хостинг-панели. Виды хостинга.
  • Локальный хостинг. Особенности и отличия. Установка программы Open Server. Создание базы данных. Первое знакомство с CMS WordPress.
  • CMS WordPress, её достоинства и недостатки, области применения. CMS WordPress – блоговый движок. Установка и настройка WordPress. Введение понятий: «пост», «лента поста», «миниатюра поста», «статическая страница».
  • Темы WordPress. Настройка, установка тем. Репозиторий функционала для CMS. Работа с сайтом ru.wordpress.org
  • Работа с функционалом системы. Виджеты, меню
  • Расширения WordPress. Плагины, установка, назначение, настройка. Создание мультимедийного контента (галереи, слайдеры, видео и т.д.). плагины – сайтостроители (Page Builder, Elementor)
  • Создание интернет-магазина на WordPress. Плагин WooCommerce. Создание товаров, заполнение карточки товаров.
  • Стили CSS как инструмент настройки внешнего вида сайта. Нестандартные шрифты на сайте. Подгрузка шрифтов. Коллекции GoogleFonts.

• ОCMS OpenCart

  ---

  • Знакомство с CMS OpenCart. Достоинства и недостатки движка, сфера применения. Процесс установки OpenCart как типовой для большинства CMS. Разбор административной части CMS. Локализация системы и мультивалютность. Общие настройки системы и опций интернет-магазина.
  • Работа с интернет-магазином. Создание категории товара, наименования товара. Работа с карточкой товара. Заполнение заголовка, описания, вставка изображения товара, ввод цены.
  • Самостоятельная практическая работа с карточкой товара. Категории и подкатегории. Заполнение карточки текстовым контентом. Первичное понятие о ключевых словах. Создание текстовой аннотации к товару.
  • Дополнительные настройки магазина. Расчет доставки. Клиентская часть: регистрация пользователя, заказы, их история и статус. Отчеты. Система поиска. Система фильтров. Настройка корзины.
  • Настройка внешнего вида сайта. Изучение возможностей стандартного шаблона сайта. Шаблоны сайтов для OpenCart. Настройка, установка
  • Расширение функционала системы. Дополнительные модули системы. Разбор настроек модулей «Рекомендуемые», «Ссылки», «Хиты продаж» и модуля «Импорт-экспорт». Внешние модули
  • Итоговая работа. Создание интернет-магазина «под ключ». Загрузка товарных позиций и контента