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

Запись списка в символах языка HTML:

<OL compact>

<LH>Модели процессоров:</LH>

<LI>Celeron 400 MHz

<LI value=5>Celeron 433 MHz

<LI>Celeron 500 MHz

</OL>

Нумерация второго и последующих элементов списка переопределена с помощью атрибута value.

Отображение записи списка браузером:

Модели процессоров:

1. Celeron 400 MHz

2. Celeron 433 MHz

3. Celeron 500 MHz

Вложенные списки. Каждый пункт списка может представлять собой самостоятельный список. Вложение списков в списки создает несколько уровней информации. Можно вкладывать друг в друга разные типы списков. Каждый внутренний список должен иметь открывающий и закрывающий теги UL или OL.

Пример вложенных списков:

Конфигурация компьютера

1. Процессор

• Celeron

• Pentium

2. ОЗУ

• 32 Мб

• 64 Мб

3. Винчестер

• 5 Гб

• 7 Гб

Запись этого примера в символах HTML:

<OL><LH><B>Конфигурация компьютера</B></LH>

<LI>Процессор

<UL>

<LI>Celeron

<LI>Pentium

</UL>

<LI>ОЗУ

<UL>

<LI>32 Мб

<LI>64 Мб

</UL>

<LI>Винчестер

<UL>

<LI>5 Гб

<LI>7 Гб

</UL>

</OL>

Задача № 4. Создайте документ, в котором текст будет организован с помощью списков трех видов, и сохраните под именем «web4.html».

Операторы HTML для описания списка:

Нумерованный список (Ordered List)	Маркированный список (Unordered List)	Вложенный список (Nested List)
<ol> <li> </ol>	<ul> <li> </ul>	<ol> <li> <ul> <li> </ul> <li> </ol>

<HTML>

<HEAD>

<TITLE>Страница со списками</TITLE>

</HEAD>

<BODY>

<H2 ALIGN = Left>Страница со списками</H2>

<ol>

<li>По возможности старайтесь избегать пиктограммы "В процессе производства";

<li>Используйте соответствующий язык;

</ol>

<ul>

<li>Не перегружайте страницу большими изображениями;

<li>Проверяйте как можно чаще ссылки на вашей странице.

</ul>

<ol>

<li>Перед тем как положить готовую страничку на сервер следует:

<ul>

<li>Проверить грамматические ошибки;

<li>Просмотреть свою страничку в различных программах просмотра.

</ul>

<li>Для рекламы страницы необходимо:

</ol>

</BODY>

</HTML>

Откройте файл «web4.html» в программе просмотра и посмотрите на изображение. Внесите следующие изменения в первый блок пронумерованного списка таким образом, как приведено в примерах 1 и 2, и посмотрите, как будет меняться вид документа в программе просмотра.

Пример 1.

<ol>

<li>По возможности старайтесь избегать пиктограммы «В процессе производства»;

<li>Используйте соотвествующий язык;

Пример 2.

<ol>

<li>По возможности старайтесь избегать пиктограммы "В процессе производства";

<li>Используйте соотвествующий язык;

<ol>

Списки определений: <DL> ... </DL>. Список определений несколько отличается от других видов списков. Вместо меток <LI> в списках определений используются метки <DT> (от английского definition term ‡ определяемый термин) и <DD> (от английского definition definition ‡ определение определения). Разберем это на примере. Допустим, у нас имеется следующий фрагмент HTML-текста:

<DL>

<DT>HTML

<DD>Термин HTML (HyperText Markup Language) означает 'язык

маркировки гипертекстов'. Первую версию HTML разработал сотрудник

Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

<DT>HTML-документ

<DD>Текстовый файл с расширением *.htm (Unix-системы могут

содержать файлы с расширением *.html).

</DL>

Этот фрагмент будет выведен на экран следующим образом:

HTML

Термин HTML (HyperText Markup Language) означает 'язык маркировки гипертекстов'. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

HTML-документ

Текстовый файл с расширением *.htm (Unix-системы могут содержать файлы с расширением *.html).

Обратите внимание: точно так же, как метки <LI>, метки <DT> и <DD> не имеют парных закрывающих меток.

Задача № 5. Создайте в текстовом редакторе файл «web5.html» следующего содержания:

<HTML>

<HEAD>

<TITLE>Термины </TITLE>

</HEAD>

<BODY>

<dl>

<dt>Web Server

<dd><p>Web-сервер. Сервер, хранящий и пересылающий HTML-документы, и другие информационные ресурсы Internet с использованием протокола HTTP. Его называют также HTTP-сервером.</p>

<dt>HOME PAGE

<dd><p> "Домашняя страница". Головная, начальная страница, локальный архив. Первая страница какого-либо Web-сервера или логически связанной группы HTML-документов.</p>

</dl>

</BODY>

</HTML>

Задача № 6. Откройте в текстовом редакторе HTML-документ «web3.html», добавьте новую информацию и отформатируйте его с использованием заголовков нескольких уровней, выровненных по центру, левому или правому краю; параграфов с текстом; текст должен быть выделен различными способами (полужирный шрифт, курсив, разный кегль); горизонтальных линий; списков; сохраните этот файл под именем «index1.html».

Задача № 7. Создайте в текстовом редакторе HTML-документ «web6.html», используя параметры для тега <BODY

Цвет указывается шестнадцатеричным числом имеющим следующую структуру: RED – GREEN – BLUE или RGB (красный – зеленый ‑ синий). На каждый цвет отводится 256 значений обозначающих присутствие того или иного компонента в результирующем цвете. Например, максимум красного – FF, остальные два цвета – 00, результат – "#FF0000"

<HTML>

<HEAD>

<TITLE>Моя персональная страничка </TITLE>

</HEAD>

<BODY bgcolor="#FFFFFF">

<p>На данной страничке текст и изображения будут располагаться на белом фоне.

</p>

<p>Шрифт может быть

<FONT COLOR="#0000A0">разного</FONT> цвета.

</p>

</BODY>

</HTML>

Изображения в HTML-документе. Встроить изображение в HTML-документ очень просто. Для этого нужно только иметь это самое изображение в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg) и одну строчку в HTML-тексте.

Допустим, нам нужно включить в документ изображение, записанное в файл «picture.gif», находящийся в одном каталоге с HTML-документом. Тогда строчка будет вот такая:

<IMG SRC="picture.gif">

Метка <IMG SRC="[имя файла]"> может также включать атрибут ALT="[текст]", например:

<IMG SRC="picture.gif" ALT="Картинка">

Встретив такую метку, браузер покажет на экране текст Картинка и начнет загружать на его место картинку из файла «picture.gif». Атрибут ALT может оказаться необходимым для старых браузеров, которые не поддерживают изображений, а также на случай, если у браузера отключена автоматическая загрузка изображений (при медленном подключении к Internet это делается для экономии времени).

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

Задача № 8. Создайте файл с именем «web7.html» следующего содержания:

<HTML>

<HEAD>

<TITLE>Моя персональная страничка </TITLE>

</HEAD>

<BODY background =pic2.jpg>

<p><FONT SIZE=+3><b> На данной страничке текст и изображения будут располагаться на фоне "обоев"</b>

</FONT></p>

</BODY>

</HTML>

Задача № 9. Откройте гипертекстовый документ «web7.html» в текстовом редакторе, вставьте в него графическое изображение из файла «ag00001_.gif» определенного размера и сохраните под именем «web8.html».

Графическое изображение может иметь несколько дополнительных параметров:

Width – ширина;

Height – высота;

Align ‑ выравнивание

Absmiddle или center – центрирование;

Left – по левому краю;

Right – по правому краю.

Если графическое изображение требуется расположить внутри параграфа, то его можно выровнять:

по левому полю – ALIGN=left;

по правому полю – ALIGN=right;

по верхней границе – ALIGN=top;

по нижней границе – ALIGN=bottom;

по центру – ALIGN=middle или center.

<HTML>

<HEAD>

<TITLE>Моя персональная страничка </TITLE>

</HEAD>

<BODY background =pic2.jpg>

<p><FONT SIZE=+3><b> На данной страничке текст и изображения будут располагаться на фоне "обоев"</b>

</FONT></p>

<center> <img src="ag00001_.gif "></center>

<p>Изображение в натуральную величину – WIDTH = 150 pix., HEIGHT=100 pix.

</BODY>

</HTML>

Задача № 10. Откройте в текстовом редакторе файл «web8.html» и сохраните его под именем «web9.html». В новом документе измените размеры рисунка в два раза.

<HTML>

<HEAD>

<TITLE>Моя персональная страничка </TITLE>

</HEAD>

<BODY background =pic2.jpg>

<p><FONT SIZE=+3><b> На данной страничке текст и изображения будут располагаться на фоне "обоев"</b>

</FONT></p>

<center> <img src="pic3.jpg" width=250 height=150></center>

<p>Изображение увеличено в три раза – WIDTH = 250 pix., HEIGHT=150 pix.

</BODY>

</HTML>

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

Задача № 11. Создайте новый гипертекстовый документ следующего ниже содержания, сохраните его в файле под именем «web10.html» и проверьте его программой просмотра:

<HTML>

<HEAD>

<TITLE>Welcome to our web-site</TITLE>

</HEAD>

<BODY bgcolor ="#F0F0F0">

<H3 align=center>Приглашаем Вас посетить наш Web-сервер!</H3>

<img src="pic3.jpg

" align=left hspace=70>

<p>Слово Internet часто встречается в печати, по телевизору, радио. Про Internet говорят друзья, знакомые и особенно много говорят о страничках и WWW. У некоторых есть даже собственные.

<p>Сегодня об Internet говорят, как о средстве меняющем не только условия жизни, но и мировоззрение человека.

<p>Зарождается новое поколение, которое сможет общаться в новом информационном пространстве, киберпространстве или в новой виртуальной реальности.

</BODY>

</HTML>

Задача № 12. Откройте в текстовом редакторе HTML-документ «index1.html», измените цвет «обоев», вставьте несколько графических изображений, выровненных по центру, левому или правому краю; параграфов с текстом, внутри хоты бы одного из них расположите графическое изображение и измените его размер; сохраните этот файл под именем «index2.html».

2.24. Основы работы в системе управления базами данных Microsoft Access. Создание базы данных (создание таблиц и связей между ними и заполнение и редактирование таблиц)

Цель занятия – обучение основам работы в системе управления базами данных Microsoft Access и создание в ней базы данных со связанными таблицами.

Смотрите файл «Практические занятия №№ 24 - 26.doc».

2.25. Формирование запросов в таблицах (на выборку, итоговых, с параметром и перекрестных)

Цель занятия – получение навыков формирования различных запросов (на выборку, итоговых, с параметром и перекрестных).

Смотрите файл «Практические занятия №№ 24 - 26.doc».

2.26. Создание форм и автоформ. Редактирование и ввод данных. Создание диаграмм. Фильтрация данных. Формирование автоотчетов и сложных отчетов. Создание серийных писем

Цель занятия – приобретение опыта создания форм, автоформ и диаграмм, фильтрации данных, формирование автоотчетов и сложных отчетов и создания серийных писем.

Смотрите файл «Практические занятия №№ 24 - 26.doc».

2.27. Основы работы с программным пакетом Origin. Построение и форматирование графических зависимостей (графическое представление малых массивов данных и построение графиков функций). Начальная обработка статистических данных. Копирование данных из приложений Microsoft Office. Импорт данных из файла

Цель занятия – освоение программного пакета Origin для построения и форматирования графических зависимостей и начальной обработки статистических данных.

Смотрите файл «Практическое занятие № 27.doc».

2.28. Создание многослойных графических зависимостей. Использование Microsoft Excel для табуляции функции и построения графика данных книги

Цель занятия – приобретение навыков создания многослойных графических зависимостей и использования Microsoft Excel для табуляции функции и построения графика данных книги.

Смотрите файл «Практическое занятие № 28.doc».

2.29. Построение и анализ графика данных. Графическое представление массива данных. Анализ данных

Цель занятия – приобретение опыта построения и анализа графика данных, графического представления массива данных и анализа данных.

Смотрите файл «Практическое занятие № 29.doc».

2.30. Ознакомление с системой управления библиографическими базами данных WinSPIRS

Цель занятия – ознакомление с системой управления библиографическими базами данных WinSPIRS и принципами работы в ней.

Смотрите файл «Практическое занятие № 30.doc».

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

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

Смотрите файл «Практические занятия №№ 31 и 32.doc».

2.32. Проверка гипотезы о нормальном распределении генеральной совокупности

Цель занятия – приобретение опыта проверки гипотезы о нормальном распределении генеральной совокупности.

Смотрите файл «Практические занятия №№ 31 и 32.doc».

2.33. Использование линейных корреляции и регрессии

Цель занятия – освоение возможностей использования линейных корреляции и регрессии.

Смотрите файл «Практическое занятие № 33.doc».

2.34. Применение методов математической статистики для анализа и прогнозирования эколого-медицинской ситуации

Цель занятия – получение навыков применения методов математической статистики для анализа и прогнозирования эколого-медицинской ситуации.

Смотрите файл «Практическое занятие № 34.doc».

2.35. Использование дисперсионного анализа для решения экологических задач

Цель занятия – приобретение опыта использования дисперсионного анализа для решения экологических задач.

Смотрите файл «Практическое занятие № 35.doc».

2.36. Решение прикладной задачи

Цель занятия – решение задачи по начальной обработке статистических данных.

Смотрите файл «Практическое занятие № 36.doc».

3. Темы дополнительных практических занятий

3.1. Использование условного форматирования и условных функций в электронных таблицах

Цель занятия – ознакомление с возможностями ЭТ условного форматирования; формирование навыков использования условных функций при решении практических задач.

Функция СЧЁТЕСЛИ.

Синтаксис:

СЧЁТЕСЛИ(диапазон;критерий)

Подсчитывает количество ячеек внутри диапазона, удовлетворяющих заданному критерию.

Диапазон — блок, в котором нужно подсчитать ячейки.

Критерий — критерий в форме числа, выражения или текста, который определяет, какие ячейки надо подсчитывать. Например, критерий может быть выражен следующим образом: 32, "32", ">32", "да".

Например, функция СЧЁТЕСЛИ(A1:A10;”да”) подсчитывает количество ячеек со значением «да» в блоке A1:A10.

Функция ЕСЛИ.

Синтаксис:

ЕСЛИ(лог_выражение;значение_если_истина;значение_если_ложь)

Возвращает одно значение, если заданное условие при вычислении дает значение ИСТИНА, и другое значение, если ЛОЖЬ.

Лог_выражение — это любое значение или выражение, принимающее значения ИСТИНА или ЛОЖЬ.

Значение_если_истина — это значение, которое возвращается, если лог_выражение равно ИСТИНА.

Значение_если_ложь — это значение, которое возвращается, если лог_выражение равно ЛОЖЬ.

Функция ЕСЛИ используется при проверке условий для значений и формул.

Например, формула =ЕСЛИ(A2=100;СУММ(B5:B15);"") означает, что если число в ячейке A2 равно 100, то вычисляется сумма в диапазоне B5:B15. В противном случае возвращается пустой текст.

Пример вложенной функции ЕСЛИ: «=ЕСЛИ(C1<0; «Корней нет»;ЕСЛИ(С1=0; «Один корень»; «Два корня»))»

Функция возвратит одно из трех возможных значений: «Корней нет» (при условии, что значение ячейки С1<0), «Один корень»(если значение С1 = 0) либо «Два корня» (если значение С1>0).

Функция И.

Синтаксис:

И(логическое_значение1; логическое_значение2; ...).

Возвращает значение ИСТИНА, если все аргументы имеют значение ИСТИНА; возвращает значение ЛОЖЬ, если хотя бы один аргумент имеет значение ЛОЖЬ.

Логическое_значение1, логическое_значение2, ... — это от 1 до 30 проверяемых условий, которые могут иметь значение либо ИСТИНА, либо ЛОЖЬ.

Например, функция И(A2>1; A2<100) возвратит значение Истина, если значение ячейки А2 лежит в интервале (1; 100) и возвратит значение Ложь в противном случае.

Функция ЕСЛИ(И(A2>1; A2<100); 0;1) возвратит значение 0, если значение ячейки А2 лежит в интервале (1; 100) и возвратит значение 1 в противном случае.

Функция Или.

Синтаксис:

ИЛИ(логическое_значение1;логическое_значение2; ...)

Возвращает ИСТИНА, если хотя бы один из аргументов имеет значение ИСТИНА; возвращает ЛОЖЬ, если все аргументы имеют значение ЛОЖЬ.

Логическое_значение1, логическое_значение2, ... — от 1 до 30 проверяемых условий, которые могут иметь значение либо ИСТИНА, либо ЛОЖЬ.

Подготовьте таблицу по образцу (обозначения: с – снег, д – дождь, н – без осадков):

1. Используя условное форматирование «Формат / Условное форматирование…», определите самый холодный день (синий цвет), самый теплый день (красный цвет) и дни с нулевой температурой (желтый цвет).

2. Используя функцию ЕСЛИ, заполните ячейки блока B6:AC6 соответствующей информацией («ниже нормы», «норма», «выше нормы»), если за норму принять -7⁰С.

3. Используя функции, подсчитать:

• среднемесячную температуру;

• количество дней, когда шел снег;

• количество дождливых дней;

• сколько дней за месяц температура была ниже средней;

• каких дней было больше: с положительной или с отрицательной температурой;

• количество дней, когда при отсутствии осадков температура не превышала 0⁰С.

Сохраните созданный Вами документ под названием «Дополнительное практическое занятие № 1».