Календарно-тематичне планування з інформатики для 11 класу (модулі «Графічний дизайн та «Веб-технології»)

№

Дата

уроку

Тема уроку

Примі-тки

Тема 1. Графічний дизайн як засіб візуальної комунікації

Правила поведінки і безпеки життєдіяльності (БЖ) в комп’ютерному класі. Історія графічної культури. Дизайн і його тенденції.

Інструктаж з БЖД. Ілюстрація. Цифрове мистецтво.

Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди. Реклама. Психологія сприйняттям реклами. Інфографіка.

Інструктаж з БЖД. Типографіка, шрифти і шрифтові пари. Прийоми каліграфії та леттерингу. Особливості поєднання шрифтів. Коротка історія дизайну і типографіки. Веб-дизайн.

Інструктаж з БЖД. Електронні та друковані портфоліо.

Інструктаж з БЖД. Практична робота №1 Створення електронного портфоліо

Інструктаж з БЖД. Графічний дизайн як засіб візуальної комунікації. Тематичне оцінювання.

Тема 2. Растрова графіка

Інструктаж з БЖД. Характеристики зображення та засобів його відтворення - яскравість, контрастність, роздільна здатність, інтервал оптичної щільності (фотографічна ширина), колірна гама, палітра, глибина кольору, насиченість кольору.

Інструктаж з БЖД. Растровий графічний редактор як інструмент для дизайну.

Інструктаж з БЖД. Основні інструменти для малювання. Інструменти виділення.

Інструктаж з БЖД. Концепція побудови пошарового зображення.

Інструктаж з БЖД. Робота з шарами. Трансформація об’єктів. Створення колажів. Прийоми колажування. Робота з текстом. Робота з векторними елементами. Ретуш та художня обробка зображень, отриманих шляхом фотографування або сканування. Гама-корекція як засіб узгодження діапазону яскравості зображення і характеристик засобу його відтворення. Тонова корекція зображень. Робота з кольором.

Інструктаж з БЖД. Практична робота №2 Створення пошарового зображення

Інструктаж з БЖД. Практична робота №3 Створення колажу

Інструктаж з БЖД. Створення елементів для веб-сторінок. Анімація в растровому графічному редакторі.

Інструктаж з БЖД. Растрова графіка. Тематичне оцінювання.

Тема 3. Основи композиції та дизайну

Інструктаж з БЖД. Колір. Теорія кольору. Колористика. Колірний круг. Система Pantone. Колір в рекламі. Насиченість, світлість, колірний тон, психологія кольору. Створення гармонійних колірних поєднань.

Інструктаж з БЖД. Основи теорії дизайну. Стиль та композиція в дизайні. Символи та образи. Художній образ. Знакові системи. Принципи побудови знаків. Стилістична єдність.

Інструктаж з БЖД. Поняття бренду, брендингу. Елементи фірмового стилю. Айдентика. Створення логотипів. Брендгайд. Брендбук.

Інструктаж з БЖД. Практична робота №4 Створення логотипів

Інструктаж з БЖД. Основи композиції та дизайну. Тематичне оцінювання.

Тема 4. Векторна графіка

Інструктаж з БЖД. Векторний графічний редактор як інструмент для дизайну.

Інструктаж з БЖД. Основні інструменти для малювання. Заливка об'єктів. Робота з градієнтами. Прозорість. Градієнтна сітка.

Інструктаж з БЖД. Робота з векторними контурами. Трасування об'єктів. Маскування. «Живі» переходи. Спотворення і деформація. Ділова графіка. Робота з текстом. Робота з символьними об'єктами. Макетування. Художнє оформлення тексту.

Інструктаж з БЖД. Практична робота №5 Створення простих векторних зображень

Інструктаж з БЖД. Векторна графіка. Тематичне оцінювання.

Тема 5. Графічний дизайн у поліграфії

Інструктаж з БЖД. Комп’ютерна верстка. Програми для комп’ютерної верстки: інтерфейс, основні функції. Інструменти роботи з текстом і зображенням. Концепція багатосторінкового документа. Смислові та художньо-декоративні завдання при підготовці поліграфічної продукції. Основні друкарські терміни. Основи композиції і архітектоніки багатосторінкового видання. Вимоги єдності стилю в графічній композиції.

Інструктаж з БЖД. Листівка. Призначення. Композиційні прийоми створення листівки. Шрифтові композиції та графічні елементи листівок. Створення листівки (колаж). Багатосторінкові видання та їх формат. Загальні питання побудови композиції шпальти (смуги ) набору. Сітка. Складові шпальти набору (кегль шрифту, інтерліньяж, відстань між колонками (середник), поля). Методи композиції тексту та графіки в смузі набору.

Інструктаж з БЖД. Перенос слів. Шрифтові виділення. Колонцифри. Колонтитули. Виноски. Художні ефекти. «Коридори». Висячі рядки. Текстові - видільні - титульні шрифти. Акценти. Абзацний відступ. Буквиця. Відбиття лінійками. Буклет. Призначення. Принципи композиції. Види буклетів. Способи складання буклетів. Види згинів буклету. Технологічні особливості виготовлення буклетів. Вибір конструкції буклету. Аналіз існуючих стилів і видів буклетів, їх конструктивних форм і матеріалів. Верстка буклету.

Інструктаж з БЖД. Макет журнального розвороту. Підбір ілюстративного матеріалу, винесення, підписи, підзаголовки і заголовки, елементи графічного оформлення видання. Побудови композиції шпальт набору. Оформлення та макетування багатосторінкового видання - журналу. Верстка журналу.

Інструктаж з БЖД. Практична робота №6 Створення інформаційного буклету

Інструктаж з БЖД. Графічний дизайн у поліграфії. Тематичне оцінювання.

№ уро-ку

Дата

уроку

Тема уроку

Примі-тки

Тема 1. Напрямки та інструменти веб-дизайну

Правила поведінки і безпеки життєдіяльності (БЖ) в комп’ютерному класі.

Поняття веб-дизайну. Основні тренди веб-дизайну.

Інструктаж з БЖД. Види сайтів та їх особливості. Цільова аудиторія.

Інструктаж з БЖД. Інформаційна структура сайту. Системи керування вмістом. Адміністрування сайта

Інструктаж з БЖД. Інструменти веб-розробника. План розробки сайту. Макет інформаційної структури сайту.

Інструктаж з БЖД. Практична робота №7 «Проектування структури сайту».

Інструктаж з БЖД. Напрямки та інструменти веб-дизайну. Тематичне оцінювання

Тема 2. Проектування та верстка веб-сторінок

Інструктаж з БЖД. Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи.

Інструктаж з БЖД. Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання.

Інструктаж з БЖД. Таблиці та списки на веб-сторінках.

Інструктаж з БЖД. Практична робота №8 “Створення веб-сторінки за допомогою «Мови гіпертекстової розмітки».

Інструктаж з БЖД. Каскадні таблиці стилів.

Інструктаж з БЖД. Стильове оформлення сторінок.

Інструктаж з БЖД. Позиціювання елементів веб-сторінки за допомогою стилів.

Інструктаж з БЖД. Практична робота №9 «Створення веб-сторінки з використанням каскадних аркушів стилю»

Інструктаж з БЖД. Проектування та верстка веб-сторінок.

Інструктаж з БЖД. Адаптивна верстка. Кросбраузерна оптимізація сторінок сайту.

Інструктаж з БЖД. Проектування і верстка веб-сторінок. Тематичне оцінювання

Тема 3. Графіка та мультимедіа для веб-середовища

Інструктаж з БЖД. Графіка для веб-середовища

Інструктаж з БЖД. Анімаційні ефекти. Карти посилань.

Інструктаж з БЖД. Мультимедіа на веб-сторінках.

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

Інструктаж з БЖД. Практична робота №10 «Використання графічних, анімаційних та мультимедійних елементів на веб-сторінках».

Тема 4. Веб-програмування

Інструктаж з БЖД. Поняття об’єктної моделі документа. Веб-програмування та інтерактивні сторінки.

Інструктаж з БЖД. Використання форм. Основні елементи форми. Валідація те збереження даних форм.

Інструктаж з БЖД. Практична робота №11 «Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмування»

Інструктаж з БЖД. Хостинг сайту. Взаємодія клієнт-сервер.

Інструктаж з БЖД. Практична робота №12 «Розміщення сайту на сервері»

Інструктаж з БЖД. Графіка та мультимедіа для веб-середовища. Веб-програмування. Тематичне оцінювання

Тема 5. Основи дизайну та просування веб-сайту

Інструктаж з БЖД. Правила ергономічного розміщення відомостей на веб-сторінці. Пошукова оптимізація та стратегії просування веб-сайтів.

Інструктаж з БЖД. Практична робота №13 «Оцінка сайту. Просування сайту»

Інструктаж з БЖД. Проектна діяльність. Розбиття на групи. Вибір теми проекту. Розробка плану проекту.

Інструктаж з БЖД. Робота над проектом.

Інструктаж з БЖД. Захист проекту.

Інструктаж з БЖД. Основи дизайну та просування веб-сайту. Тематичне оцінювання

Інструктаж з БЖД. Повторення. Напрямки та інструменти веб-дизайну

67.

Інструктаж з БЖД. Повторення. Проектування та верстка веб-сторінок

68.

Інструктаж з БЖД. Повторення. Графіка та мультимедіа для веб-середовища

69.

Інструктаж з БЖД. Повторення. Веб-програмування

70.

Інструктаж з БЖД. Повторення і систематизація навчального матеріалу за рік.