Урок № 3

Тема: Нумеровані й марковані списки на веб-сторінках

Мета: познайомити учнів із засобами створення списків, продовжувати формувати уміння та навички створення веб – документів;

розвивати вміння планувати роботу, творчий підхід у створенні веб-

сторінки;

виховувати культуру мислення;

Використане обладнання: комп’ютер; дошка; таблиця з атрибутами тегів списку

Хід уроку

1. Мотивація навчальної діяльності.

- Над чим ви працювали, готуючись до сьогоднішнього уроку?

- Вчили і повторювали теги. Доповнювали словники вивченими тегами.

- Крім того, ви повинні були підібрати матеріал, який би хотіли бачити у вигляді списків на своїй веб-сторінці. Списки дозволяють подати інформацію у впорядкованому вигляді. Для реалізації наших задумів необхідно познайомитись з тегами утворення списків. Це те, чим ми займемося сьогодні на уроці.

2. Повідомлення теми і мети уроку.

Отже, тема уроку: «Створення списків засобами мови HTML». На уроці ви повинні:

• розглянути різні види списків;

• навчитися використовувати теги утворення списків

• створити нову веб-сторінку з використанням списків.

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

Гра «Структура веб-документу»

Завдання полягає в тому, щоб на комп’ютері в правильному порядку розташувати картки, на яких записані основні структурні теги.

4. Вивчення нового матеріалу, виконання практичної роботи.

Питання до учнів, що мають досвід роботи по створенню веб- документів:

1. Яким чином можна передати без змін на веб-сторінці текст, відформатований в Word?

2. Для вирішення даної проблеми в мові HTML існує засіб – контейнерні теги <pre>…</pre>. Цей контейнер дозволяє зберегти розбиття тексту на рядки, пропуски в середині, створені списки тощо.

3. Спробуємо використати ці теги для створення списків за допомогою текстового редактора Блокнот.

Завдання:

Основні типи списків, які використовуються у Web: впорядкований (нумерований) і невпорядкований (маркований).

Впорядкований список створюється за допомогою контейнера <ol></ol>, у середині якого кожен елемент списку визначається за допомогою дескриптора<li> (від слів list item - елемент списку)

Простий впорядкований список задається таким кодом:

<li> перший елемент списку

<li>другий елемент списку

<li>третій елемент списку

</ol>

У цьому випадку елементами списку є просто текстові рядки, але взагалі ними можуть бути будь-які елементи Веб-сторінки: текст, зображення, гіперпосилання тощо.

У впорядкованих списках за допомогою атрибута TYPE - дескриптора <ol> можна вказати тип нумерації.:(Додаток 1)

< ol type=1>	Стандартний спосіб нумерації за допомогою арабських цифр
< ol type=a>	Нумерація за допомогою малих букв алфавіту
< ol type=A>	Нумерація за допомогою великих букв алфавіту
< ol type=I>	Нумерація за допомогою римських цифр

Коди маркованих і нумерованих списків виглядають однаково, за виключенням того, що контейнер<ol></ol> для нумерованого списку замінюється на <ul></ul> для маркованого.

Організувати маркований список в поточному веб-документі, переглянути відображення браузера.

• Практичне завдання

• Створити нумерований список учнів класу