Державний вищий навчальний заклад

«КИЇВСЬКИЙ НАЦІОНАЛЬНИЙ ЕКОНОМІЧНИЙ УНІВЕРСИТЕТ

імені ВАДИМА ГЕТЬМАНА»

Факультет інформаційних систем і технологій

Кафедра інформаційного менеджменту

ЗАТВЕРДЖУЮ:

Проректор з науково-

педагогічної роботи ____________ А.М. Колот

«___» ___________ 20__ р.

МЕТОДИЧНІ МАТЕРІАЛИ

щодо змісту та організації самостійної роботи студентів, поточного і підсумкового контролю їх знань

з науки (дисципліни)

“WEB-дизайн і WEB-програмування”

освітній ступінь бакалавр

ПОГОДЖЕНО:

Завідувач кафедри _______________________ Галіцин В.К.

Начальник навчально-

методичного відділу ______________Т.В. Гуть

Київ 2015

1. ВСТУП

Процеси впровадження нових інформаційних технологій впливають на всі сфери діяльності окремого підприємства та економіки в цілому. Формується новий економічний простір —Інтернет-ринок, як система нових економічних відносин. Інтернет-технології стають ефективним інструментом бізнесу. Розробка систем електроної комерції потребує глибоких знань Web-технологій, і зокрема методів проектування програмного забезпечення при розробці Web-додатків.

Метою вивчення науки є формування у студентів теоретичних знань та практичних навичок створення Web–сайтів, з програмування в Web, проектування та розробки систем електронної комерції.

Перелік компетенцій, яких набуде студент після опанування даної науки. Після опанування дисципліни студенти повинні бути здатні:

- розробляти проекти Web-сайтів, використовуючи динамічну генерацію вмісту, списки та таблиці стилів;

- проектувати та розробляти складні Web-системи та системи електроної комерції для підприємств, що працюють на Інтернет-ринку;

- створювати Web-додаткі за допомогою мови програмування PHP;

- розробляти клієнтські та серверні сценарії в Web;

- використовувати Web-технології як ефективний інструмент інформаційного менеджменту.

Місце науки в учбовому плані. Вивчення науки базується на знаннях курсів "Програмування та алгоритмічні мови", “Математична логіка і теорія алгоритмів", «Операційні системи». Знання, здобуті під час вивчення дисципліни використовуються в курсах «Об’єктно-орієнтоване програмування", а також «Інформаційна безпека».

Відповідно до навчального плану підготовки бакалаврів дисципліна “Веб-технології та Веб -дизайн” є обов’язковою наукою і вивчається протягом 4-го семестру. Загальний обсяг - 105 год, з них 26 год. - лекції, 28 год – практичні, семінарські, лабораторні заняття, 10 год. передбачено на індивідуальну роботу зі студентами, 37 годин - на самостійну роботу.

2.ТЕМАТИЧНИЙ ПЛАН НАУКИ (ДИСЦИПЛІНИ).

3. ЗМІСТ НАУКИ (ДИСЦИПЛІНИ) ЗА ТЕМАМИ.

.

Тема 1. Технології та інструменти Web-дизайну. Основи створення Web - документів.

Призначення Web - дизайну. Мета та завдання створення Web - сайта. Проектування та етапи створення Web - сайта. Визначення структури Web - сайта. Компоновка Web - сайта: лінійна, ієрархічна, комбінована. Інформаційне наповнення та система навігації сайта. Технології створення Web - сайта. Методи рекламної компанії, спрямованої на просування Web - сайта в Internet. Ефективність Web - сайта. World Wide Web та принципи його роботи. Класифікація Web -сайтів. Визначення Web-сервера. Apache. Microsoft IIS. Комплекс технічних засобів для Web-сервера. Гіпертекстові посилання. НТМL, DНТМL та їх стандарти. Web-броузери. Сучасні інструментальні засоби створення Web-документів. НТМL-редактори та візуальні редактори. Структура НТМL - документа. Основні теги. <НТМL>, <НЕАD>, <ВОDY>, <ТIТLE>. Створення заголовків. Використання стилів форматування для виділення тексту

Тема 2. Стильове оформлення Web–документів.. Гіпертекстові посилання. Технології Macromedia Flash. Форми.

Використання стилів форматування для виділення тексту. Теги логічного та фізичного форматування тексту. Шрифти різного накреслення. Відображення спеціальних символів. Поняття універсального локатора ресурсів (URL). Запис URL - адреси. URL - адреси служб HTTP, FTP, Telnet, локальних файлів. Адреси груп новин та електронної пошти. Поняття гіперпосислання. Теги гіперпосилання.

Векторна графіка. Растрова графіка. 3D графіка. Збереження готових зображень для Інтернет. Створення фонових малюнків Створення ескізу web-сайту (принципи дизайну). Огляд технологій Flash. Їх можливості. Слоі та кадри. Прості форми. Складні форми. Тег <INPUT>. Використання форм-бланків.. Теги <SELECT>, <OPTION>, <ТЕХТАRЕА>. Технологія Common Gateway Іnterface (CGI). Текстові поля. Меню. Кнопки-перемекачі. Списки з прокруткою. Селекторні кнопки

Тема 3. Використання CSS.Дизайн Web-сайту. Тестування та публікація Web-сторінки

Каскадні таблиці стилів CSS. Селектори. Підключення таблиці CSS до Web-документу. Оформлення сторінки в єдиному стилі. Грамотний Web-дизайн. Дизайн інтерфейса. Ергономічне розташування керуючих елементів. Удосконалювання НТМL-кода.. Тестування сторінки. Публікація та маркетинг. Реклама Web-сторінки.

Тема 4. Програмування Web-сторінок. Технології розробки серверних та клієнтських сценаріїв.

Програмні технології в Web. Програмування на сервері. Єдиний шлюзовий інтерфейс (CGI). Передача даних до CGI-програм. Створення CGI-програм. NSAPI/ISAPI. Умовні HTML-конструкції. Серверні сценарії. CGI-сценарії. Мова програмування Perl. Кодування та пересилка даних форми. Обробка даних форми. Пошук та заміна тексту. Регулярні вирази. Бібліотеки та модулі в Perl. Активні серверні сторінки (ASP). Визначення сценарія. JavaScript. VBScript.

Тема 5. Мова JavaScript. Об’єктна модель документу. Ієрархія об’єктів. Вставка сценаріїв до HTML-документів.

Вставка сценаріїв до HTML-документів. Зовнішні сценарії. Обробники подій. Модель подій. Динамічний HTML. Об’єктна модель документу. Ієрархія об’єктів. Взаємодія сценаріїв із списками стилів. Java-аплети. Елементи ActiveX. Бібліотека JQuery. Селектори JQuery.