Міністерство
освіти і науки України
Запорізький електротехнічний коледж
Запорізького національного технічного університету
ЗАТВЕРДЖЕНО
Протокол
засідання ПЦК “Розробка програмного
забезпечення”
Від
_____________№______________
Голова ПЦК______Н.В.Бабенко
Web-дизайн
Методичні вказівки для виконання практичних робіт
для спеціальності 5.005010301
Викладач А.І. Смірнова
2010
Передмова
Методичні вказівки для виконання практичних робіт з предмету “Web-дизайн“ містять указівки до виконання практичних робіт №№ 1-15.
Структура методичних указівок наступна:
Тема роботи
Мета роботи
Завдання до роботи
Опис виконання завдання
Звіт з виконання практичної роботи виконується на аркушах формату А4 (у друкованому вигляді), оформлених відповідно до стандарту підприємства, і повинний містити наступні пункти:
Тема роботи
Мета роботи
Технічне забезпечення
Завдання до роботи
Результати виконання роботи (скріншоти)
Перелік інструментів для виконання малюнка
Висновок
Зміст
Перелік практичних робіт 4
Практична робота № 1 5
Практична робота № 2 14
Практична робота № 3 19
Практична робота № 4 24
Практична робота № 5 28
Практична робота № 6 34
Практична робота № 7 41
Практична робота № 8 49
Практична робота № 9 51
Практична робота № 10 53
Практична робота № 11 55
Практична робота № 12 67
Практична робота № 13 73
Практична робота № 14 78
Практична робота № 15 80
перелік практичних робіт
Номер модулю |
Номер заняття |
Назва роботи (заняття)
|
Кіль-кість годин |
1 |
9 |
Практична робота №1 |
2 |
|
|
Малювання і розфарбування стандартних фігур у редакторі PhotoShop |
|
|
10 |
Практична робота №2 |
2 |
|
|
Створення колажа «Фруктовий натюрморт» |
|
|
|
|
|
|
11 |
Практична робота №3 |
2 |
|
|
Створення світлових ефектів. Використання фільтрів. Робота з каналами |
|
|
12 |
Практична робота №4 |
2 |
|
|
Створення імітації тривимірного тексту. Робота з інструментом «Штамп». Робота з фільтрами |
|
|
|
|
|
|
15 |
Практична робота №5 |
2 |
|
|
Створення простих фігур і ліній у редакторі Corel Draw |
|
|
|
|
|
|
16-17 |
Практична робота №6 |
4 |
|
|
Трансформація зображень. Створення складних композицій у редакторі Corel Draw |
|
|
|
|
|
2 |
19 |
Практична робота №7 |
2 |
|
|
Створення найпростішої Web-сторінки за допомогою мови гіпертекстової розмітки HTML |
|
|
|
|
|
|
20 |
Практична робота №8 |
2 |
|
|
Створення таблиць на Web-сторінках за допомогою мови гіпертекстової розмітки HTML |
|
|
|
|
|
|
21 |
Практична робота №9 |
2 |
|
|
Використовування на Web-сторінках графічних та мультимедійних об’єктів |
|
|
|
|
|
|
22-23 |
Практична робота №10 |
4 |
|
|
Використання програми Front Page для автоматизації створення Web-сторінки |
|
|
|
|
|
|
25 |
Практична робота №11 |
2 |
|
|
Промальовування макету Web-сторінки в редакторі Adobe PhotoShop. Створення кнопок |
|
|
|
|
|
|
27 |
Практична робота №12 |
2 |
|
|
Проектування верхньої частини сторінки. Швидке створення логотипа |
|
|
|
|
|
|
29 |
Практична робота №13 |
2 |
|
|
Створення області основного змісту. Фрагментація створеного макету |
|
|
|
|
|
|
31 |
Практична робота №14 |
2 |
|
|
Оптимізація і збереження Web-сторінки |
|
|
|
|
|
|
34 |
Практична робота №15 |
2 |
|
|
Створення анімаційних зображень за допомогою програми Macromedia Flash |
|
Практична робота №1