SlideShare a Scribd company logo
1 of 12
1
Тема: Поняття, структура та різновиди
веб-сайтів
Етапи створення
2
Поняття сайта
Веб-сайт (англ.website, місце, майданчик в
інтернеті), також сайт (англ. site, місце,
майданчик) - сукупність веб-сторінок, доступних у
Міжмережжі, які об'єднані як за змістом, так і
навігаційно. Фізично сайт може розміщуватися як
на одному, так і на кількох серверах.
Сайтом також називають вузол мережі Інтернет,
комп'ютер, за яким закріплена унікальна ІР-адреса,
і взагалі будь-який об'єкт в Інтернеті, за яким
закріплена адреса, що ідентифікує його в мережі
(FTP-site, WWW-site тощо).
3
Класифікація веб-сайтів
Ознаки
класифікації
сайтів
Доступність
сервісів
Природа вмісту
Спосіб взаємодії
користувача
Фізичне
розміщення
Схема подання
вмісту
4
Розподіл сайтів за схемою подання вмісту:
Типи сайтів
Інформаційні
ресурси
Тематичні
сайти
Інтернет-
портали
Блоги
Каталоги сайтів
Веб-сервери
Пошукові
системи
Поштові
системи
Інтернет-
форуми
Дошка
оголошень
Соціальні
мережі
Фото-, аудіо-,
відео-хостінги
Інтернет-
представництва
Сайти-візитівки
Корпоративні
сайти
Інтернет-
вітрини
Інтернет-
магазин
Промо-сайти
5
Поняття
Портал – призначений для надання різноманітних послуг.
Реалізовано як багаторівневе поєднання різних ресурсів і
сервесів, що містять посилання на інші сайти, тематика яких
відповідає інтересам відвідувача порталу.
Хостинг – послуга, що надає дисковий простір для
розміщення фізичних даних на сервері.
Раніше кожний сайт зберігався на своєму власному сервері, але з
розвитком Інтеренету з'явилося поняття віртуального хостингу –
розміщення великої кількості сайтів.
Сервер для збереження лише одного сайта називається
виділеним.
6
Планування структури:
Складові
структури
сайта
Структура
каталогів
Структура
навігації
Заставка
сайта
Безкоштовні сервіси: UCOZ, GOOGLE, JIMDO.com
7
Вимоги для вірного створення сайта:
Основне правило переходу - правило трьох
кліків: перейти на вибрану сторінку менш ніж за 3
кліка. Розрізняють текстову систему навігації,
навігацію за допомогою кнопок та використання
навігаційних карт.
Інколи з’являється заставка. Це невелике фото із
звуковим супроводом або відеороликом.
Головна сторінка сайта має задовольняти правило
3 по 3, тобто 3 абзаца, по три речення про
тематику, зміст, авторів та призначення сайта.
8
Обов'язковий вміст сайта:
–Відображати тематику сайта;
–Вона повинна бути цікавою, щоб
користувач мав бажання переглянути
інші сторінки сайта;
–Містити інструмент пошуку по сайту;
–Містити розділ з даними, які постійно
оновлюються;
–Містити відомості про зворотній зв'язок.
9
Етапи створення веб-сайтів:
– Визначення мети створення сайту, розробка концепції веб-сайта
та його структури;
– Проведення дослідження з обраної теми;
– Вибір способу подання даних та відомостей і стилю оформлення
веб-сторінок;
– Розмітка та програмування сайта;
– Наповнення сайта даними;
– Художнє оформлення сторінок;
– Розміщення веб-сторінок на сервері;
– Популяризація сайта та підтримка його роботи.
10
Поради веб-дизайнеру:
–Не доцільно використовувати анімовані зображення
на головній сторінці;
–Не слід використовувати широкі зображення;
–Не варто розміщувати велику кількість кнопок,
емблем, посилань на головній сторінці;
–Не доцільно використовувати довгі тексти (2,5-3
екрани);
–Необхідно перевіряти сайт на наявність помилок,
вони псують враження від сайту;
–Використовувати правило «п’ятірки»: не більш п’яти
шрифтів: не більш 5-ти шрифтів (як по типу та і за
розміру) на одній сторінці;
–Не треба використовувати напис Сторінка в
розробці, краще прибрати посилання.
11
Практичне застосування набутих знань
Практична робота «Автоматизоване створення веб-сайтів»
1. Вхід в аккаунт google.com.
2. Відкрити сервіс САЙТ (через Інші сервіси google)
3. Створити новій сайт, з 3-х сторінок (Тематика: мої улюблені
тварини, Мої захоплення, Випускний бал тощо)
Підведення підсумків уроку. (усно)
Продовжити речення:
– На сьогоднішньому уроці мені найбільше запам'яталося…
– Чи досягли ми мети, яку поставили на початку уроку?
– Що було легким, а що складним?
Домашнє завдання
Опрацювати матеріал конспекту.
Скласти ребуси або кросворд до теми Інтернет
Підручник п.26.1. – 26.6. Опрацювати.
Виконати вправу 26.6.3. Створення веб-сторінки
засобами програми PS Publisher.

More Related Content

What's hot

Автоматизоване розроблення веб сайтів
Автоматизоване розроблення веб сайтівАвтоматизоване розроблення веб сайтів
Автоматизоване розроблення веб сайтів
Darina Koroleh
 
карта проекту
карта проектукарта проекту
карта проекту
Liza
 
урок 17 навчаємось в інтернеті
урок 17 навчаємось в  інтернетіурок 17 навчаємось в  інтернеті
урок 17 навчаємось в інтернеті
kissoli
 
урок 16 мережа інтернет
урок 16 мережа  інтернетурок 16 мережа  інтернет
урок 16 мережа інтернет
kissoli
 
Сучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зоруСучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зору
Libinnovate
 

What's hot (19)

Lesson # 21. stages of creating websites
Lesson # 21. stages of creating websitesLesson # 21. stages of creating websites
Lesson # 21. stages of creating websites
 
інф 11 кл веб сайт
інф 11 кл веб сайтінф 11 кл веб сайт
інф 11 кл веб сайт
 
Presentation # 21. stages of creating websites.
Presentation # 21. stages of creating websites.Presentation # 21. stages of creating websites.
Presentation # 21. stages of creating websites.
 
Автоматизоване розроблення веб сайтів
Автоматизоване розроблення веб сайтівАвтоматизоване розроблення веб сайтів
Автоматизоване розроблення веб сайтів
 
розділ 2.4 8 кл
розділ 2.4  8 клрозділ 2.4  8 кл
розділ 2.4 8 кл
 
розділ 2.3 8 кл
розділ 2.3  8 клрозділ 2.3  8 кл
розділ 2.3 8 кл
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Бібліотечні сайти та блоги
Бібліотечні сайти та блогиБібліотечні сайти та блоги
Бібліотечні сайти та блоги
 
карта проекту
карта проектукарта проекту
карта проекту
 
Content curator-2017
Content curator-2017Content curator-2017
Content curator-2017
 
урок 17 навчаємось в інтернеті
урок 17 навчаємось в  інтернетіурок 17 навчаємось в  інтернеті
урок 17 навчаємось в інтернеті
 
Blogs Promotion
Blogs PromotionBlogs Promotion
Blogs Promotion
 
Lesson # 22. website design. bzd briefing
Lesson # 22. website design. bzd briefingLesson # 22. website design. bzd briefing
Lesson # 22. website design. bzd briefing
 
11 клас. Урок 28. Огляд сервісів веб 2.0
11 клас. Урок 28. Огляд сервісів веб 2.011 клас. Урок 28. Огляд сервісів веб 2.0
11 клас. Урок 28. Огляд сервісів веб 2.0
 
урок 16 мережа інтернет
урок 16 мережа  інтернетурок 16 мережа  інтернет
урок 16 мережа інтернет
 
Можливості-ресурси-анонси. Презентація Миколи Костиняна (3)
Можливості-ресурси-анонси. Презентація Миколи Костиняна (3)Можливості-ресурси-анонси. Презентація Миколи Костиняна (3)
Можливості-ресурси-анонси. Презентація Миколи Костиняна (3)
 
Організація та ведення бібліотечних сторінок у Facebook
Організація та ведення бібліотечних сторінок у  FacebookОрганізація та ведення бібліотечних сторінок у  Facebook
Організація та ведення бібліотечних сторінок у Facebook
 
інструктивна картка
інструктивна карткаінструктивна картка
інструктивна картка
 
Сучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зоруСучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зору
 

Viewers also liked

урок 15 умова паскаль
урок 15 умова паскальурок 15 умова паскаль
урок 15 умова паскаль
Helen Pat
 
програмування на мові паскаль
програмування на мові паскаль програмування на мові паскаль
програмування на мові паскаль
Helen Pata
 
урок 19 цикли Складання програм
урок 19 цикли Складання програмурок 19 цикли Складання програм
урок 19 цикли Складання програм
Helen Pat
 
урок 11 виведення значень мова Паскаль
урок 11 виведення значень мова Паскальурок 11 виведення значень мова Паскаль
урок 11 виведення значень мова Паскаль
Helen Pata
 
урок 12 вирази мова Паскаль
урок 12 вирази  мова Паскальурок 12 вирази  мова Паскаль
урок 12 вирази мова Паскаль
Helen Pata
 
урок 17 поліваріантне розгалуження
урок 17 поліваріантне розгалуженняурок 17 поліваріантне розгалуження
урок 17 поліваріантне розгалуження
Helen Pata
 

Viewers also liked (13)

урок 15 умова паскаль
урок 15 умова паскальурок 15 умова паскаль
урок 15 умова паскаль
 
урок 5 сортировка фильтр
урок 5  сортировка  фильтрурок 5  сортировка  фильтр
урок 5 сортировка фильтр
 
Cтворення сайту на Google
Cтворення сайту на Google Cтворення сайту на Google
Cтворення сайту на Google
 
програмування на мові паскаль
програмування на мові паскаль програмування на мові паскаль
програмування на мові паскаль
 
урок 27 11 клас створення blog приклад
урок 27 11 клас створення blog  прикладурок 27 11 клас створення blog  приклад
урок 27 11 клас створення blog приклад
 
урок 19 цикли Складання програм
урок 19 цикли Складання програмурок 19 цикли Складання програм
урок 19 цикли Складання програм
 
урок 3 звязок бази даних
урок 3 звязок бази данихурок 3 звязок бази даних
урок 3 звязок бази даних
 
урок 2 створення бази даних
урок 2 створення бази данихурок 2 створення бази даних
урок 2 створення бази даних
 
бази даних
бази данихбази даних
бази даних
 
урок 11 виведення значень мова Паскаль
урок 11 виведення значень мова Паскальурок 11 виведення значень мова Паскаль
урок 11 виведення значень мова Паскаль
 
урок 12 вирази мова Паскаль
урок 12 вирази  мова Паскальурок 12 вирази  мова Паскаль
урок 12 вирази мова Паскаль
 
Graph autocollage
Graph autocollageGraph autocollage
Graph autocollage
 
урок 17 поліваріантне розгалуження
урок 17 поліваріантне розгалуженняурок 17 поліваріантне розгалуження
урок 17 поліваріантне розгалуження
 

Similar to автоматизоване створення сайтів урок 2 11 клас

конспект
конспект конспект
конспект
TANYA1512
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
XX1827
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
galiasova
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
AnyaNastya
 
інформаційний супровід веб сайту навчального
інформаційний супровід веб сайту навчальногоінформаційний супровід веб сайту навчального
інформаційний супровід веб сайту навчального
olga_ruo
 

Similar to автоматизоване створення сайтів урок 2 11 клас (20)

конспект
конспект конспект
конспект
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
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
 
урок 29 (1)
урок 29 (1)урок 29 (1)
урок 29 (1)
 
Що ми знаємо про Веб?
Що ми знаємо про Веб?Що ми знаємо про Веб?
Що ми знаємо про Веб?
 
нові медіа
нові медіанові медіа
нові медіа
 
30
3030
30
 
Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2Автомат розроб сайтів_огляд_web2
Автомат розроб сайтів_огляд_web2
 
інформаційний супровід веб сайту навчального
інформаційний супровід веб сайту навчальногоінформаційний супровід веб сайту навчального
інформаційний супровід веб сайту навчального
 
Презентація
ПрезентаціяПрезентація
Презентація
 
Презентація
ПрезентаціяПрезентація
Презентація
 
Персональний сайт викладача
Персональний сайт викладачаПерсональний сайт викладача
Персональний сайт викладача
 

Recently uploaded

Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptx
OlgaDidenko6
 
аналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.pptаналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.ppt
JurgenstiX
 

Recently uploaded (17)

Відкрита лекція на тему: "Сидерати - як спосіб виживання"
Відкрита лекція на тему: "Сидерати - як спосіб виживання"Відкрита лекція на тему: "Сидерати - як спосіб виживання"
Відкрита лекція на тему: "Сидерати - як спосіб виживання"
 
Габон
ГабонГабон
Габон
 
psychologistpresentation-230215175859-50bdd6ed.ppt
psychologistpresentation-230215175859-50bdd6ed.pptpsychologistpresentation-230215175859-50bdd6ed.ppt
psychologistpresentation-230215175859-50bdd6ed.ppt
 
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості  та дозвілля для дітейpptxБібліотека – розвиток дитячої творчості  та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
 
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdfЗастосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
 
Роль українців у перемозі в Другій світовій війні
Роль українців у перемозі в Другій світовій війніРоль українців у перемозі в Другій світовій війні
Роль українців у перемозі в Другій світовій війні
 
Супрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptxСупрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptx
 
Горбонос 2024_presentation_for_website.pptx
Горбонос 2024_presentation_for_website.pptxГорбонос 2024_presentation_for_website.pptx
Горбонос 2024_presentation_for_website.pptx
 
оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx
оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptxоцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx
оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx
 
Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptx
 
Іваніщук Надія Вікторівна атестація .pdf
Іваніщук Надія Вікторівна атестація  .pdfІваніщук Надія Вікторівна атестація  .pdf
Іваніщук Надія Вікторівна атестація .pdf
 
Проблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішенняПроблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішення
 
Defectolog_presentation_for_website.pptx
Defectolog_presentation_for_website.pptxDefectolog_presentation_for_website.pptx
Defectolog_presentation_for_website.pptx
 
Супрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptxСупрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptx
 
Балади про Робіна Гуда. Аналіз образу Робіна Гуда
Балади про Робіна Гуда. Аналіз образу Робіна ГудаБалади про Робіна Гуда. Аналіз образу Робіна Гуда
Балади про Робіна Гуда. Аналіз образу Робіна Гуда
 
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdfатестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
 
аналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.pptаналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.ppt
 

автоматизоване створення сайтів урок 2 11 клас

  • 1. 1 Тема: Поняття, структура та різновиди веб-сайтів Етапи створення
  • 2. 2 Поняття сайта Веб-сайт (англ.website, місце, майданчик в інтернеті), також сайт (англ. site, місце, майданчик) - сукупність веб-сторінок, доступних у Міжмережжі, які об'єднані як за змістом, так і навігаційно. Фізично сайт може розміщуватися як на одному, так і на кількох серверах. Сайтом також називають вузол мережі Інтернет, комп'ютер, за яким закріплена унікальна ІР-адреса, і взагалі будь-який об'єкт в Інтернеті, за яким закріплена адреса, що ідентифікує його в мережі (FTP-site, WWW-site тощо).
  • 3. 3 Класифікація веб-сайтів Ознаки класифікації сайтів Доступність сервісів Природа вмісту Спосіб взаємодії користувача Фізичне розміщення Схема подання вмісту
  • 4. 4 Розподіл сайтів за схемою подання вмісту: Типи сайтів Інформаційні ресурси Тематичні сайти Інтернет- портали Блоги Каталоги сайтів Веб-сервери Пошукові системи Поштові системи Інтернет- форуми Дошка оголошень Соціальні мережі Фото-, аудіо-, відео-хостінги Інтернет- представництва Сайти-візитівки Корпоративні сайти Інтернет- вітрини Інтернет- магазин Промо-сайти
  • 5. 5 Поняття Портал – призначений для надання різноманітних послуг. Реалізовано як багаторівневе поєднання різних ресурсів і сервесів, що містять посилання на інші сайти, тематика яких відповідає інтересам відвідувача порталу. Хостинг – послуга, що надає дисковий простір для розміщення фізичних даних на сервері. Раніше кожний сайт зберігався на своєму власному сервері, але з розвитком Інтеренету з'явилося поняття віртуального хостингу – розміщення великої кількості сайтів. Сервер для збереження лише одного сайта називається виділеним.
  • 7. 7 Вимоги для вірного створення сайта: Основне правило переходу - правило трьох кліків: перейти на вибрану сторінку менш ніж за 3 кліка. Розрізняють текстову систему навігації, навігацію за допомогою кнопок та використання навігаційних карт. Інколи з’являється заставка. Це невелике фото із звуковим супроводом або відеороликом. Головна сторінка сайта має задовольняти правило 3 по 3, тобто 3 абзаца, по три речення про тематику, зміст, авторів та призначення сайта.
  • 8. 8 Обов'язковий вміст сайта: –Відображати тематику сайта; –Вона повинна бути цікавою, щоб користувач мав бажання переглянути інші сторінки сайта; –Містити інструмент пошуку по сайту; –Містити розділ з даними, які постійно оновлюються; –Містити відомості про зворотній зв'язок.
  • 9. 9 Етапи створення веб-сайтів: – Визначення мети створення сайту, розробка концепції веб-сайта та його структури; – Проведення дослідження з обраної теми; – Вибір способу подання даних та відомостей і стилю оформлення веб-сторінок; – Розмітка та програмування сайта; – Наповнення сайта даними; – Художнє оформлення сторінок; – Розміщення веб-сторінок на сервері; – Популяризація сайта та підтримка його роботи.
  • 10. 10 Поради веб-дизайнеру: –Не доцільно використовувати анімовані зображення на головній сторінці; –Не слід використовувати широкі зображення; –Не варто розміщувати велику кількість кнопок, емблем, посилань на головній сторінці; –Не доцільно використовувати довгі тексти (2,5-3 екрани); –Необхідно перевіряти сайт на наявність помилок, вони псують враження від сайту; –Використовувати правило «п’ятірки»: не більш п’яти шрифтів: не більш 5-ти шрифтів (як по типу та і за розміру) на одній сторінці; –Не треба використовувати напис Сторінка в розробці, краще прибрати посилання.
  • 11. 11 Практичне застосування набутих знань Практична робота «Автоматизоване створення веб-сайтів» 1. Вхід в аккаунт google.com. 2. Відкрити сервіс САЙТ (через Інші сервіси google) 3. Створити новій сайт, з 3-х сторінок (Тематика: мої улюблені тварини, Мої захоплення, Випускний бал тощо) Підведення підсумків уроку. (усно) Продовжити речення: – На сьогоднішньому уроці мені найбільше запам'яталося… – Чи досягли ми мети, яку поставили на початку уроку? – Що було легким, а що складним?
  • 12. Домашнє завдання Опрацювати матеріал конспекту. Скласти ребуси або кросворд до теми Інтернет Підручник п.26.1. – 26.6. Опрацювати. Виконати вправу 26.6.3. Створення веб-сторінки засобами програми PS Publisher.