Методи оцінювання якості web-ресурсів

Розробка сайту-візитки компанії, яка надає послуги в ІТ-галузі та оцінювання створеного сайту. Структурне розположення усіх html, css—файлів та зображень. Створення текстового документу з іменем index та розширенням .html. Тестування сторінки в браузері.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык украинский
Дата добавления 25.06.2015
Размер файла 1,9 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

<div class="toolbar" >

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

<p><a href="help.html">FAQ</a></p>

</div>

</td>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td id="border6"><!-- текст --></td>

<td colspan="2" id="border4"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="4" id="border5"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

</table> </td>

<td rowspan="4"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="1" height="344" border="0" alt="" /></td>

<td height="19"><img src="images/spacer.gif" width="1" height="19" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><blockquote>

<br>

<br>

<p>Компанія "Веселий студент" <a href="http://melkiy.te.ua">Розробив Володимир Melkiy.te.ua</a> Усі права вільні <span style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block;">&copy;</span> </p>

</blockquote></td>

<td><img src="images/spacer.gif" width="1" height="20" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><!-- текст --></td>

<td><!-- текст --></td>

</tr>

</table>

</div>

</body>

</html>

services.html

<html>

<head>

<title>Компанія "Веселий студент" - Курсова робота Володимира Melkiy.te.uaа</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div align="center" >

<table border="0" cellpadding="0" cellspacing="0" width="683">

<tr>

<td><img src="images/spacer.gif" width="42" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="392" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="177" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="57" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" id="header"><blockquote>

<blockquote>

<p>Компанія "Веселий студент"</p><!-- Назва сайту на сторінці -->

</blockquote>

</blockquote></td>

<td><img src="images/spacer.gif" width="1" height="193" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="4" id="border7"><!-- текст --></td>

<td rowspan="4" align="left" valign="top" id="content"><h1><center>Ми надаємо послуги:</center></h1><!-- Заголовок -->

<hr>

<!-- опис -->

<p>Наша компанія надає ряд послуг:</p>

Послуга #1<br>

<i>Створення web-сайту.</i>

<br><br>

Послуга #2<br>

<i>Адміністрування існуючого сайту</i>

<br>

<hr>

<td colspan="4" rowspan="4" align="left" valign="top">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td><img src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="177" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="57" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="2" id="border1"><!-- текст --></td>

<td height="19" id="border2"><!-- текст --></td>

<td rowspan="2"><img name="index_r2_c5" src="images/index_r2_c5.jpg" width="1" height="227" border="0" id="index_r2_c5" alt="" /></td>

<td rowspan="2" id="border3"><!-- текст --></td>

<td rowspan="4"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="1" height="344" border="0" id="index_r2_c7" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="19" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="2" align="left" valign="top" bgcolor="#030303">

<div class="toolbar" >

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

<p><a href="help.html">FAQ</a></p>

</div>

</td>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td id="border6"><!-- текст --></td>

<td colspan="2" id="border4"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="4" id="border5"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

</table> </td>

<td rowspan="4"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="1" height="344" border="0" alt="" /></td>

<td height="19"><img src="images/spacer.gif" width="1" height="19" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><blockquote>

<br>

<br>

<p>Компанія "Веселий студент" <a href="http://melkiy.te.ua">Розробив Володимир Melkiy.te.ua</a> Усі права вільні <span style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block;">&copy;</span> </p>

</blockquote></td>

<td><img src="images/spacer.gif" width="1" height="20" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><!-- текст --></td>

<td><!-- текст --></td>

</tr>

</table>

</div>

</body>

</html>

about.html

<html>

<head>

<title>Компанія "Веселий студент" - Курсова робота Володимира Melkiy.te.uaа</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div align="center" >

<table border="0" cellpadding="0" cellspacing="0" width="683">

<tr>

<td><img src="images/spacer.gif" width="42" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="392" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="177" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="57" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" id="header"><blockquote>

<blockquote>

<p>Компанія "Веселий студент"</p><!-- Назва сайту на сторінці -->

</blockquote>

</blockquote></td>

<td><img src="images/spacer.gif" width="1" height="193" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="4" id="border7"><!-- текст --></td>

<td rowspan="4" align="left" valign="top" id="content"><h1><center>Про нас:</center></h1><!-- Заголовок -->

<hr>

<!-- опис -->

<p><center>Історія нашої компанії.</center></p>

<p><center>Створення:</center></p>

Наша компанія була створена у 1991.

<p><center>Перший успіх:</center></p>

Перший успіх до компанії прийшов, коли ми вийшли на Європейський ринок у 2006 році.

<hr />

<td colspan="4" rowspan="4" align="left" valign="top">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td><img src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="177" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="57" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="2" id="border1"><!-- текст --></td>

<td height="19" id="border2"><!-- текст --></td>

<td rowspan="2"><img name="index_r2_c5" src="images/index_r2_c5.jpg" width="1" height="227" border="0" id="index_r2_c5" alt="" /></td>

<td rowspan="2" id="border3"><!-- текст --></td>

<td rowspan="4"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="1" height="344" border="0" id="index_r2_c7" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="19" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="2" align="left" valign="top" bgcolor="#030303">

<div class="toolbar" >

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

<p><a href="help.html">FAQ</a></p>

</div>

</td>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td id="border6"><!-- текст --></td>

<td colspan="2" id="border4"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="4" id="border5"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

</table> </td>

<td rowspan="4"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="1" height="344" border="0" alt="" /></td>

<td height="19"><img src="images/spacer.gif" width="1" height="19" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><blockquote>

<br>

<br>

<p>Компанія "Веселий студент" <a href="http://melkiy.te.ua">Розробив Володимир Melkiy.te.ua</a> Усі права вільні <span style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block;">&copy;</span> </p>

</blockquote></td>

<td><img src="images/spacer.gif" width="1" height="20" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><!-- текст --></td>

<td><!-- текст --></td>

</tr>

</table>

</div>

</body>

</html>

сontacts.html

<html>

<head>

<title>Компанія "Веселий студент" - Курсова робота Володимира Melkiy.te.uaа</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div align="center" >

<table border="0" cellpadding="0" cellspacing="0" width="683">

<tr>

<td><img src="images/spacer.gif" width="42" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="392" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="177" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="57" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" id="header"><blockquote>

<blockquote>

<p>Компанія "Веселий студент"</p><!-- Назва сайту на сторінці -->

</blockquote>

</blockquote></td>

<td><img src="images/spacer.gif" width="1" height="193" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="4" id="border7"><!-- текст --></td>

<td rowspan="4" align="left" valign="top" id="content"><h1><center>Наші контакти:</center></h1><!-- Заголовок -->

<hr>

<!-- опис -->

<p>Наша компанія розташовується за адресою:</p>

м. Тернопіль<br>

вул. Руська 53<br>

ТНТУ ім. Івана Пулюя<br><br>

Наший сайт - http://melkiy.te.ua/<br>

<hr>

<td colspan="4" rowspan="4" align="left" valign="top">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td><img src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="177" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="57" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="2" id="border1"><!-- текст --></td>

<td height="19" id="border2"><!-- текст --></td>

<td rowspan="2"><img name="index_r2_c5" src="images/index_r2_c5.jpg" width="1" height="227" border="0" id="index_r2_c5" alt="" /></td>

<td rowspan="2" id="border3"><!-- текст --></td>

<td rowspan="4"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="1" height="344" border="0" id="index_r2_c7" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="19" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="2" align="left" valign="top" bgcolor="#030303">

<div class="toolbar" >

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

<p><a href="help.html">FAQ</a></p>

</div>

</td>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td id="border6"><!-- текст --></td>

<td colspan="2" id="border4"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="4" id="border5"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

</table> </td>

<td rowspan="4"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="1" height="344" border="0" alt="" /></td>

<td height="19"><img src="images/spacer.gif" width="1" height="19" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><blockquote>

<br>

<br>

<p>Компанія "Веселий студент" <a href="http://melkiy.te.ua" target="_blank">Розробив Володимир Melkiy.te.ua</a> Усі права вільні <span style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block;">&copy;</span> </p>

</blockquote></td>

<td><img src="images/spacer.gif" width="1" height="20" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><!-- текст --></td>

<td><!-- текст --></td>

</tr>

</table>

</div>

</body>

</html>

help.html

<html>

<head>

<title>Компанія "Веселий студент" - Курсова робота Володимира Melkiy.te.uaа</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div align="center" >

<table border="0" cellpadding="0" cellspacing="0" width="683">

<tr>

<td><img src="images/spacer.gif" width="42" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="392" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="177" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="57" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" id="header"><blockquote>

<blockquote>

<p>Компанія "Веселий студент"</p><!-- Назва сайту на сторінці -->

</blockquote>

</blockquote></td>

<td><img src="images/spacer.gif" width="1" height="193" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="4" id="border7"><!-- текст --></td>

<td rowspan="4" align="left" valign="top" id="content"><h1><center>Питання - Відповіді</center></h1><!-- Заголовок -->

<hr>

<!-- опис -->

<b>1. Ви працюєте у сфері інтернет-комерції?</b><br>

<i>1. Так.</i><br><br>

<b>2. У Вас є інтернет-магазин?</b><br>

<i>2. Ні.</i><br>

<hr />

<td colspan="4" rowspan="4" align="left" valign="top">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td><img src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="177" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="57" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="2" id="border1"><!-- текст --></td>

<td height="19" id="border2"><!-- текст --></td>

<td rowspan="2"><img name="index_r2_c5" src="images/index_r2_c5.jpg" width="1" height="227" border="0" id="index_r2_c5" alt="" /></td>

<td rowspan="2" id="border3"><!-- текст --></td>

<td rowspan="4"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="1" height="344" border="0" id="index_r2_c7" alt="" /></td>

<td><img src="images/spacer.gif" width="1" height="19" border="0" alt="" /></td>

</tr>

<tr>

<td rowspan="2" align="left" valign="top" bgcolor="#030303">

<div class="toolbar" >

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

<p><a href="help.html">FAQ</a></p>

</div>

</td>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td id="border6"><!-- текст --></td>

<td colspan="2" id="border4"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="4" id="border5"><!-- текст --></td>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

</table> </td>

<td rowspan="4"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="1" height="344" border="0" alt="" /></td>

<td height="19"><img src="images/spacer.gif" width="1" height="19" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="208" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="80" border="0" alt="" /></td>

</tr>

<tr>

<td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><blockquote>

<br>

<br>

<p>Компанія "Веселий студент" <a href="http://melkiy.te.ua">Розробив Володимир Melkiy.te.ua</a> Усі права вільні <span style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block;">&copy;</span> </p>

</blockquote></td>

<td><img src="images/spacer.gif" width="1" height="20" border="0" alt="" /></td>

</tr>

<tr>

<td colspan="7" align="left" valign="bottom"><!-- текст --></td>

<td><!-- текст --></td>

</tr>

</table>

</div>

</body>

</html>

style.css

h1,h2,h3,h4,h5,h6 {

font-family: Georgia, Times New Roman, Times, serif;

}

h1 {

font-size: 14px;

}

h2 {

font-size: 14px;

}

h3 {

font-size: 14px;

}

h4 {

font-size: 12px;

}

h5 {

font-size: 10px;

}

h6 {

font-size: 8px;

}

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

font-size: 13px;

}

body,td,th {

font-family:Georgia, Times, serif;

color: #000000;

}

body {

background-image: url(images/index_r6_c1.jpg);

background-repeat: repeat-y;

background-position: center;

background-color: #E8E8E8;

margin: 0px;

padding-left:4px;

}

.toolbar {

background-image: url(images/index_r3_c4.jpg);

background-repeat: no-repeat;

height: 208px;

width: auto;

font-family: Tahoma;

font-size: 12px;

color: #FFFFFF;

font-weight: 100;

list-style-type: square;

}

.toolbar a {

color: #FFFFFF;

font-weight: 300;

list-style-type: square;

text-decoration:none;

}

.toolbar a:active {

color: #FFFFFF;

font-weight: 300;

list-style-type: square;

text-decoration:none;

}

.toolbar a:visited {

color: #FFFFFF;

font-weight: 300;

list-style-type: square;

text-decoration:none;

}

.toolbar a:hover {

color: #FFFFFF;

font-weight: 600;

list-style-type: square;

text-decoration:overline;

}

#header {

background-image: url(images/index_r1_c1.jpg);

color:#FFFFFF;

font-size:24px;

}

#content {

background-image: url(images/index_r2_c2.jpg);

padding-bottom: 15px;

}

#border1 {

background-image: url(images/index_r2_c3.jpg);

}

#border2 {

background-image: url(images/index_r2_c4.jpg);

}

#border3 {

background-image: url(images/index_r2_c6.jpg);

}

#border4 {

background-image: url(images/index_r4_c5.jpg);

}

#border5 {

background-image: url(images/index_r5_c3.jpg);

}

#border6 {

background-image: url(images/index_r4_c3.jpg);

}

#border7 {

background-image: url(images/index_r2_c1.jpg);

}

#content hr {

border-bottom-width: 2px;

border-bottom-style: dotted;

border-bottom-color: #999999;

padding-bottom: 7px;

margin-right: 2px;

}

#content a {

color: #FFFFFF;

}

#content blockquote {

background-image: url(images/blockquote.gif);

border: 1px dotted #ffffff;

padding-top: 0px;

padding-right: 15px;

padding-bottom: 0px;

padding-left: 15px;

font-size:14px;

color:#FFFFFF

}

#content blockquote blockquote {

background-image: url(images/blockquote-blockquote.gif);

border: 1px dotted #ffffff;

padding-top: 0px;

padding-right: 15px;

padding-bottom: 0px;

padding-left: 15px;

font-size:13px;

color:#FFFFFF

}

#content blockquote blockquote blockquote {

background-image: url(images/blockquote.gif);

border: 1px dotted #ffffff;

padding-top: 0px;

padding-right: 15px;

padding-bottom: 0px;

padding-left: 15px;

font-size:12px;

color:#FFFFFF

}

#content blockquote blockquote blockquote blockquote {

background-image: url(images/blockquote-blockquote.gif);

border: 1px dotted #ffffff;

padding-top: 0px;

padding-right: 15px;

padding-bottom: 0px;

padding-left: 15px;

font-size:11px;

color:#FFFFFF

}

#content pre {

background-image: url(images/blockquote.gif);

border: 1px dotted #ffffff;

padding: 15px;

color:#FFFFFF

}

#content pre pre {

background-image: url(images/blockquote-blockquote.gif);

border: 1px dotted #ffffff;

padding: 15px;

color:#FFFFFF

}

Размещено на Allbest.ru


Подобные документы

  • Види сайтів та характеристика сайту-візитки, сайту-магазину, новинного сайту та соціальних мереж. HTML та CSS як основа шаблону сайту та стилю оформлення. Розробка структури та вибір дизайну порталу новин, його програмний код та вигляд у браузері.

    дипломная работа [2,4 M], добавлен 20.10.2013

  • Проектування технологій навчання з теми "Створення веб-сайту засобами HTML". Організація та методика проведення лекційного, лабораторного та практичного (семінарського) заняття. Розробка дидактичних матеріалів до інноваційних технологій навчання.

    курсовая работа [2,3 M], добавлен 21.12.2013

  • Мова розмітки гіпертекстових сторінок HTML. Каскадні таблиці стилів CSS. Розробка інформаційного Web-сайту: меню навігації, структура та інтерфейс сайту. Тестування, впровадження та тестування розробленого проекту. Безпека умов праці при використанні ПК.

    дипломная работа [1,3 M], добавлен 20.05.2012

  • Структура, характеристики та принципи розробки сучасного сайту-візитки. Розробка дизайну. Характеристика сайту кав’ярні. Основні вимоги до програми та до інтерфейсу. Опис проектних рішень, інструментів та підходів до розробки з обґрунтуванням їх вибору.

    дипломная работа [3,2 M], добавлен 19.03.2017

  • Історія розвитку та теорія Web-дизайну. Ефективність програмно-апаратних засобів. Створення Web-сторінки за допомогою мови HTML. Розробка концептуальної моделі підручника. Структура HTML документу, його інформаційних потоків. Форматування тексту, фрейми.

    курсовая работа [1,3 M], добавлен 29.05.2012

  • Принципи створення WEB-сторінок. Правила і програми для створення електронних публікацій. Гіперпосилання. Використання JAVA-скриптів при створенні HTML документу. Графіка у HTML-документах. Утворення та відправлення повідомлень електронної пошти.

    реферат [177,1 K], добавлен 19.10.2007

  • Опис інформаційного забезпечення системи для розробки сайту. Технічне завдання на розробку web-сторінки. Комплект засобів, проектування та завантаження сторінок. Тестування сайту в різних браузерах. Розрахунок собівартості та ціни програмного продукту.

    дипломная работа [1,8 M], добавлен 14.05.2012

  • Сайт як інформаційна одиниця мережі Інтернет. Просування сайту за допомогою дошок оголошень. Створення web-сторінок за допомогою мови HTML. Послуги, які надають web-ресурси з пошуку роботи. Пошукові системи, сайти та портали з працевлаштування.

    курсовая работа [59,3 K], добавлен 02.10.2014

  • Поняття мови РНР - скриптової мови програмування, яка була створена для генерації HTML-сторінок на стороні веб-серверу. Можливості і використання PHP, її переваги і недоліки. Розроблення сайту для турагенства за допомогою гіпертекстової розмітки HTML.

    контрольная работа [11,2 M], добавлен 21.04.2015

  • Загальна характеристика особливостей алгоритму просування сайту. Розробка основних елементів фірмового стилю, що складають пакет рекламної кампанії. Етапи розробки Web-сайту компанії "Гранд Авто". Особливості програмної частини і структури сайту.

    дипломная работа [3,3 M], добавлен 26.02.2012

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.