Презентация "Списки на Web-страницах. Интерактивные формы на Web-страницах" 8 класс

Подписи к слайдам:
Списки на Web-страницах. Интерактивные формы на Web-страницах

Автор: Фоминова Елена Владимировна,

учитель физики и информатики

МБОУ СОШ № 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