Україна / Харків
Програма навчання розробці сайту для школярів у нашому навчальному центрі розрахована на 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. Налаштування, встановлення
Розширення функціоналу системи. Додаткові системи системи. Розбір налаштувань модулів «Рекомендовані», «Посилання», «Хіти продажу» та модуля «Імпорт-експорт». Зовнішні модулі
Підсумкова робота. Створення інтернет-магазину "під ключ". Завантаження товарних позицій та контенту
Web адреса: plz.com.ua/education/it-deti/sozdaniye-sayta-na-wordpress.php
Дата: Четвер, 21 Листопада 2024