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

1. 1
Урок №21 8 __ клас 1 група ________________
2 група ________________
Тема: Етапи створення веб-сайтів. Інструктаж з БЖД
Мета:
 навчальна: пригадати основні поняття мережі Інтернет, познайомити учнів з типами сайтів та
їх призначенням, формувати уявлення про основні етапи сайтобудування;
 розвивальна: розвивати логічне мислення; формувати вміння планувати свою діяльність,
аналізувати i робити висновки;
 виховна: виховувати інформаційну культуру учнів, уважність, акуратність, дисциплінованість.
Тип уроку: засвоєння нових знань;
Хід уроку
І. Організаційний етап
 привітання
 перевірка присутніх
 перевірка готовності учнів до уроку
ІІ. Актуалізація опорних знань
Робота над інтерактивною вправою «Типи браузерів»
(https://learningapps.org/display?v=p6a3dcbnn19)
ІІІ. Оголошення теми та мети уроку. Мотивація навчальної діяльності
1. Оголошення теми уроку
2. Історичний екскурс (сер Тім Бернес Лі)
3. Приклади перших web сайтів
IV. Вивчення нового матеріалу
1. Як працює WWW:
2. Повторення основних понять
Веб сайт, або сайт — сукупність веб сторінок, доступних у мережі Інтернет, які об'єднані
як за змістом, так і за навігацією під єдиним доменним ім'ям.
Веб сторінка — інформаційний ресурс, доступний в мережі World Wide Web, який можна
переглянути у браузері. Вебсторінки можуть об'єднуватися в сайти за допомогою
гіпертексту з навігаційними гіперпосиланнями на інші сторінки.
Гіперпосилання — активний текст, зображення чи кнопка на веб-сторінці, натиснення на
яку викликає перехід на іншу сторінку чи іншу частину поточної сторінки.
3. Типи web сайтів

2. 2

3. 3
4. Статичні та динамічні сайти
Статичні Динамічні
Надають усім відвідувачамоднакову
інформацію
Вигляд і вміст сайту автоматично змінюється
залежно від контексту, дій та уподобань
користувача, часу та інших факторів
Web сторінки зберігаються на web сервері в
тому ж вигляді, у якому передаються браузеру
Web сторінки генеруються з використанням
програмного коду та інформації з бази даних і
передаються браузеру
Оновлюються періодично власниками вручну Можуть оновлюватися часто, не обов’язково
фахівцями і власниками
5. Етапи роботи над сайтом
 Проектування
 Інформаційний дизайн
 Графічний дизайн
 Розробка
 Тестування
 Публікація
 Просування
 Підтримка
6. Засоби розробки
1) Текстові редактори
a) Блокнот
2) Візуальні редактори
a) SharePointDesigner
b) Dreamweaver
c) MS Publisher
d) EZGenerator
3) Автоматизовані системи (CMS)
a) GoogleSites
b) Wix.com

4. 4
c) Joomla
d) Drupal
e) WordPress
V. Узагальнення отриманих знань:
Виконання інтерактивної вправи «Типи сайтів»
(https://learningapps.org/display?v=pkxhc69a319)
VІ. Підсумки уроку
Рефлексія
 мені було незрозуміло…;
 у мене виникли такі запитання…;
 я не впорався з такими завданням…;
 мені сподобалось і я буду використовувати…
VІІ. Домашнє завдання
Написати невелике повідомлення (до 2 сторінок) на тему «Тім Бернес Лі, ключові погляди на
розвиток Інтернету»
VІІІ. Оцінювання роботи учнів