Скачати 137.12 Kb.
|
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ АВІАЦІЙНИЙ УНІВЕРСИТЕТ ІНСТИТУТ НОВІТНІХ ТЕХНОЛОГІЙ Індекс Р09 - № - 2 ЗАТВЕРДЖУЮ Проректор з навчальної роботи _____________________Полухін А.В. “____”____________________2009 р. РОБОЧА НАВЧАЛЬНА ПРОГРАМА спецкурсу “Основи web-дизайну” для слухачів Інституту новітніх технологій
Київ - 2009 Робоча навчальна програма спецкурсу “Основи web-дизайну” складена на основі переліку спецкурсів ІНТ, затвердженого «_____» ________________ 2009 р. Робочу навчальну програму склав: доцент Черниш Леся Григорівна Робоча навчальна програма обговорена та схвалена на засіданні науково-методичної редакційної ради ІНТ, протокол № від «____» _____________ 2009 року.
1. Мета і задачі навчальної дисципліни, її місце в навчальному процесі. 1.1. Мета викладання навчальної дисципліни ^ . 1.2. Задачі вивчення навчальної дисципліни ^
^ Заняття проводиться групами до 8-10 слухачів на навчальній мережі, що складається з робочих станцій та серверів і має вихід до Інтернету. Учбовий процес адаптується до середнього рівня підготовки слухачів. Основні види занять: лекції, практичні заняття, лабораторні роботи та підсумкове заняття (залік). Після закінчення навчання слухачі одержують сертифікат про проходження курсів підвищення кваліфікації. ^ 2.1. Тематичний план спецкурсу Таблиця 1
Розділ 1. Введення в курс web-майстрів Тема 1.1. Етапи розробки web-сайту Огляд сучасних браузерів, програм для створення web-сайтів та елементів web-сторінок. Основи мережевої термінології: сайти, сервера, пошукові машини. Планування сайту, вміст, цільова аудиторія. ^ Основні відомості про мови розмітки: HTML, XML, XHTML. Цілі й завдання мови HTML. Правила оформлення HTML-документа. Структура HTML-документа. Основні теги та їхні атрибути. Типи тегів. Теги фізичного та логічного форматування. Гіперпосилання: абсолютні й відносні, прийоми організації навігації між сторінками сайту. Зображення й мультимедійні елементи на Web-сторінках. Розділ 2. HTML-редактор Macromedia Dreamweaver. Верстка web-сторінок Тема 2.1. Створення й зміна основних властивостей HTML-документа Огляд панелі об'єктів та їхніх властивостей. Форматування тексту. Посилання й ілюстрації. Таблиці й списки, верстка. Фрейми й форми. Абсолютне позиціювання: елементи DIV і SPAN, абсолютне позиціюванням шарів. Каскадні таблиці стилів (CSS). Стильове форматування – основний засіб «прикраси» Web-сторінок. Мовні стандарти. Використання шаблонів. Планування й створення повноцінного сайту. Тема 2.2. Мова сценаріїв JavaScript. Технологія "клієнт-сервер" Основи синтаксису JavaScript. Убудовані об'єкти, функції. Змінні, вирази, оператори. Розділ 3. Технології Flash Тема 3.1. Ефективні прийоми малювання Перше знайомство. Інструменти малювання. Лінії та фігури. Способи заливання. Операції з об'єктами. “Намагнічування” об'єктів. Шари. Створення графічних символів і зразків. ^ Робота з бібліотеками символів. Створення покадрової та tween-анімації. Додавання звуку. Анімаційні та інтерактивні ролики. Публікація й експорт Flash-ролика: настроювання параметрів публікацій, експорт Flash-ролика в інші формати, оптимізація ролика, контроль процесу завантаження. ^ Поняття хостінгу. Доменні імена й аспекти вибору доменного імені. Поширені помилки при виборі доменного імені. Реєстрація доменних імен. FTP-клієнти. Завантаження сайту на сервер. Управління web-сайтом. ^ Розділ 1. Введення в курс web-майстрів Тема 1.1. Етапи розробки web-сайту Огляд сучасних браузерів, web-редакторів. Кодування. Що таке web-сервер, web-сайт, web-сторінка й чим вони відрізняються. Тема 1.2. Основні поняття й правила мови HTML Створення HTML-документа в програмі «Блокнот». Параметри тегу "body". Типи тегів. Теги фізичного форматування. Теги логічного форматування. Особливість пробілів, коментарі в документі, символи підстановки. Горизонтальна лінія, заголовки. Зображення й мультимедійні елементи на Web-сторінках. Форматування документів: установка кольорів тексту й фона сторінки, оформлення гіперпосилань, використання фонових зображень, атрибути фізичного форматування (вирівнювання, відступи й границі, розміри елементів тощо). Розділ 2. HTML-редактор Macromedia Dreamweaver. Верстка web-сторінок Тема 2.1. Створення й зміна основних властивостей HTML-документа Огляд панелі об'єктів та їхніх властивостей. Форматування тексту. Посилання. Організація посилань, посилання на інші ресурси, внутрішні посилання. Списки. Структурування інформації на web-сторінці за допомогою списків. Типи списків : маркірований, нумерований, список визначень, вкладені списки(багаторівневі). Графіка. Вставка зображення. Атрибути тегу "img". Вирівнювання, ширина, висота. Рамка. Особливості графічних зображень. Особливості файлів у форматах gif, jpg. Карти посилань. Таблиці. Макетування web-сторінки за допомогою таблиць. Заголовок, ширина, висота. Параметри "table", "tr", "td", "th". Об'єднання комірок. Вкладені таблиці. Форматування тексту усередині таблиці, вставка малюнків. Вирівнювання таблиці в HTML документі. Фрейми. Опис фрейму мовою HTML. Взаємодія між фреймами. Посилання й фрейми (резервовані імена: blank, self, parents, top). Плаваючі фрейми "iframe". Форми. Правила роботи з формами. Навіщо потрібні форми. Методи відправлення інформації з полів форми. Елементи форм. Теги "form", "input". Параметри (checkbox, radio readonly, submit, reset image). Текстове поле "textarea". Абсолютне позиціювання: елементи DIV і SPAN, абсолютне позиціюванням шарів. Каскадні таблиці стилів. Специфікація CSS. Основні цілі й задачі CSS. Способи додавання стилів на WEB-сторінку. Убудовані, впроваджені, зв'язані стилі. Підтримка браузерами CSS. Граматика мови стилів. Створення стилів і класів. Принципи каскадування й групування. Використання псевдокласів і псевдоелементів. Приклади використання стилів: форматування тексту, таблиць, списків, фона сторінки. Мовні стандарти. Використання шаблонів. Планування й створення повноцінного сайту. Тема 2.2. Мова сценаріїв JavaScript. Технологія "клієнт-сервер" Основи синтаксису JavaScript. Убудовані об'єкти, функції. Змінні, вирази, оператори. Розділ 3. Технології Flash Тема 3.1. Ефективні прийоми малювання Перше знайомство. Інструменти малювання. Лінії та фігури. Способи заливання. Операції з об'єктами. “Намагнічування” об'єктів. Шари. Створення графічних символів і зразків. ^ Робота з бібліотеками символів. Створення покадрової та tween-анімації. Додавання звуку. Анімаційні та інтерактивні ролики. Публікація й експорт Flash-ролика: настроювання параметрів публікацій, експорт Flash-ролика в інші формати, оптимізація ролика, контроль процесу завантаження. ^ Поняття хостінгу. Реєстрація доменних імен. FTP-клієнти. Завантаження сайту на сервер. Управління web-сайтом. ^ 3.1 Основна та додаткова література Основна література 3.1.1. Фролов И.К. Разработка, дизайн, программирование и раскрутка web-сайта. – М.: «Триумф», 2009.- 304 с. 3.1.2. Самойлов Е.Э. Web-дизайн для начинающих: Практическое руководство. – М.: «Триумф», 2009.- 192 с. 3.1.3. Александров А.В., Сергеев Г.Г., Костин С.П. Создание Web-страниц и Web-сайтов. – М.: «Триумф», 2008.- 288 с. 3.1.4. М. Кэмпбел. Строим Web-сайты. Дизайн. HTML. CSS. GARAGE : пер. с англ. – М.: «Триумф», 2006. – 480 с. 3.1.5. Крис Джамса, Конрад Кинг, Энди Андерсон. Эффективный самоучитель по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Текст, графика, звук и анимация. / Пер с англ. – М.: ООО «ДиаСофтЮП», 2005.- 672 с. Додаткова література 3.1.6. Круг С. Веб-дизайн: книга Стива Круга или «не заставляйте меня думать!» - Пер. с англ. – СПб: «Символ-Плюс», 2005. – 200 с. 3.1.7. Леонтьев Б. Web-дизайн: Тонкости, хитрости и секреты. – М.: Познавательная книга плюс, 1999. – 192 с. 3.1.8. Дронов В.А. Macromedia DreamWeaver 8. – СПб.: «БХВ – Петербург», 2006. – 319 с. ^
Таблиця 2 ^ у балах оцінкам за національною шкалою та шкалою ECTS
|
![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу “Комп’ютерна графіка” складена на основі переліку спецкурсів інт, затвердженого 2009 р | ![]() | Міністерство оcвіти І науки україни національний авіаційний університет інститут новітніх технологій Технології адміністрування та захисту інформації в комп'ютерних системах та мережах” |
![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу “Web-дизайн та сучасні технології” складена на основі переліку спецкурсів інт, затвердженого... | ![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Навчальна програма дисципліни “Нетрадиційні та відновлювані джерела енергії” складена на основі робочого навчального плану інт (для... |
![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу "Технології адміністрування та захисту комп‘ютерних мереж на базі ос windows " складена на основі... | ![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу cisco ccna discovery 1,2 «Мережеві технології для малих І середніх підприємств» складена на основі... |
![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу cisco ccna exploration 3,4 «Мережева комутація І бездротові мережі. Доступ до глобальних мереж»... | ![]() | Міністерство освіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу cisco ccna discovery «Основи маршрутизації І комутації. Проектування та підтримка комп'ютерних... |
![]() | Міністерство оcвіти І науки україни національний авіаційний університет інститут новітніх технологій Робоча навчальна програма спецкурсу “ Адміністрування комп'ютерних систем та мереж на базі ос unix ” складена на основі переліку... | ![]() | Міністерство освіти і науки, молоді та спорту України Національний авіаційний університет Юридичний інститут |