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


 

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

35268. Тема. Знаходження інтегралу за формулами трапецій. 47.5 KB
  Знаходження інтегралу за формулами трапецій. навчитися знаходити значення інтегралу за формулами трапецій. Дан інтеграл число розбивок формула трапецій Оцінка похибки: де 12.
35269. Метод Гауса рішення системи лінійних рівнянь складання алгоритму 34.5 KB
  Поставте задачу розв’язання системи лінійних рівнянь методом Гауса. Яка умова застосування методу Гауса. Скільки етапів вирішення системи лінійних рівнянь методом Гауса. Що називають прямим та зворотнім ходом методу Гауса...
35270. Тема. Знаходження інтегралу за формулами трапецій. 181 KB
  h void min {double bhSynI; int ni; cout Vvedite nijnii predel : ; cin ; cout Vvedite verhnii predel b: ; cout Vvedite verhnii predel b: ;; cin b; cout Vvedite n: ; cin n; doublex=new double [n]; doubley=new double [n]; h=b n; S=0; x[0]=; fori=1;i =n1;i {x[i1]=x[0]ih; y[i]=1 pow3x[i]x[i]0.5; S=Sy[i]; I=b nSy[0]y[n] 2; cout I= I; } } .
35271. Тема. Знаходження інтегралу за формулами трапецій. 22.5 KB
  h void min { int n; double bhT ; cout Enter bn n ; cin b n; h=b n; doublex=new double[n]; x[0]=; forint i=0;i =n;i {x[i]=x[0]ih;} doubley= new double [n]; for i=0; i =n; i { y[i]=1 sqrtx[i]x[i]0.
35272. Тема. Обчислення інтегралу по формулі Сімпсона. 26 KB
  Обчислення інтегралу по формулі Сімпсона. Навчитися обчислювати інтеграл по формулі Сімпсона; склаcти алгоритм. Обчислити інтеграл по формулі Сімпсона при заданому значенні 16 include iostrem. Які проста та узагальнена формули Сімпсона Сформулюйте ідею методу Якою повинна бути розбивка відрізку на частини Яка оцінка похибки методу Сімпсона Який ступінь точності методу Який звязок формули Сімпсона та НьютонаКотеса .
35273. Тема. Метод Крилова побудови власного багаточлена матриці. 36 KB
  h void min { int klj; double [3][3]b[3][3]y0[3]y1[3]y2[3]y3[3]y4[3]yn1yn2yn3yn4Sum1Sum2Sum3Sum4; double x1x2x3x4d0d1d2d3102030213132; cout Vvedite mtritsy endl; fork=0;k =3;k { forl=0;l =3;l cin b[k][l]; } cout Vvedite nylevou vektor endl; fork=0;k =3;k cin y0[k]; fork=0;k =3;k { forl=0;l =3;l { yn1=b[k][l]y0[l]; Sum1=Sum1yn1; } y1[k]=Sum1; } fork=0;k =3;k { forl=0;l =3;l { yn2=b[k][l]y1[l]; Sum2=Sum2yn2; } y2[k]=Sum2; } fork=0;k =3;k {...
35274. Тема: Масиви. Селективна обробка масивів Ціль роботи: вивчити роботу з масивом як зі складеним типом даних 369 KB
  Відповідно до індивідуального завдання розробити алгоритм ініціалізації масиву селективної обробки масиву. 7 Знайти суму позитивних чисел масиву Контрольні запитання 1.Які типи мови С можна і не можна вказувати як тип при оголошенні масиву 4.У яких випадках розмірність масиву при оголошенні можна не вказувати 5.
35275. Тема: Обробка символьних даних Ціль роботи: вивчити і навчитися використовувати масиви символьних даних. 184 KB
  Обладнання: ПКПО Borlnd C Хід роботи 1. Для роботи з рядками використовувати покажчики на тип chr масиви покажчиків.Підготуватися до захисту лабораторної роботи вивчивши питання по даній темі.
35276. Тема: Використання бібліотечних функцій для роботи із символьними даними Ціль роботи: виробити практичні н. 54 KB
  Лабораторна робота № 24 Тема: Використання бібліотечних функцій для роботи із символьними даними Ціль роботи: виробити практичні навички в написанні програм з використанням бібліотечних функцій для роботи із символьними даними. Обладнання: ПКПО Borlnd C Хід роботи ТБ КОТ 1.Підготуватися до захисту лабораторної роботи вивчивши питання по даній темі.Який заголовний файл необхідний для роботи з бібліотечними функціями обробки символьних даних 2.