
- •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 документа
Приложение в
(справочное)
Код style.Css документа
p.a1{text-align: center;
font-size: 20px;
font-weight: bold;}
p.a2{
text-align: center;
font-size: 20px;
font-weight: bold;}
p.a3{
text-align: center; }
.s {
text-align:left;
color: #ffffff;
font-weight: bold;
font-family:fantasy;
font-size: 50px;
line-height:1;
text-transform: uppercase;}
s1{
font-weight: bold;
font-size: 14px;
line-height:2;}
.s2{
text-align: justify;
text-indent: 20px;}
Приложение г
(справочное)
Код menu.Css документа
#nav {
margin:0;
border:1px solid #666666;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
box-shadow:1px 1px 4px #666666; }
#nav, #nav ul {
list-style:none;
padding:0;
width:209px; }
#nav ul {
position:relative;
z-index:-1; }
#nav li {
position:relative;
z-index:100; }
#nav li a {
background-color: #6495ED;
color:#fff;
border-bottom:1px solid #ccc;
display:block;
font-size:20px;
line-height:30px;
outline:0;
padding-left:15px;
text-decoration: none; }
Окончание приложения Г
#nav li a + img {
cursor: pointer;
display: none;
width: 200px;
height: 28px;
left: 0;
position: absolute;
top:0; }
#nav li a:hover {
background-color:#bcbdc1; }
#nav ul li a {
background-color:#d9e0e6;
border-bottom:1px solid #ccc;
color:#000;
font-size:12px;
line-height:22px; }
#nav ul li a:hover {
background-color:#ddd;
color: #993300;}
Приложение д
(справочное)
Код wrem.Css документа
.clock {width:200px; border:1px solid #333; color:#fff; list-style:none; text-align:center; display:inline;}
#Date { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:center; text-shadow:0 0 5px #00c6ff; }
.clock ul { width:150px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
.clock ul li { display:inline; font-size:15; text-align:center; font-family:Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }
#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:5px; padding-right:5px; }
@-webkit-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 18px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 18px #00c6ff; }
}
@-moz-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}
Приложение е
(справочное)
Код galereya.Css документа
.gallery a img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transition: all 1.0s ease;
-webkit-box-shadow: 0px 2px 4px 1px #DFDFDF;
-moz-box-shadow: 0px 2px 4px 1px #DFDFDF;
box-shadow: 0px 2px 4px 1px #DFDFDF;
margin-right:5px;
padding:10px;
display:inline-block;
height:100px; }
.gallery a img:hover{
-moz-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);}
.gallery a:focus img{
position: relative;
height:380px;
cursor: pointer;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transition: all 1.0s ease;
Окончание приложения Е
-webkit-box-shadow: 0px 4px 4px 1px #DFDFDF;
-moz-box-shadow: 0px 4px 4px 1px #DFDFDF;
box-shadow: 0px 4px 4px 1px #DFDFDF;}
.gallery a{
outline:0; border:0;}