14113

Программирование списков

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

Информатика, кибернетика и программирование

УРОК 4 СПИСКИ Программирование списков На многих Webстраницах определенные фрагменты текста выделяются в виде списков различных форматов. Пункты списка отступают от полей отделены от остальных абзацев текста. Каждый пункт списка начинается с номера или маркера. Сп...

Русский

2013-05-21

3.54 MB

2 чел.


УРОК 4

СПИСКИ

Программирование списков

На многих Web-страницах определенные фрагменты текста выделяются в виде списков различных форматов. Пункты списка отступают от полей, отделены от остальных абзацев текста. Каждый пункт списка начинается с номера или маркера.

Списки особенно хороши, когда нужно каким-либо образом классифицировать однородную информацию или описать какой-либо пошаговый процесс.

Списки бывают нумерованные (упорядоченные) и маркированные (неупорядоченные), а могут быть и вложены друг в друга, образуя сложную структуру:

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

Маркированный список

Многоуровневый список

Форматирование текстового фрагмента:

  1.  выделить фрагмент
  2.  изменить параметры шрифта
  3.  изменить параметры абзаца

Параметры форматирования абзаца:

  •  Красная строка
  •  Левая граница
  •  Правая граница
  •  Выравнивание
  •  Межстрочное расстояние

Форматирование текстового фрагмента:

  1.  выделить фрагмент
  2.  изменить параметры шрифта
    •  гарнитура
    •  размер
    •  начертание
  3.  изменить параметры абзаца
    •  красная строка
    •  границы
    •  выравнивание

Для программирования списков в окне редактора HomeSite вам понадобится панель инструментов Lists 

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

Для создания нумерованного списка используются два основных тэга <OL> и <LI>.

<OL> – отмечает начало списка вцелом, а <LI> служит для обозначения начала каждого отдельного элемента списка. По умолчанию элементы  списка снабжаются номерами 1, 2, 3 и т.д., Атрибут type позволяет изменить вид нумерации (см. Приложение «Указатель тегов и атрибутов для работы с текстом»).

Маркированный список

Маркированный список задается тегами <UL> и </UL>. Атрибут type позволяет указать форму маркера (круг, окружность или квадрат). Как и в нумерованном списке, каждый пункт задается тегом <LI>.

Пример создания многоуровнего списка в редакторе HomeSite

Многоуровневым списком называется список, содержащий другие списки.

  1.  На панели инструментов Lists нажмите кнопку (QuickList). В появившемся диалоговом окне введите:
  •  Количество элементов списка (Rows: 3)
  •  Тип списка (Ordered)
  •  Тип нумерации (Type: большие римские цифры)
  •  Содержимое элементов списка (построчно)

После нажатия кнопки ОК в тексте программы появится следующая запись

HTML-код списка

Вид списка в окне браузера

<ol type="I">

<li>выделить фрагмент</li>

<li>изменить парметры шрифта</li>

<li>изменить параметры абзаца</li>

</ol>

  1.  выделить фрагмент
  2.  изменить параметры шрифта
  3.  изменить параметры абзаца

Полученный список можно пополнить описанием нового списка. Для этого:

  1.  Поставьте курсор между вторым и третьим элементом списка и на панели инструментов Lists нажмите кнопку (QuickList). В появившемся диалоговом окне введите:
  •  Количество элементов списка (Rows: 3)
  •  Тип списка (Unordered)
  •  Тип маркера (Type: circle)
  •  Содержимое элементов списка (построчно)

После нажатия кнопки ОК текст программы изменится следующим образом

HTML-код списка

Вид списка в окне браузера

<ol type="I">

<li>выделить фрагмент</li>

<li>изменить параметры шрифта</li>

 <ul type="circle">

   <li>шрифт</li>

   <li>размер</li>

   <li>начертание</li>

    </ul>

<li>изменить параметры абзаца</li>

</ol>

  1.  выделить фрагмент
  2.  изменить параметры шрифта
    •  шрифт
    •  размер
    •  начертание
  3.  изменить параметры абзаца


Задание

Создать Web-страницу, отображающую на экране ваш план выполнения домашнего задания.

План  должен выглядеть как многоуровневый (смешанный) список, в котором нумерацией перечислены предметы, а маркерами обозначены этапы выполнения каждого задания.

Например,

Замечания:

Фон страницы заливается фоновой картинкой c помощью атрибута background=”fon.gif” тега BODY;

PAGE  3


 

А также другие работы, которые могут Вас заинтересовать

47747. Художественные стилевые направления в искусстве 814 KB
  Греческий а затем и латинский язык произведения искусства мифология философия научные открытия стали неотъемлемой частью европейской а во многом и мировой культуры ее историей и географией. Характер античной культуры и античного искусства складывался стремительно Если в Египте в течение нескольких тысячелетий мы наблюдаем по сути дела неизменный образ жизни и мышления человека то Греция за несколько веков проделала...
47748. Понятие и предмет криминологии 1.44 MB
  Преступность в различных ее проявлениях включает: индивидуальное преступное поведение; отдельные виды преступности выделяемые по объекту посягательств экономическая государственная и т. в причины и условия преступности объединяемые родовым понятием криминогенные детерминанты представляют собой совокупность социально негативных экономических демографических идеологических социальнопсихологических политических организационноуправленческих явлений которые порождают и обусловливают детерминируют преступность как свое...
47750. Електричні властивості металів і сплавів і методи їх дослідження 95 KB
  Електричні властивості металів і сплавів і методи їх дослідження. Електроопір металів і сплавів його залежність від температури та структури сплавів. Природа електроопору металів. В основу вивчення електричних властивостей металів і сплавів покладено закон Ома де i це сила струму U напруга R електроопір.
47751. ІНФОРМАЦІЙНІ ТЕХНОЛОГІЇ 177.5 KB
  Ідея наділити подібні інструменти інтелектуальністю матеріалізувалася в 1940х роках у вигляді компютера який використовує електронний носій інформації залишаючи напір лише для представлення даних у більш зручному вигляді. Основні риси людської інформаційної цивілізації: 1 зміна основного предмета праці в суспільному виробництві приводить не до спаду виробництва а до зростання його ефективності за рахунок застосування передових технологій роботизації й підвищення кваліфікації працюючих збільшуючи одночасно масу вільного часу громадян...
47752. Инвестиции. Понятие об инвестициях 271 KB
  Можно выделить 3 варианта: 1 активные инвестиции 2 и 3 пассивные инвестиции Этапы реализации инвестиционного проекта. Предварительная подготовка проекта. Это решается после разработки бизнесплана предполагаемого инвестиционного проекта. Бизнесплан инвестиционного проекта имеет определённую структуру которая зависит от специфики реализуемого бизнеса и масштабов проекта.
47753. История зарубежной журналистики 867.5 KB
  После возникновения книгопечатания печатные газеты вытесняют рукописные листки новостей периодическая печать в XVIXVIII веках является в 3 основных типах еженедельная и ежедневная газета журнал. Сегодня она распространяется по всей стране как и некоторые другие газеты. К качественной прессе кроме Таймса можно отнести ежедневные газеты Дейли телеграф Ежедневный телеграф 1855 год основания Гардиан Страж 1821 Файнэншл Таймс Финансовое время 1888 Индепендент Независимый. Период 18701914 годов отмеченным...
47754. ОСНОВЫ ПРАВА. КОНСПЕКТ ЛЕКЦИЙ 842.5 KB
  Это потребует высокопрофессионального состава юристов и достаточной правовой грамотности государственных служащих и других лиц, занятых юридической и иной деятельностью
47755. Господарський облік, його суть і характеристика 728.5 KB
  Загальна характерстика господарського обліку та основні етапи його розвитку 1. Види господарського обліку і їх характеристика 1. Загальна характерстика господарського обліку та основні етапи його розвитку Необхідність в обліку виникла в глибоку давнину в процесі матеріального виробництва а господарська діяльність сприяла його поширенню. Вперше бухгалтерський облік як окрему складову господарського обліку визначив італійський чернець і математик Лука Пачолі.