МОДУЛЬ. ГРАФІЧНИЙ ДИЗАЙН (35 год.)
Навчальна
програма з інформатики (рівень стандарту)
для 10-11 класів загальноосвітніх шкіл, затверджена Наказом
Міністерства освіти і науки № 1407 від 23 жовтня 2017 року
Тема 5. Графічний дизайн у поліграфії
Урок 11 Комп'ютерна верстка
Дай відповідь
https://docs.google.com/forms/d/1fnozHtdKs_bhdztvja4-AZ4O4C37EMvQIwUv3JjmqIM/edit
ДЗ: опрацювати матеріал, підготувати шпальту "Про себе"
Урок 12 Листівка. Призначення. Композиційні прийоми створення листівки. Створення листівки
Листівка
ДЗ: опрацювати матеріал, створити листівку "З днем народження"
Урок 13 Багатосторінкові видання та їх формат. Загальні питання побудови композиції шпальти (смуги) набору. Сітка. Складові шпальти набору (кегль шрифту, інтерліньяж, відстань між колонками (середник), поля). Методи композиції тексту та графіки в смузі набору
Поліграфічні терміни
ДЗ: опрацювати матеріал
ДЗ: опрацювати матеріал
Урок 14 Перенос слів. Колонцифри. Колонтитули. Виноски. Висячі рядки. Абзацний відступ. Буквиця
Презентація до уроку
Рекомендації по застосуванню основних правил набору та верстання при проектуванні багатосторінкових публікацій.
ДЗ: опрацювати матеріал, підготувати інформацію (до дня енергетика)
Урок 15 Буклет. Призначення. Принципи композиції. Види буклетів. Способи складання буклетів. Види згинів буклету. Технологічні особливості виготовлення буклетів. Вибір конструкції буклету. Аналіз існуючих стилів і видів буклетів, їх конструктивних форм і матеріалів. Створення шпальт (смуг) набору буклету. Визначення текстового вмісту, вибір шрифту. Контактні відомості. Визначення ілюстративної частини буклета. Розробка оригіналу макета буклету. Верстка буклету.
Рекомендації по застосуванню основних правил набору та верстання при проектуванні багатосторінкових публікацій.
ДЗ: опрацювати матеріал, підготувати інформацію (до дня енергетика)
Урок 15 Буклет. Призначення. Принципи композиції. Види буклетів. Способи складання буклетів. Види згинів буклету. Технологічні особливості виготовлення буклетів. Вибір конструкції буклету. Аналіз існуючих стилів і видів буклетів, їх конструктивних форм і матеріалів. Створення шпальт (смуг) набору буклету. Визначення текстового вмісту, вибір шрифту. Контактні відомості. Визначення ілюстративної частини буклета. Розробка оригіналу макета буклету. Верстка буклету.
ДЗ: опрацювати матеріал, створити буклет на задану тему (буклет "Южноукраїнська гімназія №1", або вибір теми по одному із шкільних предметів )
Урок 16 Створення шпальт(смуг) набору багатосторінкового видання (ескіз). Обкладинка журналу. Розробка логотипу. Створення обкладинки журналу. Макетування багатосторінкового видання - журналу. Вибір теми. Формат видання. Концепція верстки. Рубрикація. Підбір шрифту (кегль, гарнітура).
для роботи у Word
Створення шпальт набору багатосторінкового видання (ескіз)
ДЗ: опрацювати матеріал
Урок 17 Макет журнального розвороту. Підбір ілюстративного матеріалу, винесення, підписи, підзаголовки і заголовки, елементи графічного оформлення видання. Побудови композиції шпальт набору. Оформлення та макетування багатосторінкового видання - журналу. Верстка журналу
Макет журнального розвороту
МОДУЛЬ. ВЕБ-ТЕХНОЛОГІЇ
Урок 18 Види і типи сайтів. Цілова аудиторія
Презентація до уроку Типи сайтів
Класифікація сайтів. Цільова аудиторія
Промо-сайти і візитка
ДЗ: опрацювати матеріал
Промо-сайти і візитка
ДЗ: опрацювати матеріал
Урок 19 Запуск проекту "Розробка власного сайта"
Підручник "Основи веб дизайну" О. Г. ПАСІЧНИК, О. В. ПАСІЧНИК, І. В. СТЕЦЕНКО
Матеріал до уроку Інформаційна структура сайту
Презентація до уроку Презентація до уроку
Презентація до уроку
Основні тренди
Основні тренди веб дизайну
Приклади трендів
Сінемаграф відео сінемаграф
ДЗ: опрацювати матеріал, знайдіть в Інтернеті основні тренди 2019 року
Урок 21 Інформаційна структура сайта
Урок 22 Технології розробки сайтів. Інструменти розробки сайтів
СКАЧАЙ ФАЙЛ ЗАГОТОВКУ Практична робота
Урок 25 Каскадні таблиці стилів
Пройди курс та отримай сертифікат
Урок 33 Cтворення gif анімацій
Урок 34 Мультимедіа на веб сторінках
ДЗ: опрацювати матеріал, надіслати на електронну пошту вчителя адресу вашої сторінки (інформація на сторінці на тематику "Моє місто енергетиків")
ДЗ: опрацювати матеріал, опрацювати матеріал підручника О.Г.Пасічник "Основи веб дизайну" ст. 284-288
джерела:
https://1drv.ms/f/s!AtsUojO-0Wz_gcUrD9PMSr9N4_KR_A
https://docs.google.com/forms/d/1AMYUzCXKTn0u7Wb7oE5HbLxGrjPm1oFvyQDWHDdUTF0/edit
https://1drv.ms/f/s!AtsUojO-0Wz_gcUrD9PMSr9N4_KR_A
Урок 20 Основні тренди у веб-дизайні
Дай відповідьhttps://docs.google.com/forms/d/1AMYUzCXKTn0u7Wb7oE5HbLxGrjPm1oFvyQDWHDdUTF0/edit
· Попит
на ринку праці;
Високі оклади;
Високі оклади;
· Можливість
дистанційної роботи;
· Невеликий
стаж роботи (1-2 роки);
· Працевлаштування
студентів;
· Знання
відповідних програм (HTML, CSS, JavaScript, CMS WordPress);
Особисті
якості: комунікабельність, саморозвиток, відповідальність.Презентація до уроку
Основні тренди
Основні тренди веб дизайну
Приклади трендів
Сінемаграф відео сінемаграф
ДЗ: опрацювати матеріал, знайдіть в Інтернеті основні тренди 2019 року
Урок 21 Інформаційна структура сайта
Презентація до уроку
Інформаційна структура сайта
ДЗ: опрацювати матеріал
Урок 22 Технології розробки сайтів. Інструменти розробки сайтів
Скористайтесь онлайн - редактором https://liveweave.com/ та створіть сторінку про навчальний заклад в якому ви плануєте навчатися, а саме
Рухомий рядок: В 2020 році я випускник Южноукраїнської гімназії №1
Фон: жовтий
Фон: жовтий
Курсив: я планую навчатися
Підкреслений: у вищому навчальному закладі (вкажи свій)
Підкреслений: у вищому навчальному закладі (вкажи свій)
Жирний: твоя спеціальність
Звичайний: В цьому ВНЗ можна отримати освіту за наступними спеціальностями (вкажи 4 спеціальності)
Подивись приклад сторінки, створеної в онлайн-редакторі
https://drive.google.com/file/d/1VP2gVrr4ksc_iTEoM_4Rtmg218WND44s/view?usp=sharing
ЗРАЗОК:
Подивись приклад сторінки, створеної в онлайн-редакторі
https://drive.google.com/file/d/1VP2gVrr4ksc_iTEoM_4Rtmg218WND44s/view?usp=sharing
Встановити та налаштувати SublimeText
Sublime Text – потужний текстовий редактор, який надає великі можливості для роботи з кодом.
2.В SublimeText встановити Packeg Control
3.Встановити плагін Emmet для SublimeText.
Як це зробити дивіться у відео (достатньо подивитись перші 4 хвилини відео)
ДЗ: опрацювати матеріал
Урок 23 Створення макету інформаційної структури сайта. Практична робота
Бриф допомагає вам сформулювати вимоги до проекту, а нам зрозуміти, як виконати ці вимоги найкращим чином.
Корпорація Компанія Супергерої адаптує сучасні рекламні інструменти і засоби комунікації індивідуально під кожного клієнта створюючи при цьому унікальний контент бріф сайту
СКАЧАЙ ФАЙЛ ЗАГОТОВКУ Практична робота
ДЗ: опрацювати матеріал
Урок 24 Мова гіпертекстової розмітки
Переглянь приклад веб сторінки
ДЗ: опрацювати матеріал
Урок 25 Каскадні таблиці стилів
Подивись завдання Створити таблицю Розміри взуття
Практичне завдання: Створи таблицю "Розклад уроків"
ІНФОРМАЦІЯ ПРО КУРС
Завжди мріяли про власний сайт, новий сайт для школи чи вашого підприємтва, але не знали, як його створити?
Тоді ви перейшли за правильним посиланням!
У цьому курсі ви ознайомитеся з теоретичними та практичними аспектами фронтенд-розробки та навчитесь створювати власні веб-сайти.
Курс розробили BrainBasket Foundation разом зі студією онлайн-освіти EdEra. Розробка та публікація курсу стали можливими завдяки підтримці Міжнародного фонду «Відродження».
Урок 26 Верстка веб сторінок
Урок 26 Верстка веб сторінок
Урок 27 Адаптивна верстка
приклад сторінки
ДЗ: опрацювати матеріал
Урок 28 Кросбраузерність
ДЗ: опрацювати матеріал
Урок 29 Практична робота "Створення веб-сторінок"
Дай відповідь Дай відповідь
Урок 31 Практична робота "Графіка для веб середовища"
Підручник "Основи веб дизайну" О. Г. ПАСІЧНИК, О. В. ПАСІЧНИК, І. В. СТЕЦЕНКО
ДЗ: опрацювати матеріал
Урок 32 Практична робота "Методи створення та збереження зображень для веб сторінок"
Підручник "Основи веб дизайну" О. Г. ПАСІЧНИК, О. В. ПАСІЧНИК, І. В. СТЕЦЕНКО
Основи веб-дизайну сторінки 96-109
Як створити html посилання
Практичне завдання:
виконай завдання (професія веб дизайнер для прикладу)
Фото для роботи
ДЗ: опрацювати матеріал
Урок 33 Cтворення gif анімацій
ДЗ: опрацювати матеріал
Урок 34 Мультимедіа на веб сторінках
ДЗ: опрацювати матеріал, підручник "Основи веб дизайну"
О. Г. ПАСІЧНИК, О. В. ПАСІЧНИК, І. В. СТЕЦЕНКО
Основи веб-дизайну сторінки 119
Урок 35 Мультимедіа на веб сторінках
ДЗ: опрацювати матеріал, підручник "Основи веб дизайну"
О. Г. ПАСІЧНИК, О. В. ПАСІЧНИК, І. В. СТЕЦЕНКО
Основи веб-дизайну сторінки 119
Урок 36 Застосування
гіпертекстових, графічних, анімаційних та мультимедійних елементів на веб-сторінках
ДЗ: повторити уроки 31-36
Урок 37 Об'єктна модель документа
Урок 38 Веб програмування та інтерактивні сторінки
HTML Форми
ДЗ: опрацювати матеріал, HTML форми
Шановні діти!
Шановні діти!
Будьте системними. Дистанційне навчання - це доступ до навчальних матеріалів, зворотній зв'язок між вчителем та учнями. Будьте організованими.
Дистанційне навчання має розклад та терміни виконання завдання. Робота з дому дає більше свободи, але встановлюйте чіткі строки виконання завдань.
Здоров'я всім!
Урок 39 Хостинг сайта
безкоштовні хостингові послуги
Зареєструйтесь на сайті https://www.zzz.com.ua/uk, отримайте доменне імя та завантажте власну сторінку на сервер. Пришліть на електронну пошту вчителя, адресу вашої сторінки. Детальні інструкції переглянь в презентації
ДЗ: опрацювати матеріал, надіслати на електронну пошту вчителя адресу вашої сторінки (інформація на сторінці на тематику "Моє місто енергетиків")