Урок 56                                                                        Інформатика 11(ІКТ)

Ніколи не соромся запитувати про те, чого не знаєш.

Арабське прислів’я

Практична робота № 18

«Структурування веб-сторінок за допомогою таблиць»

Мета.

Навчальна. Навчитися створювати таблиці та розміщувати в їх­ніх комірках потрібну інформацію.

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

Виховна. Виховувати наполегливість, естетичність у оформленні, грамотно висловлювати свої думки.

Тип уроку. Засвоєння нових знань і навичок.

Матеріали для роботи з учнями:

• Основи створення комп’ютерних презентацій: Навч. посіб. / О.М. Левченко, І.В. Коваль, І.О.Завадський. - К.: Вид. група BHV, 2009. - 368.

Онлайнові автоматизовані засоби створення веб-сайтів

Редактор сайтів Weebly

Редактор сайтів Ucoz

Редактор сайтів Narod.ru

Редактор сайтів GoogleSites

План

1. Організація початку уроку.
2. Актуалізація опорних знань.
3. Правила ТБ при роботі в кабінеті Інформатики.
4. Практична робота.
5. Запитання до уроку.
6. Домашнє завдання.

Хід уроку

1. Організація початку уроку.

2. Інструктаж БЖД.

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

4. Практична робота № 18 «Структурування веб-сторінок за допомогою таблиць»

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

Мета роботи: навчитися створювати таблиці та розміщувати в їх­ніх комірках потрібну інформацію.

Порядок роботи

1. Створіть папку на робочому столі з іменем Пр_18_Прізвище.
2. Розробіть HTML-документ, який матиме таблицю, що створе­на за такою схемою:

3. Зі схеми видно, що перший рядок складається з двох комірок: комірки коричневого кольору завширшки 60 % від ширини всієї таблиці, яка містить два стовпці, та синьо-фіолетової комірки, що об'єднує два рядки. Другий рядок складається лише з однієї комірки золотистого кольору. Третій рядок скла­дається з комірки жовтого кольору шириною 30 % від шири­ни всієї таблиці та пурпурової комірки, що об'єднує два рядки і два стовпці. Четвертий рядок складається з однієї комірки рожевого кольору. Текст у комірках із темним тлом має білий колір.
4. Збережіть створений документ у файлі з розширенням 1.html в свою папку. Відобразіть документ у вікні браузера (рис. 2.18).

5. Відредагуйте HTML-документ: скасуйте призначення меж таб­лиці та кольорів комірок, змініть розмір шрифту.

На рис. 2.19 показано, який вигляд матиме цей HTML-документ у вікні браузера. Назви кольорів розміщені у різних ділянках екрана

6. Збережіть створений документ у файлі з розширенням 2.html в свою папку.
7. Перешліть свою папку вчителю. Та видаліть її з робочого столу.

7.  Підбиття підсумків уроку

Оцінювання робіт учнів шляхом голосування.

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

1. Повторити конспект.
2. Виконати завдання.