Файл: Разработка сайта приюта для домашних животных.pdf

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 28.03.2023

Просмотров: 406

Скачиваний: 20

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

<details>

<summary><a href="http://petlife/wish.php?zabrali=yes" class="rin" title="Счастливые питомцы нашедшие дом">Нашли дом</a></summary>

</details>

</div>

<div id="Onas">

<details>

<summary><a href="http://petlife/news.php" class="rin" title="О приюте Лапочка">О нас</a></summary>

</details>

</div>

</menu>

<h1>Что нужно чтобы взять питомца из приюта?</h1></a>

<p>Первое, что нужно сделать человеку, который хочет взять питомца – убедиться в том, что у него и его домочадцев нет аллергии на животных. Если же есть какие-то сомнения на этот счет, то лучше провериться, такие анализы можно сдать в любой лаборатории. </p><br>

<p>Затем нужно выбрать само животное – в Интернете (по фото/видео) или вживую в одном из приютов. Далее нужно связаться с куратором или с приютом, где находится животное, и начать выяснять про него конкретную информацию. </p><br>

<p>Возможно, кто-то из животных уже «запал вам в душу» по фотографии в Интернете. Тогда вы связываетесь с конкретным куратором этого питомца или с конкретным приютом, где он находится. Далее вы едете с ним знакомиться и уже за первую поездку можно понять: ваш это питомец или нет.</p><br>

<p>Важно понимать, что животные тоже нас выбирают! Часто бывают такие ситуации: люди приезжают, чтобы усыновить конкретного питомца, а уезжают с другим, потому что животное, к которому они приезжали изначально, их не выбрало. Зато им очень понравился другой четвероногий, который сразу же пошел на контакт с новыми хозяевами. Понять, кто тебе подходит, можно только вживую. </p><br>

<p>В приюте Лапочка приветствуется, когда люди приезжают на знакомство с будущим домашним питомцем не один раз, а несколько.</p><br>

<p>Животные в муниципальных приютах ничем не хуже, просто о них имеется меньше информации. Стоит приложить немного усилий, несколько раз приехать и немножко с ними познакомиться. Когда люди берут щенка, вне зависимости от того, покупают они его или берут из приюта, либо с улицы, – это всегда будет «кот в мешке».</p><br>

<p>В нашем приюте при передаче животного оформляется договор с будущим хозяином животного. В нем фиксируются данные обеих сторон, оговариваются пункты ответственного содержания животного. Мы также всегда ненавязчиво отслеживаем судьбу наших бывших подопечных. Всех наших питомцев мы лично провожаем до места их дальнейшего жительства. </p><br>

<p>Все животные разные. Кому-то сразу после приюта не требуется никакой социализации, они ведут себя так, как будто жили в вашей квартире всегда. </p><br>


<p>Безусловно, необходимо ознакомиться с соответствующей информацией, благо сейчас есть очень много статей и даже различных обучающих видеоматериалов на Youtube. Также сразу стоит озаботиться тем, чтобы у животного было свое место. Вы должны заранее подумать о том, где ему будет комфортно и при этом удобно вам.</p><br>

<p>Первые несколько недель животного в новом доме – это адаптация и социализация, поэтому нужно быть готовым к тому, что животное может ходить за вами по пятам, даже в душ. </p><br>

<p>Обязательно нужно купить шлейку – это такое приспособление вместо ошейника, к которому крепится поводок. Оно более надежно и служит для того, чтобы животное на улице не вырвалось и не побежало от вас в другую сторону, испугавшись какого-то шума.

Из разочарований я могу предположить только то, что человек переоценил свои силы. Ему сложно с животным, он оказался не готов гулять с ним, общаться, заниматься и воспитывать его. Все эти моменты лучше всего решить для себя еще до появления питомца в доме. </p><br>

<p>Нужно понимать ответственность шага, после которого человек будет отвечать не только за свою жизнь, но и за жизнь хвостатого. Если вы не готовы к этому, то, конечно, лучше никого не брать. </p><br>

<a name="volunteer">

<h1>Для связи с нашим приютом при желании взять питомца или стать волонтером нужно заполнить следующую форму:</h1>

<div id="anketa1">

<form action="" method="post" enctype="multipart/form-data"><br />

<label for="name"><p id="1a">Bведите имя: </label><input type="text" placeholder="Анна" name="name" id="name" maxlenght="25" /></p><br />

<label for="name1"><p>Bведите фамилию: </label><input type="text" placeholder="Иванова" name="name1" id="name1" maxlenght="54" /></p><br />

<label for="age"><p>Bведите дату рождения: </label><input type="date" name="age" id="age" maxlenght="4" /></p><br />

<label for="adress"><p>Bведите адрес проживания: </label><input type="text" placeholder="Моск.Обл ул.Гордон д.6" name="adress" id="adress" maxlenght="400" /></p><br />

<label for="phone"><p>Bведите номер телефона: </label><input type="tel" name="phone" id="phone" maxlenght="15" /></p><br />

<p>Выберите пол:</p><br />

<label for="m"><p>М: </label> <input type="radio" name="state" id="m" value="м" /></p>

<label for="j"><p>Ж: </label> <input type="radio" name="state" id="j" value="ж" /></p><br />

<p>Выберите причину обращения</p><br />

<p><label for="v">Стать волонтером </label> <input type="radio" name="reason" id="v" value="волонтер"/></p>

<p><label for="dog">Забрать собаку </label> <input type="radio" name="reason" id="dog" value="собака" /></p>

<p><label for="cat">Забрать кошку </label> <input type="radio" name="reason" id="cat" value="кошка" /></p>


<br />

<p><label for="filename">Приложите свое фото к анкете: </label><br /><br /><input type="file" name="filename" /></p><br />

<p><b>Расскажите о себе:</b><br /><br /><textarea name="text" ></textarea></p><br />

<p><input required type="checkbox" name="personal" id="personal" /><label for="personal">Согласен на обработку персональных данных </p></label><br />

<p><input required type="checkbox" name="personal" id="personal" /><label for="personal">Мне есть 18 лет </p></label><br />

<p><input name="mail" type="submit" value="Отправить" /></p>

</form>

</div>

</div>

</div>

<footer id="podval">

<div id="imya">

<pre>Иванова Анна СБИ-411

2020 год</pre>

</div>

<div id="textx">

<br>Помоги нашим маленьким друзьям - Возьми питомца из приюта!

</div>

<div id="email">

<img src="http://petlife/img/e-mail.png" width="10%" height="40%" align="left">

<i>lapochka-priut@mail.ru</i>

</div>

</footer>

</body>

</html>

docs.css

* {

text-decoration: none;

text-indent: 1em;

}

html

{

background-image: url('http://petlife/img/FON.jpg');

}

.rin {color: #000;

}

.ron{

font-size: 1em; font-family:Times new roman;

text-indent:0;

border-right: 0.5px solid white;

border-right: 0.5px solid white;

border-bottom: 1px dotted White;

margin:0;

float:inherit;

background-color:#F4A460;

border-radius: 3px;

}

.ron:hover {background-color: #FF8C00}

h1 {font-family:arial;}

p {

margin:0em 1em 0em 1em;

}

h1

{

font-size: 1.1em; font-family:Times new roman;

margin:1em;

}

summary

{

border: 1px outset;

background-color:#F4A460;

font-size: 1em; font-family:Times new roman;

text-indent:0;

margin:0;

float:inherit;

border-radius: 3px;

}

summary:hover {background-color: #FF8C00}

details summary::-webkit-details-marker {

display: none;

font-size: 1em;

font-family:Times new roman;

font-weight: bold; }

a {font-size: 1.1em; font-family:Times new roman; }

pre {font-size: 1.1em; font-weight: bold; font-family:Times new roman; color: black; text-indent:0;}

footer {font-size: 1.1em; }

#shapka {

margin:0;

height: 8em;

width: 98em;

}

#vso

{

height: 135em;

width: 98em;

}

#podval {

margin-left: -2em;

height: 5em;

width: 94em;

background-color: #F4A460;

}

#menu {

margin: auto;

background-color: #FFDEAD;

box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

height: 134em;

width: 40em;

}

#banner

{

margin: auto;

height: 3em;

width: 42em;

}

menu

{

margin:0;

height: 6em;

width: 37.5em;

text-align:center;

}

#cat1

{

float:left;

width: 8.1em;

text-align:center;

}

#dog1

{

float:left;

margin-left: 8em;

width: 8.2em;

text-align:center;

}

#mau

{

float:left;

text-align:center;

width: 7.2em;

border-radius: 3px;

font-size: 0.9em;

}

#onas

{

float:left;

text-align:center;

width: 5.2em;

border-radius: 3px;

font-size: 0.9em;

}

#onas:hover {background-color: #FF8C00}

#mau:hover {background-color: #FF8C00}

#logo{

float:left;

width: 38em;

height:8em;

}

#topcent{

float:left;

width: 20em;

height:7.2em;


text-align:center;

font-size: 1.1em;

font-family:Times new roman;

}

#topright{

float:left;

width: 32em;

height:8em;

}

#imya{

float:left;

width: 25em;

height:4.9em;

text-align:center;

}

#textx{

float:left;

width: 40em;

height:4.44em;

text-align:center;

font-size: 1.1em;

color: #FF0000; text-shadow:1px 1px 2px white, 0 0 1em white;

font-family:Times new roman;

font-weight: bold; font-family:Times new roman; text-align:center; text-transform: uppercase;

}

#email{

float:left;

width: 18em;

height:4.9em;

font-family:Times new roman;

font-size: 1em;

padding-left: 10px;

text-align: left;

}

#anketa1

{

margin: auto;

background-color: #fff;

border: 1px solid;

height: 48em;

width: 32em;

}

#1a

{

margin:1em 1em 0em 1em;

}

Приложение 4. Страница входа vhod.php, vhod css

vhod.php

<?

if (isset($_POST['mail'])){

if ($_POST['login']=='admin')

if ($_POST['parol']=='admin')

{

session_start();

$_SESSION['rules'] = 1;

header ('Location: index.php');

}

}

?>

<html>

<head>

<title>Приют для домашних животных "Лапочка"(Главная страница)</title>

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

<meta name="description" content="Прют Лапочка-муниципальный приют для бездомных животных в Московской области. Существует с 2019 года " />

<meta name="keywords" content="взять собаку, взять кошку, прют, питомцы" />

<Link href="css/vhod.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

</head>

<body>

<header id="shapka">

<div id="logo"><img src="http://petlife/img/logo.png" width="20%" height="80%" align="right">

</div>

<div id="topcent">

<br><br>

Адрес: г.Москва Левофортово д.15<br>

почтовый индекс: 145000<br>

тел: 8-800-000-22

</div>

<div id="topright">

<?

if ($_SESSION['rules']==1){

?>

<a href="http://petlife/vhod.php"><img src="http://petlife/img/vhod.jpg" width="10%" height="40%" align="left"></a>

Выход

<?

} else

{

?>

<a href="http://petlife/vhod.php"><img src="http://petlife/img/vhod.jpg" width="10%" height="40%" align="left"></a>

Вход

<?

}

?>

</div>

</header>

<div id="vso">

<div id="menu">

<menu>

<div id="dog"><details>

<summary>Cобаки</summary>

<p class="nay"><a href="http://petlife/doc.php#dog" class="rin" title="Взять собаку домой">Взять собаку</a></p>

<p class="nay"><a href="http://petlife/wish.php?vid=dog&zabrali=no" class="rin" title="Свободные собаки">Каталог собак</a></p>

</details>

</div>

<div id="cat">

<details>

<summary>Кошки</summary>

<p class="nay"><a href="http://petlife/doc.php#cat" class="rin" title="Взять кошку домой">Взять кошку</a></p>

<p class="nay"><a href="http://petlife/wish.php?vid=cat&zabrali=no" class="rin" title="Свободные кошки">Каталог кошек</a></p>

</details>

</div>

<div id="mau">

<details>

<summary><a href="http://petlife/wish.php?zabrali=yes" class="rin" title="Счастливые питомцы нашедшие дом">Нашли дом</a></summary>


</details>

</div>

<div id="Onas">

<details>

<summary><a href="http://petlife/news.php" class="rin" title="О приюте Лапочка">О нас</a></summary>

</details>

</div>

</menu>

<div id="avtorizacia">

<br /><br /><h1>Авторизация</h1>

<form action="" method="post" enctype="multipart/form-data"><br />

<label for="login"><p>Bведите логин: &nbsp&nbsp</label><input type="text" name="login" id="login" maxlenght="25" /></p><br />

<label for="parol"><p>Bведите пароль: </label><input type="password" name="parol" id="parol" maxlenght="25" /></p><br />

<center><input name="mail" type="submit" value="Войти" /></center>

</form>

<?

if (isset($_POST['mail'])){

if (($_POST['login']!='admin') or ($_POST['parol']!='admin'))

{

?>

<p>Убей себя!</p>

<?

}

}

?>

</div>

</div>

<div id="banner">

<pre id="nizpre">

<a href="http://petlife/news.php" class="rin">О приюте</a></pre>

<pre id="nizdog">

<a href="http://petlife/doc.php#dog" class="rin">Взять собаку</a></pre>

<pre id="nizcat">

<a href="http://petlife/doc.php#cat" class="rin">Взять кошку</a></pre>

<pre id="nizvol">

<a href="http://petlife/doc.php#volunteer" class="rin">Стать волонтером</a></pre>

</div>

</div>

<footer id="podval">

<div id="imya">

<pre>Иванова Анна СБИ-411

2020 год</pre>

</div>

<div id="textx">

<br>Помоги нашим маленьким друзьям - Возьми питомца из приюта!

</div>

<div id="email">

<img src="http://petlife/img/e-mail.png" width="10%" height="40%" align="left">

<i>lapochka-priut@mail.ru</i>

</div>

</footer>

</body>

</html>

vhod.css

* {

text-decoration: none;

}

html

{

background-image: url('http://petlife/img/FON.jpg');

}

.rin {color: #000;

}

h1 {font-family:arial;}

.nay {

font-size: 1em; font-family:Times new roman;

text-indent:0;

border-right: 0.5px solid white;

border-right: 0.5px solid white;

border-bottom: 1px dotted White;

margin:0;

float:inherit;

background-color:#F4A460;

border-radius: 3px;

}

.nay:hover {background-color: #FF8C00}

summary

{

border: 1px outset;

background-color:#F4A460;

font-size: 1em; font-family:Times new roman;

text-indent:0;

margin:0;

float:inherit;

border-radius: 3px;

}

summary:hover {background-color: #FF8C00}

details summary::-webkit-details-marker {

display: none;

font-size: 1em;

font-family:Times new roman;

font-weight: bold; }

a {font-size: 1.1em; font-family:Times new roman; }

pre {font-size: 1.1em; font-weight: bold; font-family:Times new roman; color: black; text-indent:0;}

footer {font-size: 1.1em; }

#shapka {

margin:0;

height: 8em;

width: 98em;

}

#vso

{

height: 34em;

width: 98em;

}

#podval {

margin-left: -2em;

height: 5em;

width: 94em;

background-color: #F4A460;

}

#menu {

margin: auto;

background-color: #FFDEAD;

box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

height: 27em;

width: 40em;

}

#banner

{

margin: auto;

height: 3em;

width: 42em;

}

menu

{

margin:0;

height: 6em;

width: 37.5em;

text-align:center;

}

#video

{

margin-top: 1em;

margin-left: 7em;