- •Министерство образования и науки украины
- •Общие указания к выполнению лабораторных работ
- •Содержание и значение самостоятельной работы студентов при изучении дисциплины «Компьютерные сети и телекоммуникации»
- •Лабораторная работа № 1
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 2
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 3
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 4
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Создание ссылки на электронный адрес
- •Создание абсолютной ссылки на Web-ресурс
- •Создание внутренних (относительных) ссылок в документе
- •Содержание отчета
- •Содержание отчета
- •Лабораторная работа № 7
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 8
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы:
- •Содержание отчета
- •Лабораторная работа № 9
- •Контрольные вопросы:
- •Теоретический материал
- •Порядок выполнения работы.
- •Содержание отчета
- •Лабораторная работа № 10
- •Контрольные вопросы:
- •Порядок выполнения работы:
- •Содержание отчета
- •Приложение 1. Приемы работы в Internet Explorer
- •Приложение 2. Стандартная цветовая палитра
- •95007, Симферополь, просп. Академика Вернадского, 4
Порядок выполнения работы:
Создайте простую web-страницу с изображением, которое будет иметь различные виды выравнивания относительно текста.
<html>
<head>
<title>Изображения</title>
</head>
<body>
<h3>Страница, содержащая рисунки</h3>
<p>
<img src = "адрес вашего рисунка" align="top"> Изображение, выровненное по верхнему краю.
<p>
<img src = "адрес вашего рисунка" align = "middle"> Изображение, выровненное по центру изображения.
<p>
<img src = "адрес вашего рисунка" align = "bottom"> Изображение, выровненное по нижнему краю.
</body>
</html>
Сохраните файл под названием Lesson_3.html.
Просмотрите созданный документ в браузере.
Содержание отчета
В качестве отчета необходимо предоставить полученный вами файл Lesson_3.html.
Лабораторная работа № 8
Тема: Создание таблиц
Цель: научиться создавать таблицы в HTML
Контрольные вопросы:
Перечислите теги описания таблицы, заголовка таблицы, строки таблицы.
Назовите атрибуты элементов, используемых при создании таблицы: высота, ширина, цвет фона, выравнивание таблицы, размещение заголовка под или над таблицей и т.д.
Теоретический материал
В этой лабораторной работе вы познакомитесь с дескрипторами документа, используемыми для создания таблиц:
<TABLE> … </TABLE> - основной дескриптор таблицы, объявляющий ее начало и конец.
<TR> … </TR> - открывающий и закрывающие строку таблицы дескриптор.
<TD> … </TD> - дескрипторы, создающие единичную ячейку таблицы.
Атрибуты таблицы:
align="x" – выравнивание;
border="x" – рамка ячеек;
colspan="x" – объединение столбцов в один;
rowspan="x" – объединение строк в одну.
Порядок выполнения работы:
Создайте простую таблицу состоящую из двух строк и двух столбцов.
<HTML>
<HEAD>
<TITLE>Простая таблица</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD>
Первая ячейка
</TD>
<TD>
Вторая ячейка
</TD>
</TR>
<TR>
<TD>
Третья ячейка
</TD>
<TD>
Четвертая ячейка
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Создайте сложную таблицу, включающую элементы объединения строк и столбцов. Таблица содержит три строки и четыре ячейки. Часть строк и ячеек таблицы объединены.
<HTML>
<HEAD>
<TITLE>Простая таблица</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD>
Первая ячейка, первая строка
</TD>
<TD>
Вторая ячейка, первая строка
</TD>
<TD>
Третья ячейка, первая строка
</TD>
<TD>
Четвертая ячейка, первая строка
</TD>
</TR>
<TR>
<TD ROWSPAN="2">
Ячейка, объединяющая две строки таблицы.
</TD>
<TD>
Вторая ячейка, вторая строка
</TD>
<TD>
Третья ячейка, вторая строка
</TD>
<TD>
Четвертая ячейка, вторая строка
</TD>
</TR>
<TR>
<TD>
Первая ячейка третья строка
</TD>
<TD COLSPAN="2">
Ячейка объединяет две ячейки
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Добавьте рамку таблиц с помощью атрибута border тега Table.
Сохраните файл под названием Lesson_4.html.
Просмотрите страницу в браузере.
Содержание отчета
В качестве отчета необходимо предоставить полученный вами файл Lesson_4.html.
Лабораторная работа № 9
Тема: Создание фреймов
Цель: научится создавать фреймы