Лабораторная работа 4: ТЕМА 4: СПИСКИ И ТАБЛИЦЫ В WEB-ДОКУМЕНТАХ вариант 4

ТЕМА 4: СПИСКИ И ТАБЛИЦЫ В WEB-ДОКУМЕНТАХ

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

Задание для самостоятельной работы

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

1.Подготовка документа для ввода текста

1.1. Вызвать новый документ в текстовом редакторе WordPad, сохранить его под новым именем с расширением .html:

Сохранить новый документ в личной папке под именем 4_1_ФИО: меню Файл ® Сохранить как..., ® Тип файла ® HTML.

Записать заголовок HTML-документа: HTML-cписки и таблицы: ФИО.

Установить рабочее окно редактора на правой стороне экрана.

1.2.Вызвать браузер и перейти на поле Web-документа:

1.2.1. В меню Файл ® Открыть страницу ® Обзор.

1.2.2. Выбрать в рабочей папке необходимый файл. Вернувшись на вкладку ® Открыть.

1.2.3. Установить рабочее окно редактора на левой стороне экрана.

2. Разметка простого списка

Простой список состоит из нескольких строк, каждая из которых имеет маркер. Если HTML-документа маркер постоянный, то список называют неупорядоченным (маркированным), если в качестве маркера используют цифровую или буквенную последовательность, то список определяют, как нумерованный.

2.1. Для организации маркированного (неупорядоченного) списка используют следующую конструкцию:

<UL> </UL> - тэг-контейнер, внутри которого располагаются все строки списка;

<LI> - тэг, определяющий каждую строку списка (закрывать этот тэг необязательно);

TYPE - атрибут тэга <UL>, определяющий тип маркера: диск, окружность, квадрат - disk, circle, square (следует использовать только строчные буквы). Например, <UL TYPE=circle> (По умолчанию - диск).

Выполнить следующие упражнения:

2.1.1. Создать список учебных дисциплин текущего семестра, используя один из дополнительных маркеров.

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

2.1.3. Перейти на окно браузера ® Обновить. Проверить организацию списка.

2.2.Сформировать список с использованием рисунка в качестве маркера:

2.2.1. Подготовить самостоятельно рисунок маркера (например, шарик) или найти на Web-страницах подходящий маркер, скопировать его в рабочую папку в формате .gif или .jpg.

2.2.2. Разместить заголовок для нового списка учебных занятий на текущий день.

2.2.3. Записать строки списка, начиная каждую из них с установки URL-адреса рисунка маркера, используя конструкцию <IMG SRC='URL"> строка списка<BR>.

2.2.4. Закрыть список. Проверить результат.

2.3.Организация нумерованного (упорядоченного) списка

Для этого следует использовать следующую конструкцию:

<OL> </OL> - тэг-контейнер, внутри которого располагаются элементы списка;

<LI> - тэг строки списка;

TYPE - параметр вида нумерации списка: A - прописные латинские буквы, a - строчные латинские буквы, I - большие римские цифры, i - маленькие римские цифры, 1 - арабские цифры (используется по умолчанию).