Разработать три-четыре Web-страницы, посвящённые общей тематике: Магазин «Продукты».
3.Магазин “Продукты”
Реализация варенья за март
С 1 по 7 | С 7 по 14 | С 14 по 21 | С 21 по 28 | |
Сливочное | ||||
Малиновое | ||||
Смородиновое | ||||
Яблочное |
WEB-страницы разрабатываются студентом самостоятельно с учётом задания. Для создания страниц используется любой текстовый редактор или любая программа создания и редактирования WEB-страниц. При построении страниц использовать язык HTML от фирмы Microsoft.
Страницы должны быть заполнены текстом подходящей тематики не менее чем на ½ от высоты листа, красочно оформлены с использованием возможностей HTML.
Каждая страница должна иметь ссылки на другие страницы или на рисунки.
Одна из страниц в качестве фона должна содержать заранее подготовленный фоновый рисунок.
Рисунок 8 – Страница «О магазине »
Рисунок 9 - Страница «Результаты работы»
Рисунок 10 – Страница «Должности»
Продолжение рисунка 10 – Страница «Должности
Рисунок 13- «О работе»
Код к странице «О магазине»
<html>
<head>
<title>Магазин "Продуктов"</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
A:link { text-decoration: none; color: Black; }
A:visited { text-decoration: none; color: Black;}
A:active { text-decoration: none; color: blue;}
A:hover { text-decoration: underline; color: blue;}
table.text {
width: 100%; /* Ширина таблицы */
border-spacing: 0; /* Расстояние между ячейками */
}
table.text td {
width: 85%; /* Ширина ячеек */
vertical-align: top; /* Выравнивание по верхнему краю */
}
td.rightcol { /* Правая ячейка */
text-align: right; /* Выравнивание по правому краю */
}
body {
background-image: url(image/продукты.jpg), url(image/продукты2.jpg), url(image/продукты2.jpg); /* Путь к фоновому рисунку */
background-position: 55% 100%, 100% 37%, 0% 37%; /* Положение фона */
background-repeat: no-repeat, no-repeat, no-repeat; /* Отменяем повторение фона */
}
</style>
</head>
<body style="background-color: #6495ED">
<table align="center" width="500" cellspacing="0" cellpadding="5" border="0">
<tr>
<td bgcolor="#6495ED" valign="bottom" align="center"><font color="black"> <h1> Магазин "Продукты" </h1></font></td>
</tr>
</table>
<table align="center" width="780" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table align="center" cellspacing="4" cellpadding="5" border="0">
<tr>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="1.О магазине.html"> О магазине </a></font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="2.Результаты работы.html"> Результаты работы </font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="3.Должности.html"> Должности </font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="4.О работе.html"> О работе </font></td>
</tr>
</table>
</td>
<td></td>
</tr>
</table>
<table align="center" width="780" cellspacing="0" cellpadding="0" border="0">
<tr>
<td bgcolor="#6495ED" valign="bottom" align="center"><img src="image/Вывеска.jpg"></td>
</tr>
</table>
<p> Компания Палата Торг начинает свою историю в 1994 году с открытием первой торговой палатки. К двухтысячному году в сети компании было уже более пятидесяти торговых точек, среди которых супермаркет, гастроном, торговые павильоны и палатки. </p>
<p> В компанию входит сеть известных магазинов «Продукты», которые предлагают потребителям широкий ассортимент товаров по лояльной цене, что позволило компании стать успешной и развиваться дальше. </p>
<table class="text">
<tr>
<td>
<ul> В магазине "Продукты" производятся следующие товары:
<li> Сливовое варенье </li>
<li> Малиновое варенье </li>
<li> Смородиновое варенье </li>
<li> Яблочное варенье </li>
</ul>
</td>
<td class="rightcol">
<ul> Контактные телефоны.:
<li>(4862) 41-35-09 </li>
<li>(4862) 72-63-02 </li>
<li>(4862) 20-06-06 </li>
</ul>
</td>
</tr>
</table>
</body>
</html>
Код к странице «Результаты работы »
<html>
<head>
<title>Магазин "Продуктов"</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
A:link { text-decoration: none; color: Black; }
A:visited { text-decoration: none; color: Black;}
A:active { text-decoration: none; color: blue;}
A:hover { text-decoration: underline; color: blue;}
table.text {
width: 100%; /* Ширина таблицы */
border-spacing: 0; /* Расстояние между ячейками */
}
table.text td {
width: 84%; /* Ширина ячеек */
vertical-align: top; /* Выравнивание по верхнему краю */
}
td.rightcol { /* Правая ячейка */
text-align: right; /* Выравнивание по правому краю */
}
body {
background-image: url(image/продукты.jpg); /* Путь к фоновому рисунку */
background-position: 55% 100%; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */ }
</style>
</head>
<body style="background-color: #6495ED">
<table align="center" width="780" cellspacing="0" cellpadding="5" border="0">
<tr>
<td bgcolor="#6495ED" valign="bottom" align="center"><font color="black"> <h1> Реализация варенья за март </h1></font></td>
</tr>
</table>
<table align="center" width="780" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table align="center" cellspacing="4" cellpadding="5" border="0">
<tr>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="1.О магазине.html"> О магазине </a></font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="2.Результаты работы.html"> Результаты работы </font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="3.Должности.html"> Должности </font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="4.О работе.html"> О работе </font></td>
</tr>
</table>
</td>
<td></td>
</tr>
</table>
<br />
<br />
<br />
<br />
<table border="1" cellspacing="0" cellpadding="10" width="100%" height="150">
<tr>
<td align="center"> </td>
<td align="center"> с 1 по 7 </td>
<td align="center"> с 7 по 14 </td>
<td align="center"> с 14 по 21 </td>
<td align="center"> с 21 по 28 </td>
</tr>
<tr>
<td align="center"> Сливочное </td>
<td align="center"> 9 </td>
<td align="center"> 7 </td>
<td align="center"> 17 </td>
<td align="center"> 14 </td>
</tr>
<tr>
<td align="center"> Малиновое </td>
<td align="center"> 8 </td>
<td align="center"> 6 </td>
<td align="center"> 20 </td>
<td align="center"> 7 </td>
</tr>
<tr>
<td align="center"> Смородиновое </td>
<td align="center"> 18 </td>
<td align="center"> 17 </td>
<td align="center"> 10 </td>
<td align="center"> 6 </td>
</tr>
<tr>
<td align="center"> Яблочное </td>
<td align="center"> 14 </td>
<td align="center"> 11 </td>
<td align="center"> 13 </td>
<td align="center"> 10 </td>
</tr>
</table>
<p> Хочется отметить, что магазин "Продукты" имеет тенденцию роста численности работников, осваивает все новые возможности сбыта продукции, увеличивая ассортимент товара, уделяя при этом особое внимание эффективности торгово-технологического процесса. </p>
</br>
<p> В магазине, представлен достаточно широкий выбор продуктов первой необходимости, которые можно приобрести покупателям в удобное для них время.</p>
</body>
</html>
Код к странице «Должности»
<html>
<head>
<title>Магазин "Продуктов"</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
A:link { text-decoration: none; color: Black; }
A:visited { text-decoration: none; color: Black;}
A:active { text-decoration: none; color: blue;}
A:hover { text-decoration: underline; color: blue;}
table.text {
width: 100%; /* Ширина таблицы */
border-spacing: 0; /* Расстояние между ячейками */ }
table.text td {
width: 84%; /* Ширина ячеек */
vertical-align: top; /* Выравнивание по верхнему краю */ }
td.rightcol { /* Правая ячейка */
text-align: right; /* Выравнивание по правому краю */}
body { background-image: url(image/продукты.jpg); /* Путь к фоновому рисунку */
background-position: 55% 100%; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */ }
</style>
</head>
<body style="background-color: #6495ED">
<table align="center" width="780" cellspacing="0" cellpadding="5" border="0">
<tr>
<td bgcolor="#6495ED" valign="bottom" align="center"><font color="black"><h1> Должности </h1></font></td>
</tr>
</table>
<table align="center" width="780" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table align="center" cellspacing="4" cellpadding="5" border="0">
<tr>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="1.О магазине.html"> О магазине </a></font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="2.Результаты работы.html"> Результаты работы </font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="3.Должности.html"> Должности </font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="4.О работе.html"> О работе </font></td>
</tr>
</table>
</td>
<td></td>
</tr>
</table>
<B> <I> Списки определний </B> </I>
<dl>
<dt> <strong> Директор </strong>
<dd> Коваленко Валерий Степанович
<dd> Cтаж - 3 года на руководящей должности
<dt> <strong> Cтарший продавец </strong>
<dd> Петрова Людмила Ивановна
<dd> Cтаж - 13 лет
<dt> <strong> Менеджер по приёмке товаров (товаровед) </strong>
<dd> Богдаренко Елена Владимировна
<dd> Стаж -7 лет
<dt> <strong> Продавец-контролёр-кассир </strong>
<dd> Мишина Ольга Александровна
<dd> Стаж - 2 года
<dt> <strong> Продавец-контролёр-кассир </strong>
<dd> Авдеева Наталья Олеговна
<dd> Cтаж - 2,5 года
<dt> <strong> Уборщица </strong>
<dd> Пилипенко Виктория Владимировна
</dl>
<td>
<ul> Адреса расположения магазинов:
<li> ул. Металлургов, 10 </li>
<li> ул. Льва Толстого, 9 </li>
<li> ул. Вязовая, 10 </li>
<li> Новочеркасский пр., 33/3 </li>
</ul>
</td>
<table align="center">
<tr>
<td align="center">
<img src="image/схема.jpg" height="415" width="675"> </a>
<br />
<b>Расположение магазина по адресу ул. Металлургов, 10</b>
</td>
</tr>
</table>
<br></br>
<tr>
<p> <image src="image/директор.jpg" height="300" width="300" border="1" align="left" hspace="10" /></p>
<p> Коваленко Валерий Cтепанович, 32 года, на руководящей должности 3 года, ранее закончил институт экономики и торговли. Отработал 2 года продавцом консультантом, затем 7 лет старшим продавцом. </p>
<br></br><br></br><br>
</tr>
</body>
</html>
Код к странице «О работе»
<html>
<head>
<title>Магазин "Продуктов"</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
A:link { text-decoration: none; color: Black; }
A:visited { text-decoration: none; color: Black;}
A:active { text-decoration: none; color: blue;}
A:hover { text-decoration: underline; color: blue;}
table.text {
width: 100%; /* Ширина таблицы */
border-spacing: 0; /* Расстояние между ячейками */}
table.text td {
width: 84%; /* Ширина ячеек */
vertical-align: top; /* Выравнивание по верхнему краю */ }
td.rightcol { /* Правая ячейка */
text-align: right; /* Выравнивание по правому краю */}
body {
background-image: url(image/продукты.jpg); /* Путь к фоновому рисунку */
background-position: 55% 100%; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */ }
</style>
</head>
<body style="background-color: #6495ED">
<table align="center" width="780" cellspacing="0" cellpadding="5" border="0">
<tr>
<td bgcolor="#6495ED" valign="bottom" align="center"><font color="black"><h1> О работе </h1></font></td>
</tr>
</table>
<table align="center" width="780" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table align="center" cellspacing="4" cellpadding="5" border="0">
<tr>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="1.О магазине.html"> О магазине </a></font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="2.Результаты работы.html"> Результаты работы </font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="3.Должности.html"> Должности </font></td>
<td width="150" align="center" bgcolor="#6495ED"><font face="Impact"><a href="4.О работе.html"> О работе </font></td>
</tr>
</table>
<p> Данный сайт написан специально для курсвой работы по дисциплине "Информатика", кафедры «Прикладная математика и информатика» </p>
<p> Цель: разработать три-четыре Web-страницы, посвящённые общей тематике. </p>
</body>
</html>
Список использованной литературы
1. Симонович, С. В. и др. Специальная информатика: Учебное пособие [Текст] /С. В. Симонович, Г.А. Евсеев, А.В. Алексеев. - М.: АСТ-ПРЕСС КНИГА, 2003. - 480 с.
2. Могилёв, А.В. и др. Информатика: Учебное пособие для студентов пед. вузов [Текст] /А. В. Могилёв. - М.: 1999. – 816 с.
3. Симонович, С. В. и др Информатика: базовый курс [Текст] / С.В. Симонович. - СПб: Питер,2000. – 640 с.
4. Алексеев, А. П. Информатика 2002 [Текст] / А.П. Алексеев, - М.: СОЛОН-Р, 2002. – 400 с.
5. Схемы алгоритмов программ данных и систем [ Электронный ресурс]/ГОСТ 19.701.90. – Режим доступа: https://cert.obninsk.ru/gost/282/282.html
6. Меженный, О. А. Turbo Pascal. Самоучитель [Текст] / О.А. Меженный. - М.: Издательский дом «Вильямс», 2004. – 336 с.
7. Абрамов, С.А., Гнездилова Г.Г., Капустина Е.Н., Селюн М.И. Задачи по программированию. [Текст]/С.А. Абрамов, - М., 1988.
8. Абрамов, С.А., Зима Е.В. Начала информатики. [Текст] / С.А. Абрамов, - М., 1989.
9. Джонс, Ж., Харроу, К. Решение задач в системе Турбо Паскаль. [Текст]/ Ж.Джонс. - М., 1991.
10. Касьянов, В.Н., Сабельфельд, В.К. Сборник заданий по практикуму на ЭВМ. [Текст]/ В.Н. Касьянов. - М., 1986.
11. Мизрохи, С.В. TURBO PASCAL и объектно-ориентированное программирование. [Текст]/ С.В. Мизрохи - М., 1992.
12. Прайс, Д. Программирование на языке Паскаль: Практическое руководство. [Текст]/ Д. Прайс - М., 1987.
13. Фаронов, В.В. Турбо Паскаль 7.0. Начальный курс. Учебное пособие. [Текст]/ В.В. Фаронов - М., 1997.