- •1 Общая часть
- •1.1 Характеристика отдела загСа Еловского района
- •1.1.1 История отдела загСа Еловского района
- •1.1.2 Краткая характеристика деятельности отдела загСа Еловского района, его структура
- •1.2 Постановка задачи
- •1.2.1 Назначение разработки
- •1.2.2 Описание задачи
- •1.2.3 Требования к видам обеспечения
- •1.3 Обзор и анализ известных аналогов разрабатываемого сайта
- •1.3.1 Сайт управления записи актов гражданского состояния Свердловской области
- •1.3.2 Сайт управления записи актов гражданского состояния Ульяновской области
- •2 Специальная часть
- •2.2 Анализ и обоснование выбора языков программирования и средств разработки сайта
- •2.2.1 Языки разметки гипертекста и программирования
- •2.2.2 Средства разработки
- •2.3 Программное обеспечение сайта
- •2.3.1Описание структуры сайта
- •2.3.2 Описание программных модулей
- •2.4 Тестирование и отладка сайта
- •2.5 Руководство пользователя
- •3 Экономическая часть
- •3.2 Эксплуатационные расходы
- •3.3 Эффекты, достигаемые в результате внедрения сайта
- •4 Безопасность жизнедеятельности
- •4.1 Общие требования безопасности при работе на персональном компьютере
- •4.2 Требования безопасности перед началом работы
- •4.3 Требования безопасности во время работы
- •4.4 Требования безопасности в аварийных ситуациях при работе на персональном компьютере
- •4.5 Требования безопасности после окончания работы с пк
- •Приложение а
- •Код css1.Css документа
- •Приложение б
- •Код html документа
- •Приложение в
- •Код style.Css документа
- •Приложение г
- •Код menu.Css документа
- •Приложение д
- •Код wrem.Css документа
- •Приложение е
- •Код galereya.Css документа
- •Приложение ж
- •Код galereya1.Css документа
- •Приложение з
- •Код album.Css документа
- •Приложение и
- •Код mail.Php документа
Приложение а
(обязательное)
Код css1.Css документа
body, html {
background-color: LightGray;
margin:5px;
padding:5px;}
#maket {
width:1000px;
background-color: ffffff;
box-shadow: 0 0 5px;
margin:0 auto;}
#header1{
padding-left: 20px;
padding-right: 20px;
background: -webkit-gradient(linear, left top, left bottom, from(#bcdcf5), to(#0047ab));
height:150px;}
#header2{
background: #4162a8;
border-top: 1px solid #38538c;
border-right: 1px solid #1f2d4d;
border-bottom: 1px solid #151e33;
border-left: 1px solid #1f2d4d;
-moz-border-radius: 4px;
-webkit-border-radius: 2px;
border-radius: 4px;
-moz-box-shadow: inset 0 1px 2px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 3px 0px #1f3053, 0 4px 4px 1px #111;
Окончание приложения А
-webkit-box-shadow: inset 0 1px 4px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 3px 0px #1f3053, 0 8px 4px 1px #111;
box-shadow: inset 0 1px 15px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 3px 2px 1px #111;
color: #fff;
padding-left:30px;
margin-bottom:6px;}
#left{
margin-top:15px;
margin-bottom:15px;
width:212px;
box-shadow: 0 0 5px;
float: left;}
#content{
padding: 15px;
margin: 15px;
margin-left:230px;
margin-right:50px;}
#footer{
box-shadow: 0 0 3px;
background: -webkit-gradient(linear, left top, left bottom, from(#0047ab), to(#98c9f0));
padding:1px;}
Приложение б
(справочное)
Код html документа
<html>
<head>
<title> Отдел ЗАГС Еловского муниципального района</title>
<link rel="stylesheet" type="text/css" href="css1.css">
<link rel="stylesheet" type="text/css" href="menu.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="wrem.css">
<style>
.ltl {
font-family : sans-serif;
font-size: 10px;}
</style>
</head>
<body>
<div id="maket">
<div id="header1"><img src="gerb.jpg" align="left" width="100" height="130">
<img src="naz.png" align="center" width="745" vspace="15">
<img src="gerb2.jpg" align="right" width="100" height="130">
</div>
<div id="header2">
<table width="100%" height="60">
<tr>
<td width="200"><font color=#ffffff>Вы здесь: Главная</font></td>
<td width="490" align="center"><img src="kolco.jpg" width ='170' height='50'></dt>
<td width="200">
Продолжение приложения Б
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var monthNames = [ "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь" ];
var dayNames= ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"]
var newDate = new Date();
newDate.setDate(newDate.getDate());
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
setInterval( function() {
var seconds = new Date().getSeconds();
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);
setInterval( function() {
var minutes = new Date().getMinutes();
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);},1000);
setInterval( function() {
var hours = new Date().getHours();
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);}, 1000);});
</script>
<div class="clock">
<div id="Date">
</div><ul>
<li id="hours"></li>
Продолжение приложения Б
<li id="point">:</li>
<li id="min"></li>
<li id="point">:</li>
<li id="sec"></li>
</ul></div></td></tr></table>
</div>
<div id="left">
<ul id="nav">
<li><a href="GLAVNAYA.html">Главная</a></li>
<li><a href="Istoriya.html">История</a></li>
<li><a href="Usludi.html" class="sub" tabindex="1">Услуги</a>
<ul>
<li><a href="1.html">Регистрация рождения</a></li>
<li><a href="2.html">Заключение брака</a></li>
<li><a href="3.html">Расторжение брака</a></li>
<li><a href="4.html">Установление отцовства</a></li>
<li><a href="5.html">Усыновление/Удочерение</a></li>
<li><a href="6.html">Перемена имени</a></li>
<li><a href="7.html">Регистрация смерти</a></li>
</ul></li>
<li><a href="Dopusl.html" class="sub" tabindex="1">Дополнительные услуги</a></li>
<li><a href="8.html">Информация о госпошлине</a></li>
<li><a href="9.html">Режим работы</a></li>
<li><a href="Galereya.html">Галерея</a></li>
<li><a href="Kalendar.html">Календарь регистрации</a></li>
<li><a href="Pismo.html">Написать письмо</a></li></ul></div>
Продолжение приложения Б
<div id="content">
<img src="image/1.3.jpg" width="700" height="190" border="1">
<p class="a1">УВАЖАЕМЫЕ ПОСЕТИТЕЛИ САЙТА!</p>
Отдел ЗАГС администрации Еловского муниципального управления выполняет государственные полномочия Российской Федерации по регистрации актов гражданского состояния.<br>
Мы познакомим Вас с информацией о работе отдела, интересными статистическими данными, яркими событиями.<br>
На сайте представлена информация о порядке регистрации актов гражданского состояния, бланки заявлений по всем видам АГС, информация по уплате госпошлины.<br><br><hr><br>
<table align="center">
<tr>
<td align="center">
<img src="image/1.jpg" width="320" height="410"><br>
<s1>Заведующий:</s1> Ощепкова Валентина Васильевна
</td>
<td align="center">
<img src="image/2.jpg" width="320" height="410"><br>
<s1>Главный специалист:</s1> Мазунина Юлия Сергеевна
</td></tr>
</table>
<br><hr><br>
<s1>Адрес:</s1> 618170, Пермский край, Еловский район, с. Елово, ул. Ленина, д. 32 <br>
<s1>Телефон:</s1> +7(34296) 3-17-76<br>
<s1>E-mail:</s1>
<a href="zagselovo@yandex.ru">zagselovo@yandex.ru</a><br>
Окончание приложения Б
</div>
<div id="footer">
<h6>
<p style="color:#ffffff">© 2014 "Администрация Еловского муниципального района"</p></h>
<p style="color:#ffffff">618170, Пермский край, Еловский район, с. Елово, ул. Ленина, д. 32.</p>
<p style="color:#ffffff">Тел. +7 (34 296) 3-11-07, Факс: + 7 (34 296) 3-14-78</p>
<p style="color:#ffffff">Предложения и замечания по работе сайта присылать по адресу: masha_fotina@mail.ru</p>
</h6>
</div></div>
</body>
</html>
</body>
</html>