Recommandé
Recommandé
Contenu connexe
Dernier
Dernier (19)
En vedette
En vedette (20)
11 клас. Урок 26. Структура веб сайтів. етапи веб-сайтів
- 2. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Веб-сайт Сукупність веб-сторінок певної тематики із системою навігації, що дає можливість переміщуватись між ними за допомогою гіперпосилань, які збережені на одному сервері, утворює сайт, або веб-сайт Веб-сайт – місце в мережі (англ. Website: web – павутина, мережа; site - місце) http://leontyev.at.ua
- 4. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 • Сервіси, доступні для будь-яких користувачів та відвідувачівВідкриті • Сервіси передбачають реєстрацію для доступуНапіввідкриті • Закриті службові сайти організацій, особисті сайти приватних осіб Закриті http://leontyev.at.ua
- 5. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Природа вмісту сайту • Сторінки відображаються у тому вигляді, в якому вони зберігаються на сервері, весь їх вміст готується заздалегідь Статичні • Сайти, у яких веб-сторінки генеруються, або формуються у процесі виконання запиту користувача Динамічні http://leontyev.at.ua
- 6. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Способи взаємодії користувача • Сайти з “пасивними” веб-сторінками (користувач може лише переглядати відомості на веб-сторінці) Пасивні • Користувач має можливість обмінюватися даними із серверомІнтерактивні http://leontyev.at.ua
- 9. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Типи сайтів Інформаційні ресурси Тематичні сайти Інтернет- портали Блоги Каталоги сайтів Веб-сервіси Пошукові системи Поштові системи Інтернет- форуми Дошки оголошень Соціальні мережі Фото-, аудіо- , відеохостинги Інтернет- представництва Сайти-візетівки Корпоративні сайти Інтернет-вітрини Інтернет- магазини Промо-сайти http://leontyev.at.ua
- 11. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Структура сайта та її складові 1 • Принцип простоти 2 • Принцип цільової сегментації Складові структури сайта Структура каталогів Структура навігації Заставка сайта http://leontyev.at.ua
- 12. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Структура сайта • Дозволяє всі необхідні дані розмістити зручно та доступно в розділах та підрозділах Внутрішня • Визначає спосіб розміщення відомостей на сторінці при виборі кожного пункту меню, відповідає дизайну сайту Зовнішня http://leontyev.at.ua
- 13. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Внутрішня структура сайту •Доцільно використовувати у разі послідовного подання даних та відомостей •перегляд послідовний: від початкової до останньої сторінки сайту Лінійна (послідовна) • Одна сторінка головна, яка не має попередніх, решта сторінок мають лише одну попередню сторінку Ієрархічна • Кожна сторінка може містити посилання на довільну кількість сторінок сайтаДовільна • Поєднання деревоподібної і послідовної структурГібридна •Базується на побудові системи такої навігації сайта, коли між горизонтальними та вертикальними елементами існує взаємний зв’язок та можливості швидкого переходу з однієї сторінки на іншу без додаткової необхідності відвідування проміжних сторінок Мережна http://leontyev.at.ua
- 15. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Навігація по сайту Користувач у будь- який час має знати відповіді на такі запитання: • Де він знаходиться? • Куди можна перейти? • Як туди дістатися? • Як повернутися назад? http://leontyev.at.ua
- 18. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Головна сторінка сайта Головна сторінка сайта має задовольняти правило “3 по 3”, тобто 3 абзаци по 3 речення про тематику, зміст, авторів та призначення сайта. http://leontyev.at.ua
- 19. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 Сайт має відповідати таким вимогам: Відображати тематику сайта; Бути цікавою Містити інструмент пошуку сайту Містити розділ з даними, що постійно оновлюються Містить відомості про спосіб зворотного зв'язку http://leontyev.at.ua
- 29. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 1 Визначення мети створення сайта, розробка концепції веб- сайта та його структури 2 Проведення дослідження з обраної теми 3 Вибір способу подання даних тавідомостей істилю оформлення веб-сторінок 4 Розмітка та програмування сайта 5Наповнення сайта даними, художнє оформлення сторінок 6 Розміщення веб- сторінки на сервері, популяризація сайта та підтримка його роботи http://leontyev.at.ua
- 32. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 • Форма подання та стиль наповнення сайта, його вміст • Оформлення – графічні елементи, навігація, шрифти, кольорова гама • Технології - засоби створення, форматування сторінок та надання їм динамізму • Подання – швидкість та надійність відображення сайта в мережі • Мета – причина створення сайта та очікувані результати http://leontyev.at.ua
- 43. 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 10110110111011011110011010110011101010001110110110110111011011110011010110011 10101000111011011011011101101111001101011001110101000111011011011011101101111 00110101100111010100011101101101101110110111100110101100111010100011101101101 10111011011110011010110011101010001110110110110111011011110011010110011101010 00111011011011011101101111001101011001110101000111011011011011101101111001101 01100111010100011101101101101110110111100110101100111010100011101101101101110 11011110011010110011101010001110110110110111011011110011010110011101010001110 11011011011101101111001101011001110101000111011011011011101101111001101011001 11010100011101101101101110110111100110101100111010100011101101101101110110111 10011010110011101010001110110110110111011011110011010110011101010001110110110 • Для відтворення даних необхідний додатковий програмний модуль RealРlayer. Файли мають розширення ra, ram, rm, rmm, rmd Real Audio/ Video • Підтримує потокове передавання відео, аудіо, тексту та MIDI-файлів Quick Time Streeming Server • Підтримує формати WAV, AVI, MIDI, MPEG, VOD, AIFF, MP3 та забезпечує користувача засобами відтворення аудіоданих, які записані як на компакт-дисках так і в мережі Windows Media Server http://leontyev.at.ua