Практическое занятие №3

Наименование: Использование списков на веб - страницах

1. Цель: Научится использовать различные виды списков при оформлении веб – страницы. Формировать компетенции ОК 1, ОК 2, ОК 4, ОК 8; овладеть знаниями и умениями для освоения ПК 1.2, ПК 1.3, ПК 1.4, ПК 1.5

 

2. Подготовка к занятию: по предложенной литературе повторить тему «Ввод и оформление текста» и ответить на следующие вопросы:

2.1 В каком разделе HTML- документа размещаются списки?

2.2 Каким тегом определяется маркированный список?

2.3 Каким тегом определяется нумерованный список?

2.4 Каким тегом определяется список определений?

 

3. Литература:

3.1 Шомас Е.А. Веб – дизайн, учебное пособие. Самара, КС ПГУТИ, 2014

3.2 https://html5book.ru/osnovy-html/ - Основы HTML

 

4. Перечень оборудования и программного обеспечения:

4.1 ПЭВМ, подключенные к сети Интернет

4.2 Браузеры

4.3 Текстовый редактор

 

5. Задание:

5.1 В строке заголовка должен отражаться номер практической работы

5.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.

5.3 Создайте нумерованный список – Дни недели

Маркированный список – Времена года

Вложенный список – Месяца года (осенние, зимние…)

Список определений – дать любые три определения

5.4 Оформление страницы продумать самостоятельно, также самому выбрать тип маркера

 

6. Порядок выполнения работы:

6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;

6.2 Выполнить задание практического занятия;

6.3 Дать ответы на контрольные вопросы;

 

7. Содержание отчета:

7.1 Наименование и цель работы

7.2 Код программы

7.3 Ответы на контрольные вопросы

7.4 Вывод о проделанной работе

 

8. Контрольные вопросы:

8.1 Что такое список? Какие виды списков вам известны?

8.2 С помощью какого тега осуществляется переход на новую строку?

8.3 Запишите часть кода, который определял бы нумерацию – римскую, а номер позиции начинался с 3.

 

ПРИЛОЖЕНИЕ:

Списки применяются для организации и группировки данных. В HTML можно выделить следующие типы списков:

- маркированный;

- нумерованный;

- вложенный;

- определений.

Маркированные списки – это списки, в которых пункты отмечаются с помощью различных символов. Для создания списков используется элемент UL, требующий наличие закрывающего тега. Пункты списка находятся внутри элемента UL. Каждый пункт начинается с элемента LI.

У элемента UL есть атрибут TYPE, определяющий вид маркера списка:

- CIRCLE – пустой круг;

- SQUARE – квадрат;

- DISC – черный круг.

Для создания нумерованных списков применяется элемент OL, требующий наличие закрывающего тега. Пункты списка находятся внутри элемента OL. Каждый пункт начинается с элемента LI. У элемента OL есть атрибут TYPE, указывающий, что пункты будут нумероваться с помощью:

- A – заглавных букв латинского алфавита;

- а – строчных букв латинского алфавита;

- I – заглавных римских цифр;

- 1 – арабских цифр.

Вторым атрибутом элемента OL является атрибут START, указывающий, с какого числа начать нумерацию всего списка.

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

       Список определений – это особый вид списка, который применяется для форматирования словарей или когда необходимо пояснить значения терминов. Для организации списков определений служит элемент DL – внутри него будут находиться определение и описание термина. Чтобы внести информацию внутрь элемента DL, нужно задать элементы DT и DD. Первый используется для того, чтобы задать определение, второй – для описания термина.