Создание веб-приложения в трехзвенной архитектуре сети

<p> Под подсистемой функционального контроля понимается программное обеспечение, которое позволяет:</p>

<ul>

<li>отслеживтаь и отображать текущее состоянние технических средств, а также изменение этого состояния; </li>

<li>проводить в полуавтоматическом и автоматическом режиме тестирование технических средств;</li>

<li>управлять техническими средствами.</li>

</ul>

<p>Разработка подсистемы ФК обусловлена необходимостью повышения коэффициента готовности для новых разрабатываемых объектов. Структурно-функциональная схема подсистемы функционального контроля приведена на рисунке 1.2. </p>

<img src="./images/img1-2.jpg" width="100%" height="100%" alt="Рис. 1.2" align="left"><br clear="all"/>

<h4>Рис.1.2 - Структурно-функциональная схема подсистемы функционального контроля.</h4> 

</div>

</div>

</div>

<!-- end #content -->

<div id="sidebar">

<h2>Содержание</h2>

<ul>

<li><a href="index.html">Описание системы</a></li>

<li><a href="part2.html">Постановка задачи</a></li>

<li><a href="part3.html">Описание методов</a></li>

<li><a href="part4.html">Результат</a></li>

</ul>

</div>

<!-- end #sidebar -->

<div style="clear: both;">&nbsp;</div>

</div>

<!-- end #page -->

<div id="footer">

<p>Groxel &copy; 2010</p>

</div>

<!-- end #footer -->

</body>

</html>

 

Приложение Б

Исходный код CSS файла

 

body {

margin: 0;

padding: 0;

background: #FFFFFF url(images/img01.jpg) repeat-x left top;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #66665E;

}

 

h1, h2, h3 {

margin: 0;

text-transform: uppercase;

font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;

font-weight: normal;

color: #4B8749;

}

 

h1 { font-size: 44px; }

 

h2 { font-size: 18px; }

 

h3 { }

 

p, ul{

margin-top: 0;

line-height: 240%;

text-align: justify;

}

 

blockquote { }

 

a {

color: #41ACE7;

}

 

a:hover {

text-decoration: none;

}

 

a img {

border: none;

}

 

img.left {

float: left;

margin: 7px 30px 0 0;

}

 

img.right {

float: right;

margin: 7px 0 0 30px;

}

 

/* Header */

 

#header {

width: 1000px;

height: 64px;

margin: 0 auto;

background: url(images/img02.jpg) no-repeat left top;

}

 

/* Page */

 

#page {

width: 1000px;

margin: 0 auto;

background: url(images/img04.jpg) repeat-y left top;

}

 

#page-bgtop {

padding-top: 30px;

background: url(images/img03.jpg) no-repeat left top;

}

 

/** LOGO */

 

#logo {

width: 960px;

height: 170px;

margin: 0 auto;

}

 

#logo h1, #logo p {

margin: 0px;

line-height: normal;

font-weight: normal;

color: #FFFFFF;

}

 

#logo p {

text-transform: uppercase;

font-size: 10px;

}

 

#logo h1 {

padding-top: 80px;

font-size: 34px;

}

 

#logo a {

text-decoration: none;

color: #FFFFFF;

}

 

/* Content */

 

#content {

float: right;

width: 738px;

padding-top: 20px;

padding-right: 40px;

}

 

/* Post */

 

.post {

margin-bottom: 25px;

}

 

.post .title {

height: 30px;

color: #42423E;

border-bottom: 1px #BDBDBB dotted;

}

 

.post .title a {

text-decoration: none;

color: #42423E;

}

 

.post .entry {

padding: 10px 0;

}

 

.post p {

text-indent: 3em;

}

 

/* Sidebar */

 

#sidebar {

float: left;

width: 162px;

padding-left: 22px;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

}

 

#sidebar ul {

margin: 0;

padding: 0;

list-style: none;

line-height: normal;

}

 

#sidebar li {

margin-bottom: 30px;

padding: 0 0 10px 0px;

margin: 0 0 0 5px;

padding-left: 10px;

background: url(images/img09.jpg) no-repeat left 4px;

}

 

#sidebar p {

margin: 0;

padding: 0px 10px;

}

 

#sidebar h2 {

height: 26px;

margin: 0 0 10px 0px;

padding: 8px 0 2px 10px;

background: url(images/img06.jpg) no-repeat left top;

text-transform: capitalize;

font-size: 11px;

font-weight: bold;

color: #42423E;

}

 

#sidebar p {

line-height: 200%;

}

#sidebar a {

color: #696969;

}

 

/* Footer */

 

#footer {

width: 1000px;

height: 95px;

margin: 0 auto;

padding: 0;

background: url(images/img05.jpg) no-repeat left top;

}

 

#footer p {

margin: 0;

padding: 56px 0;

text-align: center;

line-height: normal;

text-transform: uppercase;

font-size: 10px;

color: #66665E;

}

 

#footer a {

color: #000000;

}

 

Замечания по выполнению лабораторных работ

 

№ п/п	Дата сдачи на проверку	Дата возврата	Доработка замечаний	Подпись преподавателя	Ф.И.О. преподавателя