Презентация "Списки на Web-страницах. Интерактивные формы на Web-страницах" 8 класс
Подписи к слайдам:
Автор: Фоминова Елена Владимировна,
учитель физики и информатики
МБОУ СОШ № 23 МО Усть-Лабинский район хутора Братского Краснодарского края
Урок в 8 классе
Не позволяй душе лениться! Чтоб воду в ступе не толочь, Душа обязана трудиться И день и ночь, и день и ночь.
Н.Заболоцкий
СПИСКИ
Упорядоченные
Неупорядоченные
Списки определений
Вложенные списки
СПИСКИ
Упорядоченные
Используются для:
- Оглавлений.
- Перечня предписаний (например, инструкции по установке стиральной машины).
- Последовательных разделов книги.
- Присоединения номеров к кратким фразам, на которые, возможно, придется где-то ссылаться.
СПИСКИ
Упорядоченные
Тэг <ol>…</ol> заголовок списка Тэг <li> элемент списка
Атрибуты
start=“число“ устанавливает номер списка, с которого начинается нумерация
Type=”тип” устанавливает тип номеров в списке
Тип |
Стиль |
Образец |
1 |
Арабские цифры |
1, 2, 3, 4,… |
A |
Заглавные буквы |
A, B, C, D,… |
a |
Строчные буквы |
a, b, c, d,… |
I |
Заглавные римские |
I, II, III, IV,… |
i |
Строчные римские |
i, ii, iii, iv,… |
В тэг <li> можно вставлять атрибуты
Type=”тип” и value=“число“
ПРИМЕР
СПИСКИ
Неупорядоченные
Используются для перечня элементов, для которых не важен порядок следования:
- Список гиперссылок;
- Выделение ключевых фрагментов текста;
- Список покупок.
Тэги <UL>…</UL> заголовок списка
<li> элемент списка
Атрибуты (маркеры для обозначения элементов списка)
Disc (по умолчанию)
Circle
Square
ПРИМЕР
СПИСКИ
Списки определений
Используются для:
- Словарей;
- Списка типа имя / значение;
- Создания маркеров элементов списка.
Списки определений устроены как статьи в толковом словаре, которые могут быть заполнены текстом и картинками.
Тэг <DL>…</DL> заголовок списка
Каждый элемент списка состоит из двух частей – термина и определения:
<dd> - термин
<dt> - определение или объяснение
ПРИМЕР
СПИСКИ
Вложенные списки
Использование небольших рисунков в качестве маркеров списка
ПРИМЕР
Практическая работа Домашнее задание- П 3.7
- стр119-124
- Слайд 1 http://www.spa.com.uy/images/mantenimiento.gif
- Слайд 2-7 http://thumbs.dreamstime.com/z/internet-23181152.jpg
- Слайд 8,9 http://www.rhein-zeitung.de/cms_media/module_img/1250/625054_1_popup_625054_1_org_Facebook_kinder_Kopie.jpg
Информатика - еще материалы к урокам:
- Конспект урока "Списки на Web-страницах. Интерактивные формы на Web-страницах" 8 класс
- Презентация "Приближенное решение уравнений" 9 класс
- Урок информатики "Приближенное решение уравнений. Практическая работа 5.2. Проект «Графическое решение уравнения»" 9 класс
- Презентация "Электронная коммерция в сети интернет"
- Презентация "Создание веб-сайтов"
- Презентация "Интернет-сервис «Антиплагиат.Ру». Особенности работы"