Модуль «Інструменти для веб-дизайну» (перейти на сторінку сайту).

 В даному курсі (перший рік) можна вивчати два модулі – дві теми: “Основи веб-дизайну”, мова html та “Основи комп’ютерної графіки, редактор Photoshop”.

Програма курсу за вибором «Інструменти для веб-дизайну» 7 – 10 класи 

Орієнтовний календарний план

Навчальний матеріал з теми 1 (І семестр)

1). Інтерактивний довідник з теми “Мова HTML” (рекомендую викачати довідник із хмари на власний комп’ютер. Довідник запускається файлом index.html) 

Архів довідника тут (скачайти архів, розархівувати на свій ПК, запустити файл index.html) 

2). Вивчаємо мову розмітки гіпертексту HTML (опорний конспект з теми уроку, перехід на авторський сайт вчителя):

1. Основи мови HTML
2. Поняття про мову розмітки, гіпертекстовий документ та його елементи  
3. Поняття тегу й атрибуту  
4. Теги заголовку й тіла веб-сторінки  
5. Теги форматування шрифтів і поділу тексту на рядки та абзаци  
6. Текстові гіперпосилання  
7. Нумеровані й марковані списки на веб-сторінках  
8. Теги таблиць, рядків, комірок, їхні атрибути  
9. Поняття про структуру веб-сайту  
10. Фрейми, теги й атрибути фреймів  
11. Використання посилань у фреймах  
12. Використання зображень у веб-документах  
13. Розміщення та відтворення на веб-сторінках мультимедійних даних
14. Використання стилів

Навчальні презентації курсу “Інструменти для веб-дизайну” 

Урок 1. Поняття про мову розмітки, гіпертекстовий документ та його елементи (перейти).

Урок 2. Теги заголовку й тла веб-сторінки. Теги форматування шрифтів і поділу тексту на рядки та абзаци. Перехід на новий рядок (перейти)

Урок 5. Теги форматування шрифтів і поділу тексту на рядки та абзаци (перейти)

Урок 6. Нумеровані й марковані списки на веб-сторінках (презентація)

Урок 8. Використання зображень у веб-документах (презентація)

Урок 9. Текстові та графічні гіперпосилання (презентація)

Урок 11-13. Структурування веб-сторінок за допомогою таблиць (презентація)

Урок 14-15. Використання форм на веб-сторінках (презентація)

Навчальний матеріал з теми 2 (ІІ семестр)

“Основи комп’ютерної графіки, редактор Photoshop”.

Навчальні презентації

1. Комп’ютерна графіка (презентація до уроку)
2. Програми перегляду графіки (презентація до уроку)
3. Поняття анімації (переглянути презентацію)
4. Знайомство із програмою Photoshop (презентація до уроку)
5. Виділення області зображення (презентація до уроку)
6. Шари і трансформація (презентація до уроку)
7. Oбробка цифрових фотографій (презентація до уроку)

Комплект відеоуроків для домашнього вивчення та відпрацювання навичок роботи:

Тема 1. Створення і збереження зображень у Photoshop (переглянути)

Тема 2. Інтерфейс програми Photoshop (переглянути)

Тема 3. Інструмент Масштаб та палітра Навігатор у Photoshop (переглянути)

Тема 4. Інструменти Прямокутна область та Овальна область у Photoshop (переглянути)

Тема 5. Інструмент Переміщення у Photoshop (переглянути)

Тема 6. Робота з шарами у Photoshop (переглянути)

Тема 7. Інструменти виділення Ласо і Прямолінійне Ласо у Photoshop (переглянути)

Тема 8. Інструменти виділення у Photoshop. Магнітне Ласо (переглянути)

Тема 9. Трансформування об’єктів у Photoshop (переглянути)

Тема 10. Інструменти виділення: Чарівна паличка та Швидке виділення у Photoshop (переглянути)

Тема 11. Інструмент Рамка (Кадрування). Зміна розмірів зображення у Photoshop (переглянути)