SlideShare a Scribd company logo
Веб-сайт 
Сукупність веб-сторінок 
певної тематики із 
системою навігації, що 
дає можливість 
переміщуватись між 
ними за допомогою 
гіперпосилань, які 
збережені на одному 
сервері, утворює сайт, 
або веб-сайт. 
Веб-сайт – місце в 
мережі (англ. Website: 
web – павутина, мережа; 
site - місце).
Ознаки класифікації сайтів 
Ознаки 
класифікації 
сайтів 
доступність 
сервісів 
природа 
вмісту 
спосіб 
взаємодії 
користувача 
фізичне 
розміщення 
схема 
подання 
вмісту
Доступність сервісів 
• Сервіси, доступні для будь-яких 
користувачів та відвідувачів Відкриті 
• Сервіси передбачають реєстрацію 
для доступу Напіввідкриті 
• Закриті службові сайти організацій, 
особисті сайти приватних осіб Закриті
Природа вмісту сайту 
• Сторінки відображаються у тому 
вигляді, в якому вони зберігаються 
на сервері, весь їх вміст готується 
заздалегідь 
Статичні 
• Сайти, у яких веб-сторінки 
генеруються, або формуються у 
процесі виконання запиту 
користувача 
Динамічні
Способи взаємодії користувача 
• Сайти з “пасивними” веб- 
сторінками (користувач може лише 
переглядати відомості на веб- 
сторінці) 
Пасивні 
• Користувач має можливість 
обмінюватися даними із сервером Інтерактивні
Фізичне розміщення сайтів 
• Зовнішні сайти мережі 
Інтернет Зовнішні 
• Локальні сайти 
доступні лише в межах 
локальної мережі 
Локальні
За схемою подання вмісту 
1 
• Інформаційні ресурси 
2 
• Веб-сервіси 
3 
• Інтернет-представництва
Сайти можна також поділити на: 
1 • персональні 
2 • комерційні 
3 • інформаційні 
4 • офіційні 
5 • освітні 
6 • розважальні
Структура сайту та її складові 
1 
• Принцип 
простоти 
2 
• Принцип 
цільової 
сегментації 
Складові структури 
сайту 
Структура 
каталогів 
Структура 
навігації 
Заставка 
сайта
Структура сайту 
• Дозволяє всі необхідні дані 
розмістити зручно та доступно в 
розділах та підрозділах 
Внутрішня 
• Визначає спосіб розміщення 
відомостей на сторінці при 
виборі кожного пункту меню, 
відповідає дизайну сайту 
Зовнішня
Сайт має відповідати таким вимогам: 
Відображати тематику сайту. 
Бути цікавим. 
Містити інструмент пошуку 
сайту. 
Містити розділ з даними, що 
постійно оновлюються. 
Містить відомості про спосіб 
зворотного зв'язку .
Веб-сторінка 
Веб-сторінка – документ 
або інформаційний ресурс, 
доступ до якого 
здійснюється за 
допомогою веб-браузера. 
Веб-сторінки 
створюються мовою 
HTML чи XHTML та 
можуть містити 
гіперпосилання для 
швидкого переходу на інші 
сторінки.
Контент 
Відомості на веб-сторінці можуть подаватися у різних формах: 
текст, статичні та анімовані графічні зображення, аудіо, відео 
тощо. 
Інформаційний вміст веб-сторінки називають контентом.
Статичні та інтерактивні веб- 
сторінки 
Веб-сторінки статичних веб-сайтів створюються за допомогою мови 
HTML. 
Основою мови є теги – команди, що вказують на правила, за якими 
форматуються документи. 
При створенні інтерактивних веб-сторінок використовують спеціальні 
скрипти на мовах сценаріїв JavaScript та VBScript, які можуть 
використовуватися за наявності певних дій користувача під час 
завантаження веб-сторінки. 
Для забезпечення інтерактивності веб-сторінки можна 
використовувати флеш-фрагменти або Flash-ролики.
Домашня сторінка 
• Веб-сайт, що належить 
окремій людині. Веб-сайт 
• Веб-сторінка (стартова) - 
сторінка, яка першою 
завантажується у браузері. 
Веб- 
сторінка
Дизайн веб-сторінок 
Дизайн веб – це робота, яка спирається на знання 
основних понять дизайну (понять точки, лінії, текстури, 
фактури, форми, кольору, пропорції, композиції, 
симетрії, асиметрії, рівноваги, динаміки, ритму, 
гармонії, контрасту, колориту, перспективи, центру 
мас), використання правил ергономіки та решти 
складових веб-дизайну.
Програми створення веб- 
сторінок 
Програми створення 
веб-сторінок 
Текстові 
редактори 
Текстові 
процесори 
HTML- 
редактори 
Текстові Графічні
Автор презентації: 
Квашук Вікторія 
Студентка природничо-географічного факультету 
Е-mail: kvashuk25pgf@gmail.com 
Сайт: http://kvashuk25pgf.blogspot.com

More Related Content

What's hot

Острянська О. В. Презентація до уроку "Звертання. Вставні слова. Словосполуче...
Острянська О. В. Презентація до уроку "Звертання. Вставні слова. Словосполуче...Острянська О. В. Презентація до уроку "Звертання. Вставні слова. Словосполуче...
Острянська О. В. Презентація до уроку "Звертання. Вставні слова. Словосполуче...
Соловьёва Наталья
 
ВВЕДЕННЯ ДО ПЛАТІЖНИХ СИСТЕМ.pptx
ВВЕДЕННЯ ДО ПЛАТІЖНИХ СИСТЕМ.pptxВВЕДЕННЯ ДО ПЛАТІЖНИХ СИСТЕМ.pptx
ВВЕДЕННЯ ДО ПЛАТІЖНИХ СИСТЕМ.pptx
TetianaDotsenko1
 
історична карта
історична картаісторична карта
історична карта
Iryna Zholobovych
 
Фінська освіта
Фінська освітаФінська освіта
Фінська освіта
RomanPankiv3
 
Лексичне значення слова. Однозначні та багатозначні слова
Лексичне значення слова. Однозначні та багатозначні словаЛексичне значення слова. Однозначні та багатозначні слова
Лексичне значення слова. Однозначні та багатозначні слова
lidiyavergoti
 
5 презентація здорове харчування
5   презентація здорове харчування5   презентація здорове харчування
5 презентація здорове харчуванняnelarina
 
сполучник як частина мови копия
сполучник як частина мови   копиясполучник як частина мови   копия
сполучник як частина мови копия
Тетяна Шинкаренко
 
Урок 11. Створення, редагування та форматування графічних об′єктів у текстово...
Урок 11. Створення, редагування та форматування графічних об′єктів у текстово...Урок 11. Створення, редагування та форматування графічних об′єктів у текстово...
Урок 11. Створення, редагування та форматування графічних об′єктів у текстово...
Василь Тереховський
 
презентація текстовий документ та його об’єкти
презентація   текстовий документ та його об’єктипрезентація   текстовий документ та його об’єкти
презентація текстовий документ та його об’єкти
Olga Sokolik
 
Універсам послуг (ЦНАП)
Універсам послуг (ЦНАП)Універсам послуг (ЦНАП)
Василь Струтинский
Василь СтрутинскийВасиль Струтинский
Василь Струтинский
estet13
 
Електронний документ та документообіг.pptx
Електронний документ та документообіг.pptxЕлектронний документ та документообіг.pptx
Електронний документ та документообіг.pptx
ssuser01c99c
 
Презентація досвіду роботи вчителя біології
Презентація досвіду роботи вчителя біологіїПрезентація досвіду роботи вчителя біології
Презентація досвіду роботи вчителя біології
nelya3001
 
16 днів проти насилля
16 днів проти насилля16 днів проти насилля
16 днів проти насилля
kpschool7
 
презентація досвіду
презентація досвіду презентація досвіду
презентація досвіду Natalya Petunova
 
Розробка уроків. 5 клас. Повторення
Розробка уроків. 5 клас. ПовторенняРозробка уроків. 5 клас. Повторення
Розробка уроків. 5 клас. Повторення
natalo4ka1975
 
презентация психологічна служба
презентация  психологічна службапрезентация  психологічна служба
презентация психологічна службаIrina Bodnya
 
М.Гоголь "Ніч перед Різдвом"
М.Гоголь "Ніч перед Різдвом"М.Гоголь "Ніч перед Різдвом"
М.Гоголь "Ніч перед Різдвом"
Adriana Himinets
 
Дисидентський рух
Дисидентський рухДисидентський рух
Дисидентський рух
Yura Yatsko
 

What's hot (20)

Острянська О. В. Презентація до уроку "Звертання. Вставні слова. Словосполуче...
Острянська О. В. Презентація до уроку "Звертання. Вставні слова. Словосполуче...Острянська О. В. Презентація до уроку "Звертання. Вставні слова. Словосполуче...
Острянська О. В. Презентація до уроку "Звертання. Вставні слова. Словосполуче...
 
ВВЕДЕННЯ ДО ПЛАТІЖНИХ СИСТЕМ.pptx
ВВЕДЕННЯ ДО ПЛАТІЖНИХ СИСТЕМ.pptxВВЕДЕННЯ ДО ПЛАТІЖНИХ СИСТЕМ.pptx
ВВЕДЕННЯ ДО ПЛАТІЖНИХ СИСТЕМ.pptx
 
історична карта
історична картаісторична карта
історична карта
 
Фінська освіта
Фінська освітаФінська освіта
Фінська освіта
 
Лексичне значення слова. Однозначні та багатозначні слова
Лексичне значення слова. Однозначні та багатозначні словаЛексичне значення слова. Однозначні та багатозначні слова
Лексичне значення слова. Однозначні та багатозначні слова
 
5 презентація здорове харчування
5   презентація здорове харчування5   презентація здорове харчування
5 презентація здорове харчування
 
сполучник як частина мови копия
сполучник як частина мови   копиясполучник як частина мови   копия
сполучник як частина мови копия
 
Урок 11. Створення, редагування та форматування графічних об′єктів у текстово...
Урок 11. Створення, редагування та форматування графічних об′єктів у текстово...Урок 11. Створення, редагування та форматування графічних об′єктів у текстово...
Урок 11. Створення, редагування та форматування графічних об′єктів у текстово...
 
презентація текстовий документ та його об’єкти
презентація   текстовий документ та його об’єктипрезентація   текстовий документ та його об’єкти
презентація текстовий документ та його об’єкти
 
Універсам послуг (ЦНАП)
Універсам послуг (ЦНАП)Універсам послуг (ЦНАП)
Універсам послуг (ЦНАП)
 
Василь Струтинский
Василь СтрутинскийВасиль Струтинский
Василь Струтинский
 
талановиті пальчики
талановиті пальчикиталановиті пальчики
талановиті пальчики
 
Електронний документ та документообіг.pptx
Електронний документ та документообіг.pptxЕлектронний документ та документообіг.pptx
Електронний документ та документообіг.pptx
 
Презентація досвіду роботи вчителя біології
Презентація досвіду роботи вчителя біологіїПрезентація досвіду роботи вчителя біології
Презентація досвіду роботи вчителя біології
 
16 днів проти насилля
16 днів проти насилля16 днів проти насилля
16 днів проти насилля
 
презентація досвіду
презентація досвіду презентація досвіду
презентація досвіду
 
Розробка уроків. 5 клас. Повторення
Розробка уроків. 5 клас. ПовторенняРозробка уроків. 5 клас. Повторення
Розробка уроків. 5 клас. Повторення
 
презентация психологічна служба
презентация  психологічна службапрезентация  психологічна служба
презентация психологічна служба
 
М.Гоголь "Ніч перед Різдвом"
М.Гоголь "Ніч перед Різдвом"М.Гоголь "Ніч перед Різдвом"
М.Гоголь "Ніч перед Різдвом"
 
Дисидентський рух
Дисидентський рухДисидентський рух
Дисидентський рух
 

Similar to Що ми знаємо про Веб?

Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2
Ирина Слуцкая
 
автоматизоване створення сайтів урок 2 11 клас
автоматизоване створення сайтів урок 2 11 класавтоматизоване створення сайтів урок 2 11 клас
автоматизоване створення сайтів урок 2 11 клас
Helen Pata
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
XX1827
 
веб сторінки
веб сторінкивеб сторінки
веб сторінкиgaliasova
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
ann2704
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
AnyaNastya
 
Guide for Dota 2
Guide for Dota 2 Guide for Dota 2
Guide for Dota 2
kvak333
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
Joseph Willson
 
Veb-mama ama kriminal
Veb-mama ama kriminalVeb-mama ama kriminal
Veb-mama ama kriminal
artemlinok
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
Remka_oxxxy
 
Критрерії успіху вашого сайту
Критрерії успіху вашого сайтуКритрерії успіху вашого сайту
Критрерії успіху вашого сайту
Oxana Zolotuhina
 
розділ 2.3 8 кл
розділ 2.3  8 клрозділ 2.3  8 кл
1 2 види веб сайтів та способи їх створення без html
1 2 види веб сайтів та способи їх створення без html1 2 види веб сайтів та способи їх створення без html
1 2 види веб сайтів та способи їх створення без html
Александр Карпук
 
1 види веб сайтів та способи їх створення
1 види веб сайтів та способи їх створення1 види веб сайтів та способи їх створення
1 види веб сайтів та способи їх створенняannaeres
 
1 види веб сайтів та способи їх створення
1 види веб сайтів та способи їх створення1 види веб сайтів та способи їх створення
1 види веб сайтів та способи їх створенняannaeres
 
Сучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зоруСучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зоруLibinnovate
 

Similar to Що ми знаємо про Веб? (20)

Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2
 
автоматизоване створення сайтів урок 2 11 клас
автоматизоване створення сайтів урок 2 11 класавтоматизоване створення сайтів урок 2 11 клас
автоматизоване створення сайтів урок 2 11 клас
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
Guide for Dota 2
Guide for Dota 2 Guide for Dota 2
Guide for Dota 2
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
Veb-mama ama kriminal
Veb-mama ama kriminalVeb-mama ama kriminal
Veb-mama ama kriminal
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Критрерії успіху вашого сайту
Критрерії успіху вашого сайтуКритрерії успіху вашого сайту
Критрерії успіху вашого сайту
 
розділ 2.3 8 кл
розділ 2.3  8 клрозділ 2.3  8 кл
розділ 2.3 8 кл
 
1 2 види веб сайтів та способи їх створення без html
1 2 види веб сайтів та способи їх створення без html1 2 види веб сайтів та способи їх створення без html
1 2 види веб сайтів та способи їх створення без html
 
1 види веб сайтів та способи їх створення
1 види веб сайтів та способи їх створення1 види веб сайтів та способи їх створення
1 види веб сайтів та способи їх створення
 
1 види веб сайтів та способи їх створення
1 види веб сайтів та способи їх створення1 види веб сайтів та способи їх створення
1 види веб сайтів та способи їх створення
 
Сучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зоруСучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зору
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 

Що ми знаємо про Веб?

  • 1.
  • 2. Веб-сайт Сукупність веб-сторінок певної тематики із системою навігації, що дає можливість переміщуватись між ними за допомогою гіперпосилань, які збережені на одному сервері, утворює сайт, або веб-сайт. Веб-сайт – місце в мережі (англ. Website: web – павутина, мережа; site - місце).
  • 3. Ознаки класифікації сайтів Ознаки класифікації сайтів доступність сервісів природа вмісту спосіб взаємодії користувача фізичне розміщення схема подання вмісту
  • 4. Доступність сервісів • Сервіси, доступні для будь-яких користувачів та відвідувачів Відкриті • Сервіси передбачають реєстрацію для доступу Напіввідкриті • Закриті службові сайти організацій, особисті сайти приватних осіб Закриті
  • 5. Природа вмісту сайту • Сторінки відображаються у тому вигляді, в якому вони зберігаються на сервері, весь їх вміст готується заздалегідь Статичні • Сайти, у яких веб-сторінки генеруються, або формуються у процесі виконання запиту користувача Динамічні
  • 6. Способи взаємодії користувача • Сайти з “пасивними” веб- сторінками (користувач може лише переглядати відомості на веб- сторінці) Пасивні • Користувач має можливість обмінюватися даними із сервером Інтерактивні
  • 7. Фізичне розміщення сайтів • Зовнішні сайти мережі Інтернет Зовнішні • Локальні сайти доступні лише в межах локальної мережі Локальні
  • 8. За схемою подання вмісту 1 • Інформаційні ресурси 2 • Веб-сервіси 3 • Інтернет-представництва
  • 9. Сайти можна також поділити на: 1 • персональні 2 • комерційні 3 • інформаційні 4 • офіційні 5 • освітні 6 • розважальні
  • 10. Структура сайту та її складові 1 • Принцип простоти 2 • Принцип цільової сегментації Складові структури сайту Структура каталогів Структура навігації Заставка сайта
  • 11. Структура сайту • Дозволяє всі необхідні дані розмістити зручно та доступно в розділах та підрозділах Внутрішня • Визначає спосіб розміщення відомостей на сторінці при виборі кожного пункту меню, відповідає дизайну сайту Зовнішня
  • 12. Сайт має відповідати таким вимогам: Відображати тематику сайту. Бути цікавим. Містити інструмент пошуку сайту. Містити розділ з даними, що постійно оновлюються. Містить відомості про спосіб зворотного зв'язку .
  • 13. Веб-сторінка Веб-сторінка – документ або інформаційний ресурс, доступ до якого здійснюється за допомогою веб-браузера. Веб-сторінки створюються мовою HTML чи XHTML та можуть містити гіперпосилання для швидкого переходу на інші сторінки.
  • 14. Контент Відомості на веб-сторінці можуть подаватися у різних формах: текст, статичні та анімовані графічні зображення, аудіо, відео тощо. Інформаційний вміст веб-сторінки називають контентом.
  • 15. Статичні та інтерактивні веб- сторінки Веб-сторінки статичних веб-сайтів створюються за допомогою мови HTML. Основою мови є теги – команди, що вказують на правила, за якими форматуються документи. При створенні інтерактивних веб-сторінок використовують спеціальні скрипти на мовах сценаріїв JavaScript та VBScript, які можуть використовуватися за наявності певних дій користувача під час завантаження веб-сторінки. Для забезпечення інтерактивності веб-сторінки можна використовувати флеш-фрагменти або Flash-ролики.
  • 16. Домашня сторінка • Веб-сайт, що належить окремій людині. Веб-сайт • Веб-сторінка (стартова) - сторінка, яка першою завантажується у браузері. Веб- сторінка
  • 17. Дизайн веб-сторінок Дизайн веб – це робота, яка спирається на знання основних понять дизайну (понять точки, лінії, текстури, фактури, форми, кольору, пропорції, композиції, симетрії, асиметрії, рівноваги, динаміки, ритму, гармонії, контрасту, колориту, перспективи, центру мас), використання правил ергономіки та решти складових веб-дизайну.
  • 18. Програми створення веб- сторінок Програми створення веб-сторінок Текстові редактори Текстові процесори HTML- редактори Текстові Графічні
  • 19. Автор презентації: Квашук Вікторія Студентка природничо-географічного факультету Е-mail: kvashuk25pgf@gmail.com Сайт: http://kvashuk25pgf.blogspot.com