SlideShare a Scribd company logo
1 of 19
Веб-сайт 
Сукупність веб-сторінок 
певної тематики із 
системою навігації, що 
дає можливість 
переміщуватись між 
ними за допомогою 
гіперпосилань, які 
збережені на одному 
сервері, утворює сайт, 
або веб-сайт. 
Веб-сайт – місце в 
мережі (англ. 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

2 клас 23 урок. Сервіси для перегляду зображень картин художників. Віртуаль...
2 клас 23  урок.  Сервіси для перегляду зображень картин художників. Віртуаль...2 клас 23  урок.  Сервіси для перегляду зображень картин художників. Віртуаль...
2 клас 23 урок. Сервіси для перегляду зображень картин художників. Віртуаль...StAlKeRoV
 
Календарне планування з української мови для 7 кл.
Календарне планування з української мови для 7 кл.Календарне планування з української мови для 7 кл.
Календарне планування з української мови для 7 кл.Adriana Himinets
 
Етапи створення сайтів
Етапи створення сайтівЕтапи створення сайтів
Етапи створення сайтівvolevikt
 
Урок 15 для 7 класу - Моделі. Етапи побудови моделей. Реалізація математичних...
Урок 15 для 7 класу - Моделі. Етапи побудови моделей. Реалізація математичних...Урок 15 для 7 класу - Моделі. Етапи побудови моделей. Реалізація математичних...
Урок 15 для 7 класу - Моделі. Етапи побудови моделей. Реалізація математичних...VsimPPT
 
Освітня програма на 2022-2023 н. р. Савченко.docx
Освітня програма на 2022-2023 н. р. Савченко.docxОсвітня програма на 2022-2023 н. р. Савченко.docx
Освітня програма на 2022-2023 н. р. Савченко.docxНина Ибрагимова
 
Урок 10 для 10 класу - Основи статистичного аналізу даних. Пошук та збір набо...
Урок 10 для 10 класу - Основи статистичного аналізу даних. Пошук та збір набо...Урок 10 для 10 класу - Основи статистичного аналізу даних. Пошук та збір набо...
Урок 10 для 10 класу - Основи статистичного аналізу даних. Пошук та збір набо...VsimPPT
 
Тематичні класні години. Національно-патріотичне та громадянське виховання. 5...
Тематичні класні години. Національно-патріотичне та громадянське виховання. 5...Тематичні класні години. Національно-патріотичне та громадянське виховання. 5...
Тематичні класні години. Національно-патріотичне та громадянське виховання. 5...Helen Pisna
 
вступ до науково дослідницької роботи
вступ до науково дослідницької роботивступ до науково дослідницької роботи
вступ до науково дослідницької роботиЯна Самсонова
 
5 клас 31 урок. Введення та редагування тексту. Форматування текстових об’єктів.
5 клас 31 урок. Введення та редагування тексту. Форматування текстових об’єктів.5 клас 31 урок. Введення та редагування тексту. Форматування текстових об’єктів.
5 клас 31 урок. Введення та редагування тексту. Форматування текстових об’єктів.StAlKeRoV
 
Олександр Гаврош – презентація
Олександр Гаврош – презентаціяОлександр Гаврош – презентація
Олександр Гаврош – презентаціяDmytro Kryvenko
 
Урок української літератури 6 клас Леся Українка "Мрії", "Як дитиною, бувало..."
Урок української літератури 6 клас Леся Українка "Мрії", "Як дитиною, бувало..."Урок української літератури 6 клас Леся Українка "Мрії", "Як дитиною, бувало..."
Урок української літератури 6 клас Леся Українка "Мрії", "Як дитиною, бувало..."polyatikinalyubov
 
Система оцінювання навчальних досягнень учнів як чинник мотивації
Система оцінювання навчальних досягнень учнів як чинник мотиваціїСистема оцінювання навчальних досягнень учнів як чинник мотивації
Система оцінювання навчальних досягнень учнів як чинник мотиваціїЛариса Скрипко
 
ХАРАКТЕРИСТИКА учня початкової школи
ХАРАКТЕРИСТИКА учня початкової школиХАРАКТЕРИСТИКА учня початкової школи
ХАРАКТЕРИСТИКА учня початкової школиКовпитська ЗОШ
 
індивідуальна освітня траєкторія (зразок)
індивідуальна освітня траєкторія (зразок)індивідуальна освітня траєкторія (зразок)
індивідуальна освітня траєкторія (зразок)Оля Руденко
 
Презентація "Мій оберіг – моя сім’я"
Презентація "Мій оберіг – моя сім’я" Презентація "Мій оберіг – моя сім’я"
Презентація "Мій оберіг – моя сім’я" Margoshenka
 

What's hot (20)

Презентація-огляд літератури «Трагічні сторінки Чорнобиля»
Презентація-огляд літератури «Трагічні сторінки Чорнобиля»Презентація-огляд літератури «Трагічні сторінки Чорнобиля»
Презентація-огляд літератури «Трагічні сторінки Чорнобиля»
 
2 клас 23 урок. Сервіси для перегляду зображень картин художників. Віртуаль...
2 клас 23  урок.  Сервіси для перегляду зображень картин художників. Віртуаль...2 клас 23  урок.  Сервіси для перегляду зображень картин художників. Віртуаль...
2 клас 23 урок. Сервіси для перегляду зображень картин художників. Віртуаль...
 
Календарне планування з української мови для 7 кл.
Календарне планування з української мови для 7 кл.Календарне планування з української мови для 7 кл.
Календарне планування з української мови для 7 кл.
 
Етапи створення сайтів
Етапи створення сайтівЕтапи створення сайтів
Етапи створення сайтів
 
Урок 15 для 7 класу - Моделі. Етапи побудови моделей. Реалізація математичних...
Урок 15 для 7 класу - Моделі. Етапи побудови моделей. Реалізація математичних...Урок 15 для 7 класу - Моделі. Етапи побудови моделей. Реалізація математичних...
Урок 15 для 7 класу - Моделі. Етапи побудови моделей. Реалізація математичних...
 
зразки заяв
зразки заявзразки заяв
зразки заяв
 
Освітня програма на 2022-2023 н. р. Савченко.docx
Освітня програма на 2022-2023 н. р. Савченко.docxОсвітня програма на 2022-2023 н. р. Савченко.docx
Освітня програма на 2022-2023 н. р. Савченко.docx
 
Віртуальна подорож Україною
Віртуальна подорож УкраїноюВіртуальна подорож Україною
Віртуальна подорож Україною
 
Урок 10 для 10 класу - Основи статистичного аналізу даних. Пошук та збір набо...
Урок 10 для 10 класу - Основи статистичного аналізу даних. Пошук та збір набо...Урок 10 для 10 класу - Основи статистичного аналізу даних. Пошук та збір набо...
Урок 10 для 10 класу - Основи статистичного аналізу даних. Пошук та збір набо...
 
Тематичні класні години. Національно-патріотичне та громадянське виховання. 5...
Тематичні класні години. Національно-патріотичне та громадянське виховання. 5...Тематичні класні години. Національно-патріотичне та громадянське виховання. 5...
Тематичні класні години. Національно-патріотичне та громадянське виховання. 5...
 
презентація сталий розвиток
презентація сталий розвитокпрезентація сталий розвиток
презентація сталий розвиток
 
вступ до науково дослідницької роботи
вступ до науково дослідницької роботивступ до науково дослідницької роботи
вступ до науково дослідницької роботи
 
5 клас 31 урок. Введення та редагування тексту. Форматування текстових об’єктів.
5 клас 31 урок. Введення та редагування тексту. Форматування текстових об’єктів.5 клас 31 урок. Введення та редагування тексту. Форматування текстових об’єктів.
5 клас 31 урок. Введення та редагування тексту. Форматування текстових об’єктів.
 
Олександр Гаврош – презентація
Олександр Гаврош – презентаціяОлександр Гаврош – презентація
Олександр Гаврош – презентація
 
Урок української літератури 6 клас Леся Українка "Мрії", "Як дитиною, бувало..."
Урок української літератури 6 клас Леся Українка "Мрії", "Як дитиною, бувало..."Урок української літератури 6 клас Леся Українка "Мрії", "Як дитиною, бувало..."
Урок української літератури 6 клас Леся Українка "Мрії", "Як дитиною, бувало..."
 
Система оцінювання навчальних досягнень учнів як чинник мотивації
Система оцінювання навчальних досягнень учнів як чинник мотиваціїСистема оцінювання навчальних досягнень учнів як чинник мотивації
Система оцінювання навчальних досягнень учнів як чинник мотивації
 
ХАРАКТЕРИСТИКА учня початкової школи
ХАРАКТЕРИСТИКА учня початкової школиХАРАКТЕРИСТИКА учня початкової школи
ХАРАКТЕРИСТИКА учня початкової школи
 
3 клас урок 19 як працювати з комп'ютерною презентацією
3 клас урок 19 як працювати з комп'ютерною презентацією3 клас урок 19 як працювати з комп'ютерною презентацією
3 клас урок 19 як працювати з комп'ютерною презентацією
 
індивідуальна освітня траєкторія (зразок)
індивідуальна освітня траєкторія (зразок)індивідуальна освітня траєкторія (зразок)
індивідуальна освітня траєкторія (зразок)
 
Презентація "Мій оберіг – моя сім’я"
Презентація "Мій оберіг – моя сім’я" Презентація "Мій оберіг – моя сім’я"
Презентація "Мій оберіг – моя сім’я"
 

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

Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2Ирина Слуцкая
 
автоматизоване створення сайтів урок 2 11 клас
автоматизоване створення сайтів урок 2 11 класавтоматизоване створення сайтів урок 2 11 клас
автоматизоване створення сайтів урок 2 11 класHelen Pata
 
веб сторінки
веб сторінкивеб сторінки
веб сторінкиXX1827
 
веб сторінки
веб сторінкивеб сторінки
веб сторінкиJoseph Willson
 
Veb-mama ama kriminal
Veb-mama ama kriminalVeb-mama ama kriminal
Veb-mama ama kriminalartemlinok
 
веб сторінки
веб сторінкивеб сторінки
веб сторінкиRemka_oxxxy
 
веб сторінки
веб сторінкивеб сторінки
веб сторінкиgaliasova
 
веб сторінки
веб сторінкивеб сторінки
веб сторінкиann2704
 
Guide for Dota 2
Guide for Dota 2 Guide for Dota 2
Guide for Dota 2 kvak333
 
веб сторінки
веб сторінкивеб сторінки
веб сторінкиAnyaNastya
 
Критрерії успіху вашого сайту
Критрерії успіху вашого сайтуКритрерії успіху вашого сайту
Критрерії успіху вашого сайтуOxana Zolotuhina
 
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 клас
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
Veb-mama ama kriminal
Veb-mama ama kriminalVeb-mama ama kriminal
Veb-mama ama kriminal
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
Guide for Dota 2
Guide for Dota 2 Guide for Dota 2
Guide for Dota 2
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
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