Задание №5
Создание Web-страниц Разработать три-четыре Web-страницы, посвящённые общей тематике.
Минимум содержания каждой из страниц.
Первая страница:
Заголовок с названием организации.
Краткая история организации.
Типы комнат (приведены в таблице) в виде списка.
Контактные телефоны.
Описание главного офиса с фотографией (рисунком).
Вторая страница:
Заголовок с названием таблицы.
Приведённая в задании таблица.
Выводы о результатах работы организации.(виде графика)
Третья страница:
Заголовок страницы
Список определений для 5-ти сотрудников на руководящих должностях с указанием должности.
Перечень занимаемых зданий с указанием адреса и площади.
Фотографию директора с комментариями.
Четвёртая страница является произвольной (содержание и оформление по желанию студента).
Страницы должны быть заполнены текстом подходящей тематики не менее чем на ½ от высоты листа, красочно оформлены с использованием возможностей HTML.
Каждая страница должна иметь ссылки на другие страницы или на рисунки.
Турбаза "Парус"
Цены на заезды
|
Ноябрь |
Декабрь |
Январь |
Февраль |
Люкс |
2000 |
2300 |
3000 |
1000 |
Полулюкс |
2500 |
3000 |
5000 |
3000 |
2-х местный номер |
1000 |
5000 |
1000 |
2000 |
Общая палата |
2000 |
7000 |
2000 |
3000 |
Главная
Страница в браузере
Листинг HTML
<html>
<head>
<title>Турбаза "Парус"</title>
</head>
<body>
<table width="70%" height="100%" bgcolor="bef574">
<tr>
<td>
<p><font size="5">
<A href="prod.html">Предложения</A>
<A href="kollektiv.html">Коллектив</A><br>
</font>
</p>
</td>
</tr>
<tr>
<td valign="top">
<p align="center">
<font size="6" <strong>История</strong>
</font>
</p>
<br>
<font size="5" color="013220">
<p> Турбаза была приватизирована в перестроечный период, тогда она</p>
<p> находилась в плачевном состоянии. Мы вложили в нее большие деньги и сейчас она пользуется популярностью </p>
Мы сдаем комнты следующих типов :1. Люкс 2. Полулюкс 3. 2-х местный номер 4. Общие палаты
<p>Мобильный рабочий Тел: 85-500-458-15
Мобильный рабочий Тел: 85-500-458-16</p>
Главный офис:
</font>
<div align="center"><img src="image/kab.jpg"></div>
<br>
<br>
</tr>
</table>
</body>
</html>
Предложения
Страница в браузере
Листинг HTML
<html>
<head>
<title>Турбаза " Парус"</title>
</head>
<body >
<table width="70%" height="100%" bgcolor="bef574">
<tr>
<td>
<p><font size="5">
<A href="index.html">Главная</A>
<A href="kollektiv.html">Коллектив</A><br>
</font>
</p>
</td>
</tr>
<tr>
<td valign="top"><p align="center"><font size="+4"> <strong>Турбаза "Парус"</strong></font></p>
<br>
<table bgcolor="red" border=3 align=center bordercolor="#000000" bgcolor="#FFFFFF">
<caption>Цены на заезды</caption>
<tr valign=middle>
<td></td>
<td>ноябрь</td>
<td>декабрь</td>
<td>январь</td>
<td>февраль</td>
</tr>
<tr valign=middle>
<td>Люкс</td>
<td>2000</td>
<td>2300</td>
<td>3000</td>
<td>1000</td>
</tr>
<tr valign=middle>
<td>Полулюкс</td>
<td>2500</td>
<td>3000</td>
<td>5000</td>
<td>3000</td>
</tr>
<tr valign=middle>
<td>2-х местный номер</td>
<td>1000</td>
<td>5000</td>
<td>1000</td>
<td>2000</td>
</tr>
<tr valign=middle>
<td>Общая палата</td>
<td>2000</td>
<td>7000</td>
<td>2000</td>
<td>3000</td>
</tr>
</table>
<div align="center"><img src="image/dia.jpg"></div>
<font size="5" color="013220">
<p align="center">Люкс</p><br>
<p align="center"><img src="image/1.jpg"></p>
<p align="center">Полулюкс</p><br>
<p align="center"><img src="image/2.jpg"></p>
<p align="center">2-х местный номер</p><br>
<p align="center"><img src="image/3.jpg"></p>
<p align="center">Общая палата</p><br>
<p align="center"><img src="image/4.jpg"></p>
</font>
</tr>
</table>
<br>
<br>
</body>
</html>
Коллектив
Страница в браузере
Листинг HTML
<html>
<head>
<title>Турбаза "Парус"</title>
</head>
<body>
<table width="70%" height="100%" background="image/fon.jpg" bgcolor="bef574">
<tr>
<td>
<p><font size="5">
<A href="index.html">Главная</A>
<A href="prod.html">Предложение</A>
</font>
</p>
</td>
</tr>
<tr>
<td valign="top"><p align="center"><font size="+4"><strong>Наш коллектив</strong></font></p>
<br>
<font size="+2">
</font>
<br> Васютин Е.- заместитель директора
<br> Коломин А. - менеджер по номерам
<br> Велесов О. - сантехник
<br> Крутов А. - начальник охраны
<br> Селезнев Е. - водиетель
<p><font size="+2"> Директор - голова! </font></p>
<p align="center"><img src="image/direktor.jpg"></p>
<br> Наш адрес: г. Анапа, ул. Ленина, д5., корпус 1.
</font>
</tr>
</table>
</body>
</html>