Модуль «Інструменти для веб-дизайну» (перейти на сторінку сайту).
В даному курсі (перший рік) можна вивчати два модулі – дві теми: “Основи веб-дизайну”, мова html та “Основи комп’ютерної графіки, редактор Photoshop”.
Програма курсу за вибором «Інструменти для веб-дизайну» 7 – 10 класи
Навчальний матеріал з теми 1 (І семестр)
1). Інтерактивний довідник з теми “Мова HTML” (рекомендую викачати довідник із хмари на власний комп’ютер. Довідник запускається файлом index.html)
Архів довідника тут (скачайти архів, розархівувати на свій ПК, запустити файл index.html)
2). Вивчаємо мову розмітки гіпертексту HTML (опорний конспект з теми уроку, перехід на авторський сайт вчителя):
Навчальні презентації курсу “Інструменти для веб-дизайну”
Урок 1. Поняття про мову розмітки, гіпертекстовий документ та його елементи (перейти).
Урок 2. Теги заголовку й тла веб-сторінки. Теги форматування шрифтів і поділу тексту на рядки та абзаци. Перехід на новий рядок (перейти)
Урок 5. Теги форматування шрифтів і поділу тексту на рядки та абзаци (перейти)
Урок 6. Нумеровані й марковані списки на веб-сторінках (презентація)
Урок 8. Використання зображень у веб-документах (презентація)
Урок 9. Текстові та графічні гіперпосилання (презентація)
Урок 11-13. Структурування веб-сторінок за допомогою таблиць (презентація)
Урок 14-15. Використання форм на веб-сторінках (презентація)
Навчальний матеріал з теми 2 (ІІ семестр)
“Основи комп’ютерної графіки, редактор Photoshop”.
Навчальні презентації
Комплект відеоуроків для домашнього вивчення та відпрацювання навичок роботи:
Тема 1. Створення і збереження зображень у Photoshop (переглянути)
Тема 2. Інтерфейс програми Photoshop (переглянути)
Тема 3. Інструмент Масштаб та палітра Навігатор у Photoshop (переглянути)
Тема 4. Інструменти Прямокутна область та Овальна область у Photoshop (переглянути)
Тема 5. Інструмент Переміщення у Photoshop (переглянути)
Тема 6. Робота з шарами у Photoshop (переглянути)
Тема 7. Інструменти виділення Ласо і Прямолінійне Ласо у Photoshop (переглянути)
Тема 8. Інструменти виділення у Photoshop. Магнітне Ласо (переглянути)
Тема 9. Трансформування об’єктів у Photoshop (переглянути)
Тема 10. Інструменти виділення: Чарівна паличка та Швидке виділення у Photoshop (переглянути)
Тема 11. Інструмент Рамка (Кадрування). Зміна розмірів зображення у Photoshop (переглянути)