Методи оцінювання якості 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;">©</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;">©</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;">©</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;">©</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;">©</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