Отчеты / Web. Лабораторная работа 2
.pdfФедеральное агентство связи ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ «САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ ИМ. ПРОФ. М. А. БОНЧ-БРУЕВИЧА» (СПбГУТ)
Факультет инфокоммуникационных сетей и систем Кафедра программной инженерии и вычислительной техники
ЛАБОРАТОРНАЯ РАБОТА №2 по дисциплине «Web-технологии»
на тему «Создание таблиц в HTML-документах»
Выполнил: студент 3-го курса дневного отделения группы ИКПИ-85
Коваленко Леонид Александрович Преподаватель:
профессор, к. т. н. Бузюков Лев Борисович
Санкт-Петербург 2020
Задание №1 Результат выполнения задания №1 представлен на рис. 1 и в табл. 1.
Рисунок 1 — Отображение «Task1.html» Таблица 1 — Файл «Task1.html»
<!DOCTYPE html> <html>
<head>
<title>Учебные планы</title>
</head>
<style> a {
color: blue; text-decoration: none;
}
table {
border-collapse: collapse; display: block;
width: 500px;
}
th, td {
text-align: left; border: 1px solid black; padding: 4px;
}
</style>
<body>
<a name="start"></a>
<ul>
<li><a href="#l200900">Учебный план для специальности 200900</a></li> <li><a href="#l220400">Учебный план для специальности 220400</a></li> <li><a href="#l220200">Учебный план для специальности 220200</a></li>
</ul>
<a name="l200900"></a>
<table>
<caption>Учебный план для специальности 200900 – Сети связи и системы
2
коммутации</caption>
<tr>
<th>Наименование дисциплины</th> <th>Кол-во семестров</th> <th>Семестр</th>
</tr>
<tr>
<td>Информатика</td> <td>2</td>
<td>1, 2</td>
</tr>
<tr>
<td>Введение в специальность</td> <td>1</td>
<td>2</td>
</tr>
<tr>
<td>Вычислительная техника</td> <td>2</td>
<td>5, 6</td>
</tr>
</table>
<a name="l220400"></a>
<table>
<caption>Учебный план для специальности 220400 – Программное обеспечение
ВТ и АС</caption>
<tr>
<th>Наименование дисциплины</th> <th>Кол-во семестров</th> <th>Семестр</th>
</tr>
<tr>
<td>Программирование на языках высокого уровня</td> <td>2</td>
<td>1, 2</td>
</tr>
<tr>
<td>Информатика</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>Информационные технологии в управлении</td> <td>2</td>
<td>5, 6</td>
</tr>
</table>
<a name="l220200"></a>
<table>
<caption>Учебный план для специальности 220200 – Автоматизированные системы обработки информации и управления</caption>
<tr>
<th>Наименование дисциплины</th> <th>Кол-во семестров</th> <th>Семестр</th>
</tr>
<tr>
<td>Программирование на языках высокого уровня</td> <td>2</td>
<td>1, 2</td>
</tr>
<tr>
<td>Информатика</td> <td>1</td> <td>1</td>
3
</tr>
<tr>
<td>Базы данных</td> <td>1</td> <td>6</td>
</tr>
</table>
<a href="#start">Возврат в начало</a>
</body>
</html>
Задание №2 Результат выполнения задания №2 представлен на рис. 2 и в табл. 2.
Рисунок 2 — Отображение «Task2.html» Таблица 2 — Файл «Task2.html»
<!DOCTYPE html>
<html>
<head>
<title>Услуги INTERNET</title>
</head>
<style> a {
color: blue; text-decoration: none;
}
table {
border-collapse: collapse; display: block;
width: 700px;
}
th, td {
text-align: center; border: 1px solid black; padding: 4px;
}
p { text-indent: 25px; }
</style>
4
<body>
<p align="center"><strong><em>Услуги INTERNET</em></strong></p> <p>ЗАО «ЛЭИВО» является международным провайдером услуг INTERNET
(международный номер AS6820). На сегодняшний день ЛЭИВО имеет канал 2Мб в международную сеть INTERNET через TELLA, соединения с российскими провайдерами услуг INTERNET, а также развитую сеть подпровайдеров и клиентов.</p>
<p align="center"><strong>ТАРИФЫ</strong></p> <p>На выделенные каналы доступа в INTERNET:</p>
<table>
<tr>
<td rowspan="2">Ёмкость канала</td>
<td rowspan="2">Стоимость подключения</td>
<td colspan="3">Ежемесячная арендная оплата при среднемесячной загрузке канала (USD)</td>
</tr>
<tr>
<td>До 30%</td> <td>30-60%</td> <td>>60%</td>
</tr>
<tr>
<td>64 Кб/с</td> <td>600</td> <td>500</td> <td>800</td> <td>1600</td>
</tr>
<tr>
<td>256 Кб/с</td> <td>1500</td> <td>1200</td> <td>2200</td> <td>440</td>
</tr>
<tr>
<td>1 Мб/с</td> <td>2500</td> <td>4000</td> <td>7100</td> <td>14200</td>
</tr>
<tr>
<td>> 2 Мб/с</td>
<td colspan="4">По дополнительному соглашению</td>
</tr>
</table>
</body>
</html>
Задание №3 Результат выполнения задания №3 представлен на рис. 3 и в табл. 3.
5
Рисунок 3 — Отображение «Task3.html» Таблица 3 — Файл «Task3.html»
<!DOCTYPE html>
<html>
<head>
<title>Учебные планы</title>
</head>
<style> a {
color: blue; text-decoration: none;
}
table {
border-collapse: collapse; width: 500px;
}
th, td {
text-align: left; border: 1px solid black; padding: 4px;
}
</style>
<body>
<table align="left">
<caption>Учебный план для специальности 220200 – Автоматизированные системы обработки информации и управления</caption>
<tr>
<th>Наименование дисциплины</th> <th>Кол-во семестров</th> <th>Семестр</th>
</tr>
<tr>
<td>Программирование на языках высокого уровня</td> <td>2</td>
<td>1, 2</td>
</tr>
6
<tr>
<td>Информатика</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>Базы данных</td> <td>1</td> <td>6</td>
</tr>
</table>
<div style="clear: both;"></div> <table align="right">
<caption>Учебный план для специальности 220200 – Автоматизированные системы обработки информации и управления</caption>
<tr>
<th>Наименование дисциплины</th> <th>Кол-во семестров</th> <th>Семестр</th>
</tr>
<tr>
<td>Программирование на языках высокого уровня</td> <td>2</td>
<td>1, 2</td>
</tr>
<tr>
<td>Информатика</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>Базы данных</td> <td>1</td> <td>6</td>
</tr>
</table>
<div style="clear: both;"></div> <table align="left">
<caption>Учебный план для специальности 220200 – Автоматизированные системы обработки информации и управления</caption>
<tr>
<th>Наименование дисциплины</th> <th>Кол-во семестров</th> <th>Семестр</th>
</tr>
<tr>
<td>Программирование на языках высокого уровня</td> <td>2</td>
<td>1, 2</td>
</tr>
<tr>
<td>Информатика</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>Базы данных</td> <td>1</td> <td>6</td>
</tr>
</table>
<table align="right">
<caption>Учебный план для специальности 220200 – Автоматизированные системы обработки информации и управления</caption>
<tr>
7
<th>Наименование дисциплины</th> <th>Кол-во семестров</th> <th>Семестр</th>
</tr>
<tr>
<td>Программирование на языках высокого уровня</td> <td>2</td>
<td>1, 2</td>
</tr>
<tr>
<td>Информатика</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>Базы данных</td> <td>1</td> <td>6</td>
</tr>
</table>
<div style="clear: both;"></div> <table align="center">
<caption>Учебный план для специальности 220200 – Автоматизированные системы обработки информации и управления</caption>
<tr>
<th>Наименование дисциплины</th> <th>Кол-во семестров</th> <th>Семестр</th>
</tr>
<tr>
<td>Программирование на языках высокого уровня</td> <td>2</td>
<td>1, 2</td>
</tr>
<tr>
<td>Информатика</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>Базы данных</td> <td>1</td> <td>6</td>
</tr>
</table>
</body>
</html>
Задание №4
Фрагмент HTML-кода с гиперссылками на файлы работы представлен в табл. 4. Все три строки фрагмента находятся в каждом файле работы. Таблица 4 — Фрагмент HTML-кода
<a href="Task1.html">Task1</a> <a href="Task2.html">Task2</a> <a href="Task3.html">Task3</a>
8