Опис використаних Javascript

Зміст

1. Постановка задачі:

1.1Опис функцій;

1.2 Дерево функцій;

2. Опис макету сайту;

3. Опис ієрархічної структури сайту та графу переходів;

4. Опис дизайну сайту з принтсрінами;

5. Структура сайту зі специфікацією усіх розроблених сторінок сайту;

6. Опис використаних Javascript;

7. Текст програми з коментарями;

8. Тестовий приклад.

Постановка задачі:

Опис функцій:

Необхідно розробити сайт фото та відео студії ”WE MOVIE | Production”.

Основними функціями які буде виконувати цей сайт будуть:

1) Представлення фото та відео матеріалу;

2) Опис усіх послуг, які надає студія;

Дерево функцій:

Рис. 1. Дерево функцій

Опис макету сайта:

Розглянемо макет сайту фото та відео студії ”WE MOVIE | Production”:

Рис. 2. Макет сайту

Опис ієрархічної структури сайту та графу переходів:

Структурна схема сайту:

Розглянемо структурну схему сайту студії ”WE MOVIE | Production”.

Даний сайт буде складатися з 7 основних сторінок та багатьох сторінок для кожного фото чи відео матеріалу.

Рис. 3. Структурна схема сайту

Граф переходів між основними сторінками сайт:

Граф переходів між сторінками сайту сайт спроектовано

таким чином, щоб з кожної сторінки сайту можна було перейти на головну

сторінку або на сторінку кожного з розділів

Рис. 4. Граф переходів між основними сторінками сайту

Опис дизайну сайту з принтсрінами:

Розглянемо дизайн сайту студії ”WE MOVIE | Production”.

Дизайн сайту виконується в програмі Photoshop.

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

На першому етапі було розроблено логотип курсу (рис. 5).

Рис. 5. Емблема сайту

Дизайн головної сторінки (ДОМ) має такий вигляд:

Рис. 6. Дизайн головної сторінки

Загальний дизайн сторінок сайту:

Як приклад показую дизайн сторінки ”УСЛУГИ И СТОИМОСТЬ”:

Рис. 7. Дизайн сторінок з інформацією

Остаточний варіант дизайну буде мати наступний вигляд:

Рис. 8. Остаточній дизайн сторінок з інформацією

Структура сайту зі специфікацією усіх розроблених сторінок сайту Сайт фото та відео студії ”WE MOVIE | Production” складається з наступних сторінок:

- Home.html – головна сторінка сайту.

- About.html – про команду.

- Portfolio.html – портфоліо відео сайту.

- Portfolio_foto.html – портфоліо фото сайту.

- Service.html – відео послуги сайту.

- Service_foto.html – фото послуги сайту.

- video_dependence.html – сторінка з портфоліо (таких сторінок багато).

- 404.html – сторінка помилки сайту.

Сайт має наступну структуру:

Рис. 9. Структура сайту

Опис використаних Javascript

Розглянемо Javascript, які використовуються на сайті ”WE MOVIE | Production”:

1. На усіх сторінках сайту використовується скріпт плавного підйому сторінки вверх.

Специфікація скрипту: