Планування курсу “Веб-дизайн”
І. Автоматизоване створення й підтримка веб-ресурсів Урок 1. Основи Інтернету. Створення та підтримка веб-ресурсів автоматичними засобами. Викладання теоретичних відомостей: передавання даних в Інтернеті, адресація в Інтернеті, веб-сторінка та вебсайт, домашні сторінки, структура веб-сайтів, безкоштовний хостинг веб-сайту. Виконання вправи 1.
І. Автоматизоване створення й підтримка веб-ресурсів Урок 2. Форуми та чати на веб-сайтах. Блоги. Викладання теоретичних відомостей: форуми та чати на веб-сайтах. Блоги. Виконання вправ 2, 3.
І. Автоматизоване створення й підтримка веб-ресурсів Урок 3. Створення та адміністрування вебсайту на безкоштовному сервері. Виконання практичної роботи № 1.
І. Автоматизоване створення й підтримка веб-ресурсів Урок 4. Створення й ведення блогу. Виконання практичної роботи № 2.
ІІ. Основи Мови HTML Урок 5. Базові конструкції мови HTML. Викладання теоретичних відомостей: поняття тегу, структура HTML-документа, теги форматування тексту, нумеровані й марковані списки. Виконання вправ 1, 2. Приклади 1, 2.
Основи Мови HTML Урок 6. Текстові гіперпосилання. Викладання теоретичних відомостей: текстові гіперпосилання. Приклад 3.
ІІ. Основи Мови HTML Урок 7. Використання таблиць у HTML -документах. Викладання теоретичних відомостей: створення таблиці, об’єднання комірок, встановлення ширини таблиці та комірок, форматування тексту та оформлення рамок таблиці, колірне оформлення таблиць. Виконання вправ 3, 4. Приклади 4, 5, 6, 7.
ІІ. Основи Мови HTML Урок 8. Використання таблиць для розміщення об’єктів на веб-сторінці. HTMLдокументи, які містять фрейми. Викладання теоретичних відомостей: позиціонування за допомогою таблиць, фрейми, їхні теги та атрибути, використання посилань у фреймах, недоліки використання фреймів. Виконання вправ 5, 6, 7.
ІІ. Основи Мови HTML Урок 9. Розроблення найпростішої вебсторінки. Виконання практичної роботи 3.
ІІ. Основи Мови HTML Урок 10. Структурування веб-сторінки за допомогою таблиць. Виконання практичної роботи 4.
ІІ. Основи Мови HTML Урок 11. Розроблення веб-сайтів за допомогою фреймів. Виконання практичної роботи 5.
ІІІ. Графіка, аудіо- та відеоінформація на вебсторінках Урок 12. Використання зображень у вебдокументах Викладання теоретичних відомостей: формати зображень, які використовують в Інтернеті, розміщення і вирівнювання зображень на веб-сторінках. Виконання вправи 1. Приклади 1, 2.
ІІІ. Графіка, аудіо- та відеоінформація на вебсторінках Урок 13. Створення і розміщення на вебсторінках gif-анімацій. Приклад 4.
ІІІ. Графіка, аудіо- та відеоінформація на вебсторінках Урок 14. Карти посилань. Розміщення та відтворення на веб-сторінках мультимедійних даних. Викладання теоретичних відомостей: карти посилань, формати аудіо- та відеофайлів, технології та засоби відтворення мультимедіа на веб-сторінках. Вправа 2.
ІІІ. Графіка, аудіо- та відеоінформація на вебсторінках Урок 15. Розміщення на сторінці графічних об’єктів. Виконання практичної роботи № 6.
ІV. Візуальний редактор веб-сайтів Урок 16. Інтерфейс та режими роботи програми. Робота з веб-сторінками. Викладання теоретичних відомостей: вікно програми, режими перегляду веб-документів, відкривання та створення сайтів і веб-сторінок, форматування тексту, розміщення і настроювання зображень, створення таблиць, створення гіперпосилань. Виконання вправи 1.
ІV. Візуальний редактор веб-сайтів Урок 17. Створення веб-сайту за допомогою майстра або шаблону. Викладання теоретичних відомостей: використання майстрів та шаблонів для сайтів, шаблони веб-сторінок. Виконання вправ 2, 3.
ІV. Візуальний редактор веб-сайтів Урок 18. Створення сайту в середовищі візуального редактора. Виконання практичної роботи № 7.
V. Таблиці каскадних стилів та динамічні веб-сайти Урок 19. Використання таблиць каскадних стилів. Застосування стилів у програмі Front. Page. Викладання теоретичних відомостей: поняття про таблиці каскадних стилів, застосування каскадних стилів у HTML-документах, позиціонування елементів вебсторінки за допомогою стилів, внутрішня та зовнішня таблиці стилів у програмі Front. Page. Виконання вправ 1, 2, 3. Приклад 1.
V. Таблиці каскадних стилів та динамічні веб-сайти Урок 20. Поняття об’єктної моделі. Викладання теоретичних відомостей: властивості, методи та події, об’єктна модель браузера Internet Explorer.
V. Таблиці каскадних стилів та динамічні веб-сайти Урок 21. Сценарії. Викладання теоретичних відомостей: мова програмування Java. Script, використання форм. Виконання вправ 4, 5, 6.
V. Таблиці каскадних стилів та динамічні веб-сайти Урок 22. Створення форм та динамічних об’єктів у Front. Page. Викладання теоретичних відомостей: шаблони та майстри для створення форм, елементи форм, ефекти динамічної HTML. Виконання вправ 7, 8, 9.
V. Таблиці каскадних стилів та динамічні веб-сайти Урок 23. Створення динамічних об’єктів на веб-сторінках. Виконання практичної роботи № 8.
V. Таблиці каскадних стилів та динамічні веб-сайти Урок 24. Опрацювання форм за допомогою веб-скриптів. Виконання практичної роботи № 9.
VІ. Хостинг та популяризація сайтів Урок 25. Розміщення веб-сайту в мережі Інтернет. Рекламування сайту в Інтернеті. Викладання теоретичних відомостей: вибір URL-адреси, хостинг на безкоштовному сервері, FTP-з’єднання з хостом, банери та банерні мережі, реєстрація ресурсу в пошукових системах Виконання вправ 1, 2, 3.
VІ. Хостинг та популяризація сайтів Урок 26. Публікування веб-сайту та його реєстрація у пошуковій системі. Виконання практичної роботи № 10.
VІІ. Дизайн веб-сайтів Урок 27. Типи сайтів та їхні особливості. Планування веб-сайту та етапи роботи над ним. Викладання теоретичних відомостей: статичні та динамічні сайти, тематична класифікація, візуальна класифікація, планування веб-сайту та етапи роботи над ним. Виконання вправи 1: http: //ostriv. in. ua/ http: //www. bigmir. net/ http: //www. kinopalace. lviv. ua/ http: //www. ukrlib. com. ua/ http: //www. postcard-ua. com/ http: //www. bmw. ua/ http: //www. aerosvit. ua/
VІІ. Дизайн веб-сайтів Урок 28. Основи веб-дизайну, проектування структури сайту Викладання теоретичних відомостей: основні поняття дизайну, ергономіка, основні складові веб-дизайну, вибір інформаційної інфраструктури, засоби навігації, проектування гіперпосилань. Виконання вправи 2: http: //www. astra. lviv. ua/cs/ http: //uk. wikipedia. org/ http: //www. apple. com/ http: //www. alex. poninska. pl/ http: //news. bbc. co. uk/ http: //ostriv. in. ua/ http: //leoburnett. ca/
VІІ. Дизайн веб-сайтів Урок 29. Просторовий дизайн веб-сторінок. Викладання теоретичних відомостей: вибір розмірів вебсторінок, компонування та визначення набору сторінок сайту, розміщення елементів на сторінці. Виконання вправи 3: http: //www. csszengarden. com/? cssfile=184/184. css http: //www. csszengarden. com/? cssfile=170/170. css http: //www. csszengarden. com/? cssfile=162/162. css http: //www. csszengarden. com/? cssfile=160/160. css
VІІ. Дизайн веб-сайтів Урок 30. Інформаційне наповнення веб-сторінки. Викладання теоретичних відомостей: підготовка текстів, вибір шрифтового наповнення. Виконання вправи 4.
VІІ. Дизайн веб-сайтів Урок 31. Графічне оформлення вебсторінки. Викладання теоретичних відомостей: сприймання людиною форм та фігур, колір у веб-дизайні, текстури у веб-дизайні. Виконання вправи 5: http: //www. csszengarden. com/? cssfile=185/185. css: «Манхеттен» — ритм та текстура; http: //www. csszengarden. com/? cssfile=181/181. css: «Красуня в рожевому» — домінантність, пропорція; http: //www. csszengarden. com/? cssfile=152/152. css: «Метро» — лінії, шрифти; http: //www. csszengarden. com/? cssfile=148/148. css: «Музей» — пропорційність та лінії; http: //www. csszengarden. com/? cssfile=122/122. css: «Центральність» — симетрія та колір; http: //www. csszengarden. com/? cssfile=046/046. css: «Лайм» — точки, ритм та кольорова аналогія; http: //www. csszengarden. com/? cssfile=031/031. css: «Кутики» — форма і перспектива;
VІІ. Дизайн веб-сайтів Урок 32. Типові помилки дизайнерівпочатківців. Аналіз створених у попередніх практичних роботах сайтів.
VІІ. Дизайн веб-сайтів Урок 33. Оформлення сайту. Виконання практичної роботи № 11.
VІІ. Дизайн веб-сайтів Урок 34. Оформлення сайту. Порівняння створеного сайту та знайдених в Інтернеті веб-вузлів на схожу тематику. Виконання практичної роботи № 11: Приклади виконання веб-сайтів учнями: Ø Ø Ø Ø Ø Довідник кривих Тестування Ще тестування Про банк Ефекти Photoshop Машинки Автомобілі Рок-група Замки Цікаві факти
Скачать презентацию Планування курсу Веб-дизайн І Автоматизоване створення й
ca9cd9c869e5858c1c417eed13bf84e8.ppt