Урок №21. Етапи створення веб-сайтів. Інструктаж з БЖД (Презентація до уроку)

1. ЕТАПИ СТВОРЕННЯ
WEB САЙТІВ

2. Історія WWW
• 17 травня 1991 року
англійський вчений Тім
Бернерс-Лі, пpацюючи в
Європейському центрі ядерних
досліджень (CERN,
Швейцарія), представив
архітектуру мережі World Wide
Web (WWW) і продемонстрував
її роботу на комп'ютерах CERN.
Через три місяці, 6 серпня, за
адресою info.cern.ch
запрацював онлайн перший у
світі web сайт.

3. Приклади перших web сторінок
Скріншот першого сайту. У заголовку сторінки написано:
«Ласкаво просимо у Всесвіт гіпертексту».

4. Приклади перших web сторінок
Сайт міжнародної неурядової організації з прав людини
Amnesty International був створений в 1994 році

5. Приклади перших web сторінок
Сайт журналу The Economist вийшов у 1994 році

6. Приклади перших web сторінок
Головна сторінка амерканської телекомпанії CNN з новиною про
суд над О. Джей Сімпсоном. У мережі з 1995 року

7. Приклади перших web сторінок
Сайт американської мережі ресторанів Pizza Hut запустили в 1994
році. Тут можна було зробити замовлення та зарезервувати столик

9. Як це працює?

10. Основні поняття:
• Веб сайт, або сайт — сукупність вебсторінок,
доступних у мережі Інтернет, які об'єднані як за
змістом, так і за навігацією під єдиним доменним ім'ям.
• Веб сторінка — інформаційний ресурс, доступний в
мережі World Wide Web, який можна переглянути у
браузері. Вебсторінки можуть об'єднуватися в сайти за
допомогою гіпертексту з навігаційними
гіперпосиланнями на інші сторінки.
• Гіперпосилання — активний текст, зображення чи
кнопка на веб-сторінці, натиснення на яку викликає
перехід на іншу сторінку чи іншу частину поточної
сторінки.

11. Типи web сайтів:

12. Типи web сайтів:

13. Статичні та динамічні web сайти
Статичні Динамічні
Надають усім відвідувачам однакову
інформацію
Вигляд і вміст сайту автоматично
змінюється залежно від контексту,
дій та уподобань користувача, часу
та інших факторів
Web сторінки зберігаються на web
сервері в тому ж вигляді, у якому
передаються браузеру
Web сторінки генеруються з
використанням програмного коду та
інформації з бази даних і
передаються браузеру
Оновлюються періодично
власниками вручну
Можуть оновлюватися часто, не
обов’язково фахівцями і власниками

14. Етапи роботи над сайтом
 Проектування
 Інформаційний
дизайн
 Графічний дизайн
 Розробка
 Тестування
 Публікація
 Просування
 Підтримка

15. Засоби web розробки
• Текстові редактори
• Блокнот
• Візуальні редактори
• SharePointDesigner
• Dreamweaver
• MS Publisher
• EZGenerator
• Автоматизовані системи (CMS)
• GoogleSites
• Wix.com
• Joomla
• Drupal
• WordPress

16. Рефлексія
• мені було незрозуміло…;
• у мене виникли такі запитання…;
• мені сподобалось і я буду
використовувати…

17. Домашнє завдання
• Написати невелике повідомлення (до 2
сторінок) на тему «Тім Бернес Лі, ключові
погляди на розвиток Інтернету»
• Опрацювати конспект уроку