28

Міністерство науки і освіти України

Запорізький національний технічний університет

кафедра програмних засобів

з/к № 06.13.2.009

Пояснювальна записка

з дисципліни «Web-технології та дизайн»

до розрахунково-графічного завдання на тему:

«Сайт про косметичну продукцію Oriflame»

Виконав

ст. гр. КНТ-213 О.О. Самарцева

Перевірив

к.т.н., доцент О.О.Олійник

м. Запоріжжя 2014р.

Реферат

ПЗ: 27 стор., 5 рис., 2 табл., 3 додатки, 7 джерел.

Метою розрахунково-графічного завдання є створення сайту про косметичну продукцію Oriflame.

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

Було виконано огляд мови верстки HTML, мови скриптів Javascript, розроблений сайт про косметичну продукцію Oriflame.

WEB-ТЕХНОЛОГІЇ ТА ДИЗАЙН, HTML-ДОКУМЕНТА, ТЕГ

Перелік умовних позначень, символів, одиниць, скорочень та термінів

HTML (англ. HyperText Markup Language ­ Мова розмітки гіпертекстових документів) – стандартна мова розмітки веб-сторінок в Інтернеті. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді.

Каскадні таблиці стилів (англ. Cascading Style Sheets або скорочено CSS) – спеціальна мова, що використовується для відображення сторінок, написаних мовами розмітки даних.

JavaScript – назва реалізації стандарту мови програмування ECMAScript компанії Netscape, базується на принципах прототипного програмування. Найпоширеніше і найвідоміше застосування мови – написання сценаріїв для веб-сторінок, але, також, використовується для впровадження сценаріїв керування об’єктами вбудованими в інші програми.

ЗМІСТ

РЕФЕРАТ 2

Перелік умовних позначень, символів, одиниць, скорочень та термінів 3

ЗМІСТ 4

Вступ 6

1 Короткі теоретичні відомості 7

1.1 Призначення розробленого сайту 7

1.2 Обґрунтування вибору мови верстки HTML 8

1.3 Обґрунтування вибору мови скриптів JavaScript 9

1.4 Висновки по розділу 10

2 Проектування сайту 11

2.1 Логічна структура сайту 11

2.2 Опис елементів структури 11

2.3 Взаємодія конструктивних елементів 12

2.4 Висновки по розділу 14

3 Реалізація сайту 15

3.1 Фізична структура сайту 15

3.2 Опис структури типової сторінки сайту 16

3.3 Стилізація сайту (css) 16

3.4 Інтерактивність сайту (js) 17

3.5 Висновки по розділу 18

4 Інтерфейс користувача 19

4.1 Основні рішення щодо дизайну сайту 19

4.2 Приклад роботи користувача з сайтом 19

4.3 Висновки по розділу 20

В даному розділі було розглянуто питання основного рішення щодо дизайну сайту та наведені приклади роботи користувача з сайтом. 20

Висновок 21

Використані джерела 22

Додаток А Текст програми 23

А.1 Текст файлу іndex.htm 23

А.2 Текст файлу bloks.css 27

А.3 Текст файлу src.js 28

Вступ

Професії, що пов’язані з веб-розробкою, з року в рік стають все більш поширеними.

Задачею даної дисципліни є навчання основним навикам, що необхідні для розробки веб-сайтів. Хороший сайт вирізняють:

– висока якість його наповнення;

– оригінальність і естетична привабливість сторінок;

– доступність вмісту сайту для максимально широкого кола користувачів незалежно від типів пристроїв та версій браузерів, що застосовуються;

– ергономічність елементів інтерфейсу користувача сайту.

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