1 of 16

Урок №51

Створено в навчальних цілях за підручником «Інформатика 9 клас»/Н.В. Морзе, О.В. Барна, В.П. Вембер, О.Г. Кузьминська. – К.: УОВЦ «Оріон», 2017

www.orioncentr.com.ua, inf9-m.blogspot.com/

2 of 16

Тема уроку: Поняття мови розмітки гіпертексту

________________________ (дата)

Класна робота

Доброго дня шановні дев’ятикласники.

Запишіть будь ласка дату та тему сьогоднішнього уроку

3 of 16

  • навчальна: ознайомити учнів з мовою розмітки гіпертексту;
  • розвивальна: розвивати логічне й алгоритмічне мислення; формувати вміння діяти за інструкцією, планувати свою діяльність, аналізувати i робити висновки;
  • виховна: виховувати інформаційну культуру учнів, уважність, акуратність, дисциплінованість.

МЕТА УРОКУ

Які засоби використовують для створення веб-сайта

ТИ ДІЗНАЄШСЯ

4 of 16

  1. З яких етапів складається процес створення сайта?
  2. Чи є процес «розкрутки» сайта обов’язковим?
  3. Які розрізняють види внутрішньої структури веб-сторінок?

Дайте відповіді на запитання

Урок 51

Актуалізація опорних знань

Пригадай

Вперед до

нових знань!

5 of 16

Які засоби використовують для створення веб-сайта?

Вивчення нового матеріалу

Створювати веб-сторінки можна за допомогою звичайного текстового редактора або спеціального HTML-редактора.

Програми створення веб-сторінок

Текстові редактори

Текстові процесори

HTML-редактори

Урок 51

6 of 16

Які засоби використовують для створення веб-сайта?

Вивчення нового матеріалу

Усі HTML-редактори можна поділити на дві категорії: текстові й графічні.

Текстові передбачають набір коду вручну, хоча й зі значною автоматизацією цього процесу. Їхні інструменти дають змогу автоматизовано вставляти до документа потрібні теги його розмітки.

sublime text 3

Brackets

Урок 51

7 of 16

Які засоби використовують для створення веб-сайта?

Вивчення нового матеріалу

У графічних HTML-редакторах веб-сторінки формуються приблизно в такий самий спосіб, як і під час створення макетів звичайних документів, коли користувач може обрати потрібний йому шаблон веб-сторінки, а потім поступового його заповнювати контентом.

Adobe Dreamweaver CC

Урок 51

Настав час

закріпити нові

знання!

8 of 16

Формування умінь і навичок

Вправа 1. Створення простої веб-сторінки на основі наявної.

Завдання. Створіть веб-сторінку своєї вулиці за допомогою редагування наявної веб-сторінки Вулиця.htm, що зберігається у відповідному файлі.

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

Діємо

Завдання на с. 199 підручника

Урок 51

9 of 16

Формування умінь і навичок

Вправа 4.

Чи можна стверджувати, що у користувача, який володіє прийомами роботи із сайтом, наприклад, www.site.pryklad.com, буде достатньо навичок для роботи із сайтом www.karta.pryklad.com? Аргументуйте відповідь. Обговоріть у парах.

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

в парах

Працюємо

Завдання на с. 203 підручника

Урок 51

10 of 16

Формування умінь і навичок

Вправа 5.

Чому різні сайти відвідує різна кількість користувачів? Чи завжди популярний сайт є корисним для користувачів? Сплануйте, які відомості ви б хотіли розмістити на персональному сайті. Обговоріть у парах, чи користуватиметься такий сайт популярністю та на яку аудиторію він буде розрахований.

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

в парах

Працюємо

Завдання на с. 203 підручника

Урок 51

Працювали,

працювали -

пригадаєм

все що взнали!

11 of 16

  1. Які розрізняють види внутрішньої структури веб-сторінок?
  2. Яким чином можна встановити, хто має авторські права на дизайн сайта?
  3. Як структура веб-сторінки впливає на її сприйняття користувачем?

Підсумок уроку

Дайте відповіді на запитання

Урок 51

Обговорюємо

12 of 16

Рефлексія

1. Що нового сьогодні дізналися?

2. Чого навчилися?

3. Що сподобалось на уроці, а що ні?

4. Чи виникали труднощі?

Підсумок уроку

13 of 16

Рефлексія

1. Що нового сьогодні дізналися?

2. Чого навчилися?

3. Що сподобалось на уроці, а що ні?

4. Чи виникали труднощі?

Підсумок уроку

14 of 16

Рефлексія

1. Що нового сьогодні дізналися?

2. Чого навчилися?

3. Що сподобалось на уроці, а що ні?

4. Чи виникали труднощі?

Підсумок уроку

15 of 16

Рефлексія

1. Що нового сьогодні дізналися?

2. Чого навчилися?

3. Що сподобалось на уроці, а що ні?

4. Чи виникали труднощі?

Підсумок уроку

Прийшла пора

домашнього

завдання!

16 of 16

Домашнє завдання

Опрацювати п.29.6