11 клас

________________________________________________________



Підсумковий тест по темі "Комп'ютерна графіка" (до 18.11.25)  
https://naurok.com.ua/test/join?gamecode=6940240


Тест. Комп'ютерна верстка поліграфічних видань (до 18.11.25)

https://naurok.com.ua/test/join?gamecode=3113171


Презентація по верстці друкованих видань (моя)


Модуль "Веб-технології"



Структура модуля:

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

1.      Основні тренди у веб-дизайні. Види сайтів та цільова аудиторія.

Пройти тестування https://naurok.com.ua/test/join?gamecode=8719197

2.      Практична робота.. Інформаційна структура сайту.

3.      Інструментальні засоби для веб-розробки

4.      Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи

5.      Практична робота. Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання (c.42)

6.      Таблиці та списки на веб-сторінках

7.      Каскадні таблиці стилів. Стильове оформлення сторінок. Блокова модель CSS

8.      Проектування та верстка веб-сторінок.  Адаптивна верстка

9.      Кросбраузерна оптимізація сторінок сайту

10.  Графіка для веб-середовища.  Анімаційні ефекти. Мультимедіа на веб-сторінках

11.  Авторські права та ліцензії у веб-середовищі



Розділ2. Веб-програмування. Основи дизайну та просування веб-сайту

Поняття про мови веб-скриптів та спосіб використання скриптів у гіпертекстових документах.

Змінні та функції в JS.

Бібліотеки JS.

Практична робота. Спливаючі вікна в JS. Створення тесту.

Об'єктна модель документа

Кнопки, події, функції

Практична робота. Створення динамічних елементів на веб-сторінках

Поняття форми, елементи форми.

Валідація та збереження даних форм

Веб-сервер та база даних.

Прикладний програмний інтерфейс

Планування веб-сайту та етапи роботи над ним

Принципи графічного дизайну сайтів. 

Вибір теми проєкту. Формування груп.

Дизайн структури сайту та просторовий дизайн веб-сторінок.

Дизайн кольору, форми, текстури, шрифтів  

Хостинг сайту.

Практична робота. Виконання індивідуальних та колективних проектів

Представлення та захист проектів

Оптимізація та стратегії просування веб-сайтів
1.             
Поняття про мови веб-скриптів та спосіб використання скриптів у гіпертекстових документах.


2.             
http://comscienceatschool.blogspot.com/p/26_17.html
Об'єктна модель документа DOM


3.             
Кнопки, події, функції


4.             
Практична робота. 
Створення динамічних елементів на веб-сторінках
Переглянути відео-урок
Скачати файл-заготовку та додати до нього код, щоб отримати галерею зображень.
Завантажте файл-заготовку
Змініть назви файлів зображень, щоб спрацював скріпт. Додайте декілька власних зображень до галареї.
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>video</title>
   <script type="text/javascript">
     var photosCount = 4;
     var currentPhotoIndex = 1;
     function showNextPhoto() {
      currentPhotoIndex++;
      if(currentPhotoIndex>photosCount) {currentPhotoIndex=1;}
      var elem = document.getElementById("currentPhoto");
      elem.src = "images/" + currentPhotoIndex + ".jpg";
     }
    </script>
    <link href="styles/style.css" rel="stylesheet" type="text/css">
 </head>
 <body>
   <h1 align="center"> Найщасливіші миті життя </h1>
<img id="currentPhoto" height="420" width="540" src="images/1.jpg" />
<button onclick="showNextPhoto()">Next</button>
 </body>
</html>


5.             
Валідація та збереження даних форм


6.             
Хостинг сайту


7.             
Веб-сервер та база даних. Взаємодія клієнт-сервер.

Прикладний програмний інтерфейс

Довідник HTML

ТО
Основи дизайну та просування веб-сайту
8.           
Планування веб-сайту та етапи роботи над ним
ІДЕЇ ДЛЯ СТВОРЕННЯ САЙТІВ
21.10
17.10
9.           
Принципи графічного дизайну сайтів
11.11
7.11
10.           
Практична робота №2. Дизайн структури сайту та просторовий дизайн веб-сторінок

Теоретичні відомості
11.11
7.11
11.           
Практична робота №3. Ергономічне розміщення відомостей на веб-сторінці

Теоретична підбірка (все про ергономіку та критерії оцінювання ергономічності)
25.11
21.11
12.           

Дизайн кольору, форми, текстури, шрифтів

Корисні посилання: 

http://colorexplorer.com/

http://mobile.colorotate.org/

http://www.colorsontheweb.com/
25.11
21.11
13.           
Оптимізація та стратегії просування веб-сайтів
09.12
05.12
14.           
Практична робота №4.Виконання індивідуальних та колективних проектів
09.12
05.12
15.           
Практична робота №4. (продовження) Виконання індивідуальних та колективних проектів.  Підготовка звітів
23.12
19.12
16.           
Представлення та захист проектів
23.12
19.12

Електронний посібник (базовий модуль та вибірковий модуль "Графічний дизайн"
Підручники та посібники:
1. Веб-дизайн і комп’ютерна графіка.  

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


19.           

Дизайн і його тенденції. Цифрове мистецтво. Інфографіка.

Приклад інфографіки



20.           

Сучасна реклама та фірмовий стиль. Електронні та друковані портфоліо



21.           

Типографіка, шрифти і шрифтові пари. Коротка історія дизайну і типографіки


Растрова графіка


22.           
Характеристики зображення та засобів його відтворення


23.           
Растровий графічний редактор як інструмент для дизайну


24.           
Концепція побудови пошарового зображення. Робота з шарами.


25.           
Створення колажів. Прийоми колажування


26.           
Робота з текстом. Робота з векторними елементами


27.           
Ретуш та художня обробка зображень


28.           
Тонова корекція зображень. Робота з кольором

https://vseosvita.ua/lesson/tonova-korektsiia-zobrazhen-robota-z-kolorom-570640.html?rl=988


29.           
Анімація в растровому графічному редакторі


30.           
Створення елементів для веб-сторінок


31.           
Розробка дизайну та створення графічних проектів
http://surl.li/angvha

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


32.           
Колір. Теорія кольору. Колористика

https://naurok.com.ua/test/join?gamecode=4070048


33.           
Основи теорії дизайну. Стиль та композиція в дизайні


34.           
Символи та образи. Художній образ


35.           
Поняття бренду, брендингу. Елементи фірмового стилю. Айдентика

Тестування 16.09.2025 11-Б

https://naurok.com.ua/test/join?gamecode=5002548


36.           
Створення логотипів. Брендгайд. Брендбук. 
Скидати матеріали сюди:

anistratenko.t.v@chern12.ukr.education
Корисні посилання: https://www.msp-patent.com.ua/


Векторна графіка


37.           
Векторний графічний редактор як інструмент для дизайну (посібник редактор Carel Draw)
Матеріали до уроку


38.           
Робота з векторними контурами. 

Заливка об'єктів. Робота з градієнтами


39.           
Впорядковування, вирівнювання й об’єднання об’єктів


40.           
Художнє оформлення тексту. Робота з текстом. Макетування


41.           
Художні ефекти. Робота з символьними об'єктами


42.           
Розробка дизайну афіш, квитків, флаєрів, постерів тощо


Графічний дизайн у поліграфії


43.           
Комп’ютерна верстка. Програми для комп’ютерної верстки

https://surl.li/vhhwke


44.           
Багатосторінкові видання та їх формат. Основи композиції і архітектоніки багатосторінкового видання


45.           
Композиційні прийоми створення листівки


46.           
Буклет. Призначення. Принципи композиції. Види буклетів


47.           
Створення обкладинки журналу


48.           
Виконання індивідуальних та колективних проектів


49.           
Підсумковий урок

ТО
50.           
Резервний час


51.           
Резервний час


52.           
Резервний час


53.           
Резервний час


Коментарі

Дописати коментар

Популярні дописи з цього блогу

Авторські права та ліцензії у веб-середовищі (для 10 класу і всіх, кому цікаво)

  Інтелектуальна власність  — це власність на результати інтелектуальної та творчої діяльності.  Об’єктами інтелектуальної власності (результатами інтелектуальної та творчої діяльності) згідно із законодавством України є: ·       літературні та художні твори; ·     комп’ютерні програми; бази даних; фонограми, відеограми, передачі (програми) організацій мовлення; ·      наукові відкриття; ·       винаходи, корисні моделі, промислові зразки; ·          раціоналізаторські пропозиції; ·         сорти рослин, породи тварин; ·    комерційні (фірмові) найменування, торговельні марки (знаки для товарів і послуг), географічні зазначення; ·           комерційні таємниці тощо. На об’єкти інтелектуальної власності розповсюджується авторське право. Згадаймо, що таке право? (ві...
Докладніше

Початок роботи на e-olimp

Зображення
 Всім моїм учням хочу побажати міцного здоров'я. Сама перемагаю хворобу і дякую за прекрасні побажання одужання, що дають мені сили. Оскільки в цьому році змінилися форма та стиль навчання, учні 7-9 класів мали можливість через Google classroom долучитися до вивчення основ алгоритмізації засобами мови програмування Python. Разом з тим, не можна забувати надбання минулих років, коли ми знайомились з візуальним об'єктно-орієнтованим середовищем Lazarus.  Всі ці думки, а також успіхи учнів у засвоєнні матеріалу змусили мене саму працювати, мабуть тепер наступним кроком мотивації та розвитку є розв'язування задач на сайті e-olimp Спершу рекомендації: починати із сторінки, де задачі систематизовані за складністю та типом алгоритму. Наважуся навести приклади моїх розв'язків, не сумніваюся, що ваші будуть не гіршими. Роблю це для того, щоб запросити усіх охочих перебороти свої страхи та невпевненість, подивіться, як це легко.  Курс олімпійця для початківців Розв'язки задач...
Докладніше

Тиждень безпеки в Інтернеті

6 клас 1) Повторення правил безпеки в Інтернеті (презентація) Безпечний інтернет.pptx https://youtu.be/VWKWM23fdg0?si=qiUiCGyfEelOPzm- 2) Виконання інтерактивних вправ на знання безпеки в Інтернеті Вправа-пазл   Вікторина "Безпечний Інтернет"       переглянути відео та записати відповіді на питання безпечно або ні Понеділок, 3 лютого, 2 урок 6-А  та 4 урок 6-Б, 25 кабінет 7 клас 1) "Шахраям це подобається" (відео) https://drive.google.com/drive/folders/1t1czW_rpxe4z8U2gNcDuRLEOUZH-xP6u Після перегляду відео дайте відповідь на запитання: що саме подобається шахраям і чому? 2) Виконання вправ на знання безпеки в Інтернеті Для розігріву:  https://learningapps.org/display?v=pb6rg66at21 Колекція вправ:  ttps://learningapps.org/display?v=ppsyqihit20 Вівторок, 4 лютого, 2 урок 7-В, 4 урок 7-Б, 6 урок 7-А 25 кабінет, 15 кабінет (Сидорчук В.В., Аністратенко Т.В.) 8 клас гра "Майстер кібербезпеки" Монетка Секрети створення паролів від Ремуса Люпина Інтерактивна ...
Докладніше