- •Федеральное агентство связи
- •Практическое занятие №2
- •Практическое занятие №3
- •Практическое занятие №4
- •Практическое занятие №5
- •Практическое занятие №6
- •Практическое занятие №7
- •Практическое занятие №8
- •Практическое занятие №9
- •Практическое занятие №10
- •8. Контрольные вопросы:
- •Практическое занятие №11
- •8. Контрольные вопросы:
- •Практическое занятие №12
- •6. Порядок выполнения работы:
- •8. Контрольные вопросы:
- •Практическое занятие №13
- •6. Порядок выполнения работы:
- •8. Контрольные вопросы:
- •Практическое занятие №14
- •6. Порядок выполнения работы:
- •8. Контрольные вопросы:
- •Практическое занятие №15
- •6. Порядок выполнения работы:
- •8. Контрольные вопросы:
Практическое занятие №2
Наименование: Использование списков на web - страницах
Цель: Научится использовать различные виды списков при оформлении web - страницы
Подготовка к занятию: по предложенной литературе повторить тему «Ввод и оформление текста» и ответить на следующие вопросы:
В каком разделе HTML- документа размещаются списки?
Каким тегом определяется маркированный список?
Каким тегом определяется нумерованный список?
Каким тегом определяется список определений?
Литература:
3.1 Шомас Е.А. Конспект лекций по дисциплине «Распределенные системы обработки информации»
3.2 Клименко Р.А. Веб-мастеринг на 100%. – СПб.: Питер, 2013. – 512 с.
3.3 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с
Перечень оборудования и программного обеспечения:
4.1 ПЭВМ, подключенные к сети Интернет
4.2 Браузеры
4.3 Текстовый редактор
Задание:
5.1 В строке заголовка должен отражаться номер практической работы
5.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.
5.3 Создайте нумерованный список – Список группы
Маркированный список – Изучаемые предметы
Вложенный список – Расписание занятий
Список определений – дать любые три определения
5.4 Оформление страницы продумать самостоятельно, также самому выбрать тип маркера
Порядок выполнения работы:
6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;
6.2 Выполнить задание практического занятия;
6.3 Дать ответы на контрольные вопросы;
Содержание отчета:
7.1 Наименование и цель работы
7.2 Код программы
7.3 Ответы на контрольные вопросы
7.4 Вывод о проделанной работе
Контрольные вопросы:
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. Первый используется для того, чтобы задать определение, второй – для описания термина.