Создание списков на интернет-страничке

Тема урока: Создание списков на интернет-страничке.

Цели урока:

Ø  Показать виды списков;

Ø  Научить создавать списки разных видов.

Тип урока: изучение нового материала.

Вид урока: повторение, лекция.

Форма организации учебно-познавательной деятельности учащихся: фронтальная, индивидуальная.

Методы обучения:

Ø  словесные: рассказ, объяснение;

Ø  наглядные: методы иллюстрации;

Конспект урока.

Теоретическая часть.

Списки

Еще одной возможностью структурирования располагаемого на Интернет-странице текста являются списки – нумерованные, каждый пункт которых сопровождается порядковым номером, и маркированные, где пункты предваряются определенным символом – «маркером» или «буллетом».

Список отличается от обычного текста тем, что пользователю не надо думать о нумерации его пунктов: эту задачу программа берет на себя. Если список дополняется новыми пунктами или укорачивается, нумерация корректируется автоматически. В случае ненумерованных списков программа ставит перед каждым пунктом маркеры: кружки, прямоугольники, ромбы или другие изо­бражения. В результате список принимает удобочитаемый вид.

<UL><Li></ul> — ненумерованный список

<UL>

<LI> Пункт 1 списка

<LI> Пункт 2 списка

<LI> Пункт 3 списка

 </ul>

Элемент <ul> является своеобразным обрамлением списка. Он позволяет отделять один список от другого. Элемент <LI> обозначает каждый из пунк­тов. Вид ненумерованного списка представлен на рис. 1 Для тэга <UL> предусмотрен параметр TYPE, определяющий вид символа-маркера:

• Disc      – вывод «жирной точки»;

o   Circle    – незакрашенный кружочек;

o   Square  – маленький черный квадратик.

•           Пункт 1 списка

•           Пункт 2 списка

•           Пункт 3 списка

Рис. 1. Ненумерованный список

<ol><li></ol>— нумерованный список

ПРИМЕР:

Структура нумерованного списка  похожа на  структуру  ненумерованного списка.

<OL>

<LI> Пункт 1

<LI> Пункт 2

<LI> Пункт З

</ol>

Для нумерованного списка используется тэг <ol>. В этом случае каждый пункт маркируется арабскими или римскими числами, буквами латинского алфавита. На рис.2  показан образец списка по приведенному выше примеру.

Рис. 2. Нумерованный список

Способ нумерации задается при помощи атрибута type. В таблице  приве­дены все способы нумерации.

Способы нумерации

Атрибут

Вид нумерации

type= “1”

type= “i”

type= “I”

type= “a”

type= "A"

l. 2, 3

i, ii, iii, iv

I, II, III, IV a, b, c, d

А, В, С, D

ПРИМЕР:

Списки определений

Еще один полезный вид списков, доступный на Интер­нет-странице, — это списки определений («глоссарии»). Та­кой список представляет собой перечень «терминов» (слов или фраз), каждый из которых сопровождается «описанием» (одна или несколько строк). При этом не предусматривается никаких визуальных выделений, кроме обеспечения левого отступа для текста «определения» («термины» выравнива­ются по левому краю страницы).

Список определений заключается в контейнер

<DL>. . . </DL>. Каждый термин (слово или фраза) предваряется одиночным тэгом <DT>, а следующее за ним «определе­ние» — тэгом <DD> (определение должно представлять со­бой один абзац; контейнер <Р>. . . </р> внутри списка не используется).

Пример (рис. 96):

Домашнее задание: учебник п.3.7.6.

Практическая часть

Создать интернет-страницу по предложенному образцу (образец выдается в печатном виде). Сохранить в личной папке под именем  spiski.html

Задание: создайте списки по образцу

Признаки культурной речи следующие:

o      Культурность;

o      Чистота;

o      Точность;

o      Выразительность;

o      Логичность;

o      Уместность;

o      Богатство.

Системный блок

1. материнская плата
2. процессор
3. видеокарта
4. звуковая плата
5. ОЗУ
6. ПЗУ
7. жесткий диск
8. внешние запоминающие устройства

Системный блок

              I.      материнская плата

           II.      процессор

        III.      видеокарта

        IV.      звуковая плата

          V.      ОЗУ

        VI.      ПЗУ

     VII.      жесткий диск

  VIII.      внешние запоминающие устройства

Файл

  информация, хранящаяся во внешней памя­ти как единое целое и обозначенная именем.

Факты

знания об определенных явлениях, событи­ях, свойствах   объектов и зависимостях между ними.

Цикл (повторение)

форма организации действий, при которой выполнение одной и той же последовательно­сти команд повторяется, пока выполняется некоторое за­ранее установленное условие.

Цифровое (двоичное) кодирование

представление самой разнообразной информации с помощью последова­тельности битов (0 и 1).