Курс WEB-дизайн для школярів онлайн

Україна / Харків

ІТ-напрямок один з найбільш актуальних та перспективних напрямів для подальшого працевлаштування та навчання.

Наша школа Юний WEB-дизайнер спрямована на придбання знань та навичок щодо створення, верстки, розробки сайту.
На виході кожен наш учень має свій працюючий сайт і починає формувати портфоліо.

Курс ВЕБ-дизайн для школярів – це курс створення сайтів, освоєння професії веб-майстер або веб-дизайнер.

У чому наші основні переваги:
• Нестандартний підхід до навчання
• Комп'ютерний клас, що обладнаний персональними ноутбуками, мультимедійною дошкою.
• Викладач-працюючий веб-дизайнер
• Практичні заняття – багато практики, мінімум заучування та теорії.

Вік: 13 – 16 років
Тривалість курсу 70 академічних годин (5 місяців)

Графік занять: двічі на тиждень. Тривалість заняття: 2 академічні години.

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


Створення структури сайту на основі верстки HTML, етапи розробки. Основні поняття та термінологія.

Поняття "сайт" та його структура. Професія дизайну.
Розробка концепції сайту, виходячи з поставлених завдань, цільової аудиторії, фірмового стилю організації.
Способи визначення набору сторінок, областей та навігації між ними.
Види сайтів: прості, корпоративні та креативні сайти, інтернет-магазини та тестові програми.
Створення основного конструктиву користувача сайту за допомогою мови верстки HTML

"Тег" як ключове поняття HTML, його атрибути, види, синтаксис тегової структури. Формування основних принципів роботи із кодом сторінок. Теги, що відкривають і закривають.
Розпізнавання HTML-сторінок різними браузерами (Internet Explorer, Opera, Netscape Navigator, Mozilla). Оформлення коду - теги , , .
Створення основної сторінки з текстом. Редагування тексту. Методи форматування. Маркування тексту.
Правила розміщення та налаштування розміру графічних зображень (jpg, gif, png), звуку, рядка, що біжить, і відео на сторінці. Правила тегів.
Таблиця. Регламентування розміщення таблиць та інформації у них (текст, картинки, відео). Об'єднання осередків, створення «гумових» та фіксованих таблиць.
Фрейм. Вивчення кадрової структури як альтернативного конструювання інтернет-сторінок.
Форми. Варіанти створення форм. Форми для реєстраційних анкет, пошукових систем, тестових завдань. Інтеграція із базою даних сервера хостингу. Верстка сторінок.
CSS. Можливість використання каскадних таблиць стилів. Варіанти вбудовування CSS у код HTML.
Дизайн у середовищі Internet: постановка завдання, пошук шляхів розв'язання. Підвищення ефективності.

Огляд сучасних програм та їх можливостей для створення інтерактивної статичної та динамічної графіки: пакет Adobe (Dreamweaver, Flash).
Розробка інформаційної архітектури сайту. Розподіл інформації з розділів сайту з урахуванням інформаційного, логічного та візуального зв'язку між розділами.
Основні компоненти web-сторінки та способи їхнього візуального представлення. Інтерфейс сайту
Психологія кольору в web-програмування. Використання різних колірних схем виходячи з позиціонування сайту
Стилі дизайну веб-сайту.
Ергономіка сайту (web-usability). Фактори, що ускладнюють і фактори, що допомагають правильному сприйняттю інформації на сайті.
Макетування в Інтернеті. Ритм. Правила розташування, форма основних навігаційних та графічних компонентів на сторінці (таких як однорівневі та багаторівневі меню, що випадають, логотипи, інформаційні блоки).
Підготовка графіки для web

Огляд графічних статичних і динамічних форматів, умови їх використання серед internet: GIF, PNG, JPG, BMP, SWF, AVI, MOV.
Правила створення растрових зображень, оптимізація для веб-сторінок, зміна розміру зображення, безшовного фонового малюнка. Промальовування (заготівля) кнопок для «роловерів».
Програма ImageReady. Створення банера (анімаційної картинки) на сайт або серед пошукових систем. Розробка сюжету банера. Вплив банерної реклами на користувача.
Adobe Flash. Види анімації у програмі, правила створення та застосування Flash-заставок.
Dreamweaver. Основні можливості програми. Використання, створення, модифікація шаблонів у програмі. Використання основних режимів DreamWeaver. Розробка, настроювання власної структури сайту. Правила роботи з основним меню. Меню Properties. Створення навігаційного меню на сайті за допомогою палітри Behaviors. Правила створення ефекту Rollover.
Оцінка сайту Тестування сайту

Критерії оцінок створеного веб-сайту.
Етапи стандартного тестування сайту. Вироблення пропозицій щодо редизайну та обґрунтування необхідності редизайну сайту.
Огляд ресурсів, пов'язаних із питаннями web-дизайну та web-usability.
Розміщення хостингу – основи роботи.

Правила розміщення на безкоштовних хостингах
Правила розміщення на платних хостингах.
Використання протоколу FTP.
Web адреса: plz.com.ua/education/it-deti/web-desing-dlia-detey.php
Дата: Понеділок, 13 Жовтня 2025