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


 

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

48252. СИСТЕМА УПРАВЛІННЯ ПЕРСОНАЛОМ 539 KB
  Поняття менеджменту персоналу та його особливості. Рівень розвитку персоналу визначає конкурентні переваги організацій за умов ринкових трансформацій. У звязку з цим особливої актуальності для організацій набуває управління персоналом менеджмент персоналу щоб забезпечити ефективне та своєчасне виконання організаційних цілей та завдань. Менеджмент персоналу як складова загальної теорії управління спирається на різні наукові теорії які умовно можна поділити на : економічні ринок праці міжнародні відносини економічна інформація...
48253. УСТАТКУВАННЯ ПІДПРИЄМСТВ 4.07 MB
  Основи інженерного устаткування будівель у готельному та ресторанному господарстві Устаткування підприємств ресторанного господарства і торгівлі у готельному комплексі Механічне устаткування
48254. Анатомія та фізіологія людини 9.73 MB
  Знання будови тіла людини і пізнання сутності життєвих процесів на різних рівнях організації організму здавна цікавили учених-біологів, філософів та широкі верстви населення. Основними стимулами для розвитку цих знань були практичні потреби життя людей, зокрема потреби медицини. Потрібно було багато століть для того, щоб людство прийшло до сучасного рівня знань у таких галузях науки, як анатомія, фізіологія та гігієна людини.
48255. Господарське право. Курс лекцій. О.М. Вінник 1.84 MB
  У пропонованому курсі лекцій на підставі аналізу нормативно-правових актів. висвітлюються основні теми та інститути господарського права - як загальної частини (поняття господарського права, господарські правовідносини, господарське законодавство, субєкти господарських правовідносин, майнова основа господарювання, господарські зобовязання, господарсько-правова відповідальність, антимонополь-но-конкурентне регулювання, правове регулювання банкрутства), так і спеціальної частини (особливості правового регулювання певних видів господарських відносин: у сфері капітального будівництва, інноваційної, фінансової та біржової діяльності, агентських відносин, комерційної концесії, зовнішньоекономічної діяльності, іноземного інвестування, спеціальних режимів господарювання).
48256. ПЕДАГОГІКА. КОНСПЕКТ ЛЕКЦІЙ 1.93 MB
  Виховання у вузькому педагогічному значенні цілеспрямована виховна діяльність педагога з метою досягнення конкретної мети в колективі учнів. Навчання процес керівництва пізнавальною діяльністю учнів засвоєнням ними знань умінь і навичок. Воно завжди має двосторонній характер включає в себе і діяльність педагога викладання пояснення інструктування і діяльність учнів учіння засвоєння. Педагог учитель викладач інструктор викладає учням навчальний матеріал спонукає їх до учіння спрямовує й організовує їх пізнавальну...
48257. ЭНЕРГЕТИЧЕСКИЙ ОБМЕН 83 KB
  Мультиферментные комплексы примеры биологическая роль. Микросомальная система оксидоредуктаз ее биологическая роль. Понятие биологическая роль. Роль кислорода.
48258. ОСОБЛИВОСТІ ПОБУДОВИ ПЛАНУ РАХУНКІВ НБУ 1.51 MB
  Перший її рівень представляє Національний банк України який відіграє роль центрального банку з характерними лише для нього функціями та операціями. Виходячи з цього Національним банком України розроблено два Плани рахунків: один для установ Національного банку України другий для комерційних банків. Безперервність діяльності банку вважається що банк постійно функціонує і продовжуватиме свою діяльність у майбутньому. Якщо реальна вартість продажу менша ніж залишкова вартість первісна вартість за мінусом зносу банку необхідно врахувати...
48259. Ідейно-теоретичні концепції свободи преси 892.5 KB
  Основні принципи авторитаризму контроль регламентація та використання засобів масової комунікації. У цих рисах німецька нацистська журналістика дуже схожа з радянською тоталітарною системою масової комунікації тому її можна визначити як перехідну модель журналістики між авторитарною та тоталітарною системами журналістики. Саме суди визначають межі втручання влади у сферу масової комунікації. Тут не вистачає специфіки комунікації як творчого процесу бо з одного боку визначення надто широке телевізор телефон наприклад теж можна...
48260. Феномен університетської освіти у історичному вимірі 945.5 KB
  В XI столітті XII столітті були засновані: Болонський університет 1088 Болонський університет найстаріший університет Європи в місті Болонья Північна Італія заснований в 1088 році як юридичний навчальний заклад. Заснований Університет Історія 9 століття Салерно Італія Медичний факультет; статус університету під сумнівом кінець 11 століття Болонья Італія Точна дата заснування не відома; офіційний рік заснування 1088; В кінці 11 століття існувала школа права; поступовий розвиток в університет 13 століття Заснований Університет...