Курс створення сайту на WordPress для школярів
Вік: 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. Локалізація системи та мультивалютність. Загальні налаштування системи та опцій інтернет-магазину.
Робота із інтернет-магазином. Створення категорії товару, найменування товару. Робота із карткою товару. Заповнення заголовка, опис, вставка зображення товару, введення ціни.
Самостійна практична робота із карткою товару. Категорії та підкатегорії. Заповнення картки текстовим контентом.