Скачати 196.38 Kb.
|
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ АВІАЦІЙНИЙ УНІВЕРСИТЕТ ІНСТИТУТ НОВІТНІХ ТЕХНОЛОГІЙ Індекс Р09 - № - 2 ЗАТВЕРДЖУЮ Проректор з навчальної роботи _____________________Полухін А.В. “____”____________________2009 р. РОБОЧА НАВЧАЛЬНА ПРОГРАМА спецкурсу “Web-дизайн та сучасні технології” для слухачів Інституту новітніх технологій
Київ - 2009 Робоча навчальна програма спецкурсу “Web-дизайн та сучасні технології” складена на основі переліку спецкурсів ІНТ, затвердженого «_____» ________________ 2009 р. Робочу навчальну програму склав: доцент Черниш Леся Григорівна Робоча навчальна програма обговорена та схвалена на засіданні науково-методичної редакційної ради ІНТ, протокол № від «____» _____________ 2009 року.
1. Мета і задачі навчальної дисципліни, її місце в навчальному процесі. 1.1. Мета викладання навчальної дисципліни Підготовка фахівців в області web-дизайну та комп’ютерної графіки, які володіють сучасними технологіями розробки власних web-сайтів і web-додатків з подальшою їх публікацією в мережі Інтернет. . 1.2. Задачі вивчення навчальної дисципліни ^
^ Заняття проводиться групами до 8-10 слухачів на навчальній мережі, що складається з робочих станцій та серверів і має вихід до Інтернету. Учбовий процес адаптується до середнього рівня підготовки слухачів. Основні види занять: лекції, практичні заняття, лабораторні роботи та підсумкове заняття (залік). Після закінчення навчання слухачі одержують сертифікат про проходження курсів підвищення кваліфікації. ^ 2.1. Тематичний план спецкурсу Таблиця 1
^ Розділ 1. Введення в Курс web-майстрів Тема 1.1. Основні поняття Web-дизайну Основи мережевої термінології: сайти, сервера, пошукові машини. Огляд сучасних браузерів, програм для створення web. Web-редактори: невізуальні, візуальні, гібридні. Браузери. Мови розмітки. Тема 1.2. Етапи розробки WEB-сайту Види сайтів та їхні особливості. Планування сайту, вміст, цільова аудиторія. Розділ 2. Графічний редактор Adobe Photoshop для Web-дизайну Тема 2.1. Оптимізація зображень Приклади застосування програми Photoshop в Web-дизайні. Оптимізація графічних елементів перед їхнім розміщенням на Web-сторінках, пошук компромісу між якістю зображення і його розміром у кілобайтах. Особливості оптимізації двох форматів Web-графіки: GIF та JPEG. ^ Дефекти фотоматеріалів (подряпини, плями). "Неправильні" кольори фотографій. Можливості Adobe Photoshop у плані поліпшення виду зображень. Тонова й колірна корекція зображень. Визначення якості колажу. Технологія створення фотоколажів. Створення текстових написів для Web-сторінок й ефекти з ними. Вивчення базових можливостей графічного редактора Adobe Illustrator. ^ Зв'язок стилю сайту з корпоративним стилем і логотипом. Поняття „резинового дизайну”. Використання програми Photoshop для створення макетів Web-сторінок. Підготовка макета до верстки (розрізання зображення на шматочки). Розміщення розрізаних на шматочки зображень у таблицях і переваги розрізування на шматочки. Збереження графічних файлів для Web. Розділ 3. Створення web-сайтів Тема 3.1. Створення й зміна основних властивостей HTML документа Огляд панелі об'єктів та їхніх властивостей. Структура HTML документа. Основні теги та їхні атрибути. Фізичне форматування документів. Гіперпосилання. Зображення й мультимедійні елементи на Web-сторінках. Таблиці й списки, верстка. Фрейми й форми. Абсолютне позиціювання: елементи DIV і SPAN, абсолютне позиціюванням шарів. Каскадні таблиці стилів (CSS). Стильове форматування – основний засіб «прикраси» Web-сторінок. Мовні стандарти. Використання шаблонів. Програми для створення web-сайтів та елементів web-сторінок. ^ Мова сценаріїв JavaScript. Технологія "клієнт-сервер". Створення інтерактивних ефектів web-сторінок: динамічних списків, „слайд-шоу”, меню, що випадає, текстової анімації тощо. Сценарії на стороні клієнта. Сценарії на стороні сервера. Розділ 4. Технології Flash. Основи анімації Тема 4.1. Ефективні прийоми малювання Перше знайомство. Інструменти малювання. Лінії та фігури. Способи заливання. Операції з об'єктами. “Намагнічування” об'єктів. Властивості шарів. Управління шарами. Створення графічних символів і зразків. ^ Робота з бібліотеками символів. Часова діаграма (Timeline). Типи анімації. Створення покадрової та tween-анімації. Анімація перетворення об'єктів та управління їхньою трансформацією. Створення руху об'єкта по заданому шляху. Типи звукових файлів, що підтримує Flash. Готові звукові ефекти Додавання звуку та його настроювання. Анімаційні ролики. Інтерактивні ролики. Публікація й експорт Flash-ролика: настроювання параметрів публікацій, експорт Flash-ролика в інші формати, оптимізація ролика, контроль процесу завантаження. Розділ 5. Технології та засоби розробки web-додатків Тема 5.1. Технології web-програмування Інтерпретована мова програмування PHP для створення динамічних сайтів. Встановлення веб-сервера Apache, інтерпретатора PHP і СУБД MySQL, налаштованих на роботу один з одним. Створення клієнт-серверних додатків мовою програмування PHP. Робота з базами даних (на прикладі MySQL). Питання авторизації користувачів під час доступу до web-сторінки. Захист web-сервісів від спаму. ^ Використання CMS Joomla, uCoz та інших сучасних систем керування сайтом для швидкої розробки динамічних веб-сайтів, інтернет-співтовариств, медіа-порталів та ін.: установка й настроювання системи; конфігурування інтерфейсу управління; структуризація й розміщення контенту сайту; розширення системи новими компонентами, модулями й плагінами; створення власних шаблонів. Розділ 6. Розміщення сайту в мережі Internet Оптимізація сайту для пошукових систем. Реєстрація доменних імен. FTP-клієнти. Завантаження сайту на сервер. Управління web-сайтом. ^ Розділ 1. Введення в Курс web-майстрів Тема 1.1. Основні поняття Web-дизайну Web-сторінка, Web-сайт и Web-сервер. Сервіс (служба) мережі Інтернет WWW (World Wide Web). Web-дизайн. Web-редактори: невізуальні, візуальні, гібридні. Браузери. Мови розмітки. Тема 1.2. Етапи розробки WEB-сайту Розробка структури сайту. Види сайтів та їхні особливості. Корпоративні сайти, сайти-візитки, інтернет-магазини й портали. Інструменти для створення сайтів. Розділ 2. Графічний редактор Adobe Photoshop для Web-дизайну Тема 2.1. Оптимізація зображень Приклади застосування програми Photoshop в Web-дизайні. Оптимізація графічних елементів перед їхнім розміщенням на Web-сторінках, пошук компромісу між якістю зображення і його розміром у кілобайтах. Особливості оптимізації двох форматів Web-графіки: GIF та JPEG. ^ Дефекти фотоматеріалів (подряпини, плями). "Неправильні" кольори фотографій. Можливості Photoshop у плані поліпшення виду зображень. Тонова й колірна корекція зображень. Визначення якості колажу. Технологія створення фотоколажів. Створення текстових написів для Web-сторінок й ефекти з ними. Вивчення базових можливостей графічного редактора Adobe Illustrator. Створення та редагування векторної графіки. Створення логотипу. ^ Зв'язок стилю сайту з корпоративним стилем і логотипом. Поняття „резинового дизайну”. Використання програми Photoshop для створення макетів Web-сторінок. Підготовка макета до верстки (розрізання зображення на шматочки). Розміщення розрізаних на шматочки зображень у таблицях і переваги розрізування на шматочки. Збереження графічних файлів для Web. Розділ 3. Створення web-сайтів Тема 3.1. Створення й зміна основних властивостей HTML документа Огляд панелі об'єктів та їхніх властивостей. Структура HTML документа. Основні теги та їхні атрибути. Фізичне форматування документів: установка кольорів тексту й фона сторінки, оформлення гіперпосилань, використання фонових зображень, атрибути фізичного форматування (вирівнювання, відступи й границі, розміри елементів тощо). Гіперпосилання: абсолютні й відносні, прийоми організації навігації між сторінками сайту. Зображення й мультимедійні елементи на Web-сторінках. Таблиці й списки, верстка. Фрейми й форми. Абсолютне позиціювання: елементи DIV і SPAN, абсолютне позиціюванням шарів. Каскадні таблиці стилів (CSS). Стильове форматування – основний засіб «прикраси» Web-сторінок. Мовні стандарти. Використання шаблонів. Програми для створення web-сайтів та елементів web-сторінок: Macromedia Dreamweaver, EZGenerator, Web Design, 123 Flash Menu, Likno Web Button Maker та інші. ^ Мова сценаріїв JavaScript. Технологія "клієнт-сервер". Створення інтерактивних ефектів web-сторінок: динамічних списків, „слайд-шоу”, меню, що випадає, текстової анімації тощо. Сценарії на стороні клієнта. Сценарії на стороні сервера. Розділ 4. Технології Flash. Основи анімації Тема 4.1. Ефективні прийоми малювання Перше знайомство. Інструменти малювання. Лінії та фігури. Способи заливання. Операції з об'єктами. “Намагнічування” об'єктів. Властивості шарів. Управління шарами. Створення графічних символів і зразків. ^ Робота з бібліотеками символів. Часова діаграма (Timeline). Типи анімації. Створення покадрової та tween-анімації. Анімація перетворення об'єктів та управління їхньою трансформацією. Створення руху об'єкта по заданому шляху. Типи звукових файлів, що підтримує Flash. Готові звукові ефекти Додавання звуку та його настроювання. Анімаційні ролики. Інтерактивні ролики. Публікація й експорт Flash-ролика: настроювання параметрів публікацій, експорт Flash-ролика в інші формати, оптимізація ролика, контроль процесу завантаження. Розділ 5. Технології та засоби розробки web-додатків Тема 5.1. Технології web-програмування Інтерпретована мова програмування PHP для створення динамічних сайтів. Встановлення веб-сервера Apache, інтерпретатора PHP і СУБД MySQL, налаштованих на роботу один з одним. Створення клієнт-серверних додатків мовою програмування PHP. Робота з базами даних (на прикладі MySQL). Питання авторизації користувачів під час доступу до web-сторінки. ^ Використання CMS Joomla, uCoz та інших сучасних систем керування сайтом для швидкої розробки динамічних веб-сайтів, інтернет-співтовариств, медіа-порталів та ін.: установка й настроювання системи; конфігурування інтерфейсу управління; структуризація й розміщення контенту сайту; розширення системи новими компонентами, модулями й плагінами; створення власних шаблонів. ^ Оптимізація сайту для пошукових систем. Реєстрація доменних імен. FTP-клієнти. Завантаження сайту на сервер. Управління web-сайтом. ^ 3.1 Основна та додаткова література Основна література 3.1.1. Фролов И.К. Разработка, дизайн, программирование и раскрутка web-сайта. – М.: «Триумф», 2009.- 304 с. 3.1.2. Самойлов Е.Э. Web-дизайн для начинающих: Практическое руководство. – М.: «Триумф», 2009.- 192 с. 3.1.3. Колисниченко Д.Н. Joomla 1.5. Руководство пользователя. – М.: «Диалектика», 2009.- 216 с. 3.1.4. Александров А.В., Сергеев Г.Г., Костин С.П. Создание Web-страниц и Web-сайтов. – М.: «Триумф», 2008.- 288 с. 3.1.5. М. Кэмпбел. Строим Web-сайты. Дизайн. HTML. CSS. GARAGE : пер. с англ. – М.: «Триумф», 2006. – 480 с. 3.1.6. Крис Джамса, Конрад Кинг, Энди Андерсон. Эффективный самоучитель по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Текст, графика, звук и анимация. / Пер с англ. – М.: «ДиаСофтЮП», 2005.- 672 с. 3.1.7. Дэйв Ши, Молли Е. Хольцшлаг. Философия CSS-дизайна. – М.: «НТ-Пресс», 2005.- 313 с. 3.1.8. Сибил Айриг, Эмиль Айриг - "Сканирование - профессиональный подход". – Мн.: "Попурри, 1999. – 176 с. 3.1.9. Лемке Д. Microsoft Office Visio 2007. – М: «Эком», 2008. – 368 с. 3.1.10. Дик Мак-Клелланд. Photoshop 7. Библия пользователя. – М: «Вильямс», 2003. – 928 с. 3.1.11. Миронов Д.Ф. Corel DRAW ХЗ. Учебный курс. – СПб.: «Питер», 2006. – 397 с. 3.1.12. Фалалеева В.А. Компьютерная анимация Macromedia Flash. – М.: «Физтех-коледж», 2007. – 197 с. 3.1.13. Волкова Е. В. Photoshop CS2. Художественные приемы и профессиональные хитрости. — СПб.: «Питер»,, 2006. —252 с. Додаткова література 3.1.14. Круг С. Веб-дизайн: книга Стива Круга или «не заставляйте меня думать!» - Пер. с англ. – СПб: «Символ-Плюс», 2005. – 200 с. 3.1.15. Леонтьев Б. Web-дизайн: Тонкости, хитрости и секреты. – М.: «Познавательная книга плюс», 1999. – 192 с. 3.1.16. Дронов В.А. Macromedia DreamWeaver 8. – СПб.: «БХВ – Петербург», 2006. – 319 с. 3.1.17. Б. Карпов. Самоучитель Visio 2002. – М: «Питер», 2003. – 352 с. 3.1.18. Дэн Маргулис. Photoshop для профессионалов: классическое руководство по цветокоррекции. Четвертое издание. – М: «Интерсофтмарк», 2003. – 465 с. 3.1.19. Скотт Келби. Adobe Photoshop CS3: справочник по обработке цифровых фотографий. – М: «Вильямс», 2003. – 368 с. 3.1.20. Дунаев Вадим, Дунаев Владислав. Графика для офиса: CorelDraw, Photoshop, MS Office. – СПб.: «Питер», 2004. – 320 с. ^
Таблиця 2 ^ у балах оцінкам за національною шкалою та шкалою ECTS
|
![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу “Комп’ютерна графіка” складена на основі переліку спецкурсів інт, затвердженого 2009 р | ![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу “Основи web-дизайну” складена на основі переліку спецкурсів інт, затвердженого 2009 р |
![]() | Міністерство оcвіти І науки україни національний авіаційний університет інститут новітніх технологій Технології адміністрування та захисту інформації в комп'ютерних системах та мережах” | ![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Навчальна програма дисципліни “Нетрадиційні та відновлювані джерела енергії” складена на основі робочого навчального плану інт (для... |
![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу "Технології адміністрування та захисту комп‘ютерних мереж на базі ос windows " складена на основі... | ![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу cisco ccna discovery 1,2 «Мережеві технології для малих І середніх підприємств» складена на основі... |
![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу cisco ccna exploration 3,4 «Мережева комутація І бездротові мережі. Доступ до глобальних мереж»... | ![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу cisco ccna discovery «Основи маршрутизації І комутації. Проектування та підтримка комп'ютерних... |
![]() | Міністерство оcвіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу “ Адміністрування комп'ютерних систем та мереж на базі ос unix ” складена на основі переліку... | ![]() | Міністерство освіти і науки, молоді та спорту України Національний авіаційний університет Юридичний інститут |