Задание 4. Создание WEB-страниц

Разработать три-четыре Web-страницы, посвящённые общей тематике: Магазин «Продукты».

3.Магазин “Продукты”

Реализация варенья за март

	С 1 по 7	С 7 по 14	С 14 по 21	С 21 по 28
Сливочное
Малиновое
Смородиновое
Яблочное

WEB-страницы разрабатываются студентом самостоятельно с учётом задания. Для создания страниц используется любой текстовый редактор или любая программа создания и редактирования WEB-страниц. При построении страниц использовать язык HTML от фирмы Microsoft.

Страницы должны быть заполнены текстом подходящей тематики не менее чем на ½ от высоты листа, красочно оформлены с использованием возможностей HTML.

Каждая страница должна иметь ссылки на другие страницы или на рисунки.

Одна из страниц в качестве фона должна содержать заранее подготовленный фоновый рисунок.

Рисунок 8 – Страница «О магазине »

Рисунок 9 - Страница «Результаты работы»

Рисунок 10 – Страница «Должности»

Продолжение рисунка 10 – Страница «Должности

Рисунок 13- «О работе»

Код к странице «О магазине»

<html>

<head>

<title>Магазин "Продуктов"</title>

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>

<tr>

<td bgcolor="#6495ED" valign="bottom" align="center"><font color="black"> <h1> Магазин "Продукты" </h1></font></td>

</tr>

</table>

<tr>

<td>

<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>

</tr>

</table>

<tr>

</tr>

</table>

<p> Компания Палата Торг начинает свою историю в 1994 году с открытием первой торговой палатки. К двухтысячному году в сети компании было уже более пятидесяти торговых точек, среди которых супермаркет, гастроном, торговые павильоны и палатки. </p>

<p> В компанию входит сеть известных магазинов «Продукты», которые предлагают потребителям широкий ассортимент товаров по лояльной цене, что позволило компании стать успешной и развиваться дальше. </p>

<tr>

<td>

<ul> В магазине "Продукты" производятся следующие товары:

<li> Сливовое варенье </li>

<li> Малиновое варенье </li>

<li> Смородиновое варенье </li>

<li> Яблочное варенье </li>

</ul>

</td>

<ul> Контактные телефоны.:

</ul>

</td>

</tr>

</table>

</body>

</html>

Код к странице «Результаты работы »

<html>

<head>

<title>Магазин "Продуктов"</title>

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>

<tr>

<td bgcolor="#6495ED" valign="bottom" align="center"><font color="black"> <h1> Реализация варенья за март </h1></font></td>

</tr>

</table>

<tr>

<td>

<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>

</tr>

</table>

<br />

<tr>

</tr>

<tr>

<td align="center"> Сливочное </td>

</tr>

<tr>

<td align="center"> Малиновое </td>

</tr>

<tr>

<td align="center"> Смородиновое </td>

</tr>

<tr>

<td align="center"> Яблочное </td>

</tr>

</table>

<p> Хочется отметить, что магазин "Продукты" имеет тенденцию роста численности работников, осваивает все новые возможности сбыта продукции, увеличивая ассортимент товара, уделяя при этом особое внимание эффективности торгово-технологического процесса. </p>

</br>

<p> В магазине, представлен достаточно широкий выбор продуктов первой необходимости, которые можно приобрести покупателям в удобное для них время.</p>

</body>

</html>

Код к странице «Должности»

<html>

<head>

<title>Магазин "Продуктов"</title>

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>

<tr>

<td bgcolor="#6495ED" valign="bottom" align="center"><font color="black"><h1> Должности </h1></font></td>

</tr>

</table>

<tr>

<td>

<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>

</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>

<tr>

<br />

<b>Расположение магазина по адресу ул. Металлургов, 10</b>

</td>

</tr>

</table>

<tr>

<p> Коваленко Валерий Cтепанович, 32 года, на руководящей должности 3 года, ранее закончил институт экономики и торговли. Отработал 2 года продавцом консультантом, затем 7 лет старшим продавцом. </p>

</tr>

</body>

</html>

Код к странице «О работе»

<html>

<head>

<title>Магазин "Продуктов"</title>

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>

<tr>

<td bgcolor="#6495ED" valign="bottom" align="center"><font color="black"><h1> О работе </h1></font></td>

</tr>

</table>

<tr>

<td>

<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.

Задание 4. Создание WEB-страниц

Поиск по сайту