“WEB – ДИЗАЙН ТАМУЛЬТИМЕДІЙНІ ТЕХНОЛОГІЇ”

ДИПЛОМНА РОБОТА

НА ТЕМУ:

Виконала: Зозуля Є.І., студентка групи ДА-62Керівник роботи: Цурін О.П.

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

2

Створити курс лекцій по web-дизайну.

Дослідити засоби розробки сайтів з точкизору їх використання при web-дизайні.

Створити декілька мультимедійнихфрагментів.

3

Лекція 1: web-проектування та web–дизайн

Лекція 2: Основні терміни Інтернет

Лекція 3: Типи та класифікація сайтів

Лекція 4: Графічний дизайн сайтів

Лекція 5: Основні методи і принципи розкруткисайтів

Лекція 6: Рейтинги, пошукові системи такаталоги

Лекція 7: Безпека web-сайту4

5

web-проектування —процес розробки і створенняінтелектуальної продукції задопомогою технологій, щозастосовуються в Інтернеті.

web-дизайн — галузьweb-розробки тарізновид дизайну, щополягає у проектуваннікористувацьких web-інтерфейсів для сайтів.

Web–проектування, крім web–дизайну включаєрозкручування сайту, пошук вразливостей та їхусунення.

6

1.Кодування за допомогою HTML.

2.Використання програмних систем(Adobe Flash, Adobe Dreamweaver, Microsoft FrontPage).

3.Використання програм CMS (Joomla, Drupal, WordPress).

7

«+» CMS:• керування

здійснюєтьсякористувачем;

• існує багатобезкоштовних CMS;

• керуванняздійснюється задопомогою браузерів;

• керування можездійснюватися з будь-якого комп'ютера, підключеного домережі Інтернет.

«-» :• додатково вимагає

PHP, MySQL.

Програмнісистеми:«+»:•зручні у використанні;

•легкі у освоєнні;

•підтримують іншітехнології;

•працюють по принципуWYSIWYG;

«-»:•потребують дадаткове ПЗ;

•платні;

•керування можездійснюватися тільки накомпютері, де встановленапрограма.

«+» HTML:

•не потребує додатковогоПЗ;

•кращий шлях для описуконтенту;

•краща підтримка медіа іweb-додатків;

•збільшить функціональнусумісність HTML-документів.

•«-»:•для простих сайтів;

«+»:�розроблений продукт буде привабливим;�розроблений продукт буде автономним;�широко використовуються такі флеш - елементи: банери,

меню, допоміжні панелі, елементи дизайну та інші анімованіелементи;

«-»:�мають великий розмір;

�web-додаток розроблений на основі Flash може бути невідтворений;

�використання Flash для розміщення текстової інформаціїперешкоджає її індексації пошуковими системами;

�в реалізаціях Adobe Flash час від часу знаходять уразливості.

9

Практична частина складається з двох структурнихсхем, які було анімовано за допомогою Flash.

Першу структурну схему було взято з курсу лекцій«Робота користувача у Grid інфраструктурі», якийвикладає Кисельов Г.Д. Схема має наступний вигляд:

При реалізації у Flash, схему було розбито надекілька ключових кадрів:

1) архітектура Грід;2) структура кластера;3) відмінність між Грід та кластером;4) додано деякий теоретичний матеріал.

До анімації було додано кнопки для переходу міжствореними кадрами та додано коментарі, щоброз'яснити схему.

10

Перший ключовий кадр, який демонструєархітектуру Грід:

12

Другий ключовий кадр, який демонструєструктуру кластера:

13

Третій ключовий кадр, який демонструєвідмінність між Грід та кластером:

14

Четвертий ключовий кадр, який демонструєвідмінність між Грід та кластером у виглядітеорії:

Другу структурну схему було взято з курсу лекцій «Вступдо GRID технологій в науці та освіті», який викладаєПетренко А.І. Схема до реалізації у Flash мала наступний вигляд:

15

При реалізації уFlash схему було розбито надекілька частин:

1)Формування Грід–сегменту НАН України.2) Прообраз Грід–сегменту НАН України.3)Нові складові Грід–сегменту НАН України.4) Вигляд Грід–сегменту НАН України.5) Майбутні складові Грід–сегменту НАН України.До анімації схеми було додано кнопки дляпереходу між створеними кадрами та доданокоментарі, щоб роз'яснити схему.

Перший ключовий кадр демонструє першийетап у формуванні Грід–сегменту НАНУкраїни:

Другий ключовий кадр демонструє другийетап у формуванні Грід–сегменту НАНУкраїни:

Третій ключовий кадр демонструє виглядпрообразу Грід–сегменту НАН України:

Четвертий ключовий кадр демонструє складові, щобули нещодавно додані до Грід–сегменту НАНУкраїни:

П'ятий ключовий кадр демонструє вигляд Грід–сегменту НАН України на сьогоднішній день:

Шостий ключовий кадр демонструє елементи Грід–сегменту НАН України, що будуть додані умайбутньому:

до

після

успішно створено курс лекції по web–дизайну;

показано, що web–дизайн – є важливим етапом web–проектування;

досліджено засоби по створенню web–сайтів;

розроблено мультимедійні фрагменти за допомогоюFlash технологій;

Flash доцільно використовувати при створенніелектронних лекцій.

24