- •Министерство образования и науки украины
- •Общие указания к выполнению лабораторных работ
- •Содержание и значение самостоятельной работы студентов при изучении дисциплины «Компьютерные сети и телекоммуникации»
- •Лабораторная работа № 1
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 2
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 3
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 4
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Создание ссылки на электронный адрес
- •Создание абсолютной ссылки на Web-ресурс
- •Создание внутренних (относительных) ссылок в документе
- •Содержание отчета
- •Содержание отчета
- •Лабораторная работа № 7
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 8
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 9
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы.
- •Содержание отчета
- •Лабораторная работа № 10
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Приложение 1. Приемы работы в Internet Explorer
- •Приложение 2. Стандартная цветовая палитра
- •95007, Симферополь, просп. Академика Вернадского, 4
Содержание отчета
В качестве отчета необходимо предоставить полученные вами файлы index.html и list.html.
Лабораторная работа № 6
Тема: Создание списков
Цель: научиться создавать списки в web-документах
Контрольные вопросы:
Виды списков в языке HTML.
Какие теги отвечают за создание списков? Перечислите их атрибуты.
Теоретический материал
В этой лабораторной работе вы познакомитесь с дескрипторами документа для создания списков:
<UL> … </UL> - неупорядоченный, или маркированный список;
<OL> … </OL> - упорядоченный, или нумерованный список;
<LI> - дескриптор элемента списка (закрывающий дескриптор не требуется);
<DL> … </DL> – дескриптор списка определений;
<DT> … </DT> – определяемый термин, являющийся частью списка определений;
<DD> … </DD> – определение термина.
Порядок выполнения работы:
Создайте следующий документ для ознакомления работы со списками.
<html>
<head>
<title> Списки </title>
</head>
<body>
<h3>Маркированный простой список</h3>
<UL>
<LI>Ручка
<LI>Стакан с водой
<LI>Маленький желтый блокнот
</UL>
<h3>Нумерованный простой список</h3>
<p> На вашем узле есть следующие произведения Чапека
<OL>
<LI> Редкий ковер
<LI> Истории о взломщике и поджигателе
<LI> История дирижера Калины
<LI> Смерть барежа Гайдары
<LI> Похождения брачного афериста
<LI> Взломщик-поэт
</OL>
<p><h3>Списки определений</h3></p>
<DL>
<DT>Windows
<DD> Операционная система фирмы Microsoft
<DT>OS/2
<DD>0перационная система фирмы IBM
<DT>Linux
<DD> Операционная система без фирмы
</DL>
<h3>Маркированный список с вложениями</h3>
<UL>
<LI>Кир Булычев
<UL>
<LI>Агент КФ
<LI>Подземелье ведьм
</UL>
<LI>Братья Стругацкие
<UL>
<LI>Хромая судьба
<LI>Град обреченный
</UL>
<LI>Александр Беляев
<UL>
<LI>Голова профессора Доуэля
<LI>Человек-амфибия
</UL>
</UL>
<h3>Нумерованный список с вложениями</h3>
<OL>
<LI>Кир Булычев
<OL>
<LI>Агент КФ
<LI>Подземелье ведьм
</OL>
<LI>Братья Стругацкие
<OL>
<LI>Хромая судьба
<LI>Град обреченный
</OL>
<LI>Александр Беляев
<OL>
<LI>Голова профессора Доуэля
<LI>Человек-амфибия
</OL>
</OL>
<h3>Смешанный список</h3>
<UL>
<LI>Кир Булычев
<OL>
<LI>Агент КФ
<LI>Подземелье ведьм
</OL>
<LI>Братья Стругацкие
<OL>
<LI>Хромая судьба
<LI>Град обреченный
</OL>
<LI>Александр Беляев
<OL>
<LI>Голова профессора Доуэля
<LI>Человек-амфибия
</OL>
</UL>
</body>
</html>
Сохраните файл под названием Lesson_2.html.
Просмотрите его Интернет-браузером.
Содержание отчета
В качестве отчета необходимо предоставить полученный вами файл Lesson_2.html.
Лабораторная работа № 7
Тема: Создание рисунков
Цель: научиться вставлять рисунки в web-документ
Контрольные вопросы:
Назовите наиболее популярные графические форматы для web-страниц.
Назовите тег для вставки рисунков в HTML и перечислите его атрибуты.
Как задать расположения рисунка на странице?
Как указать обтекание текстом рисунка?
Теоретический материал
В этой лабораторной работе вы познакомитесь с дескрипторами изображения, такими как:
<IMG> – вставляет изображение в документ.
Данный дескриптор имеет следующие атрибуты:
src="x" – источник изображения (его абсолютный или относительный URL);
width="x" – позволяет браузеру заранее установить ширину изображения;
height="x" – позволяет браузеру заранее установить высоту изображения;
border="x" – определение ширины рамки вокруг изображения;
align="x" – выравнивание изображения на странице по горизонтали и вертикали;
alt="описание" – позволяет браузерам выводить на экран вместо изображения его описание; это описание отображается на экране любого браузера до тех пор, пока не произойдет загрузка самого изображения. Кроме того, атрибут alt позволяет выводить на экран элемент подсказки с описанием, когда указатель мыши располагается над изображением;
hspace="x" – свободное пространство по горизонтали; используется для добавления свободного места справа и слева от изображения;
vspace= "x" – свободное пространство по вертикали.