ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ Написать работу

Список использованных источников. 1. ЗООшанс [Электронный ресурс] / Режим доступа https://en.zooshans.by Дата доступа 02.04.2020г.

↑

⇐ ПредыдущаяСтр 9 из 11Следующая ⇒

1. ЗООшанс [Электронный ресурс] / Режим доступа https://en.zooshans.by Дата доступа 02.04.2020г.

2. XAMPP [Электронный ресурс] / Режим доступа https://ru.wikipedia.org/wiki/XAMPP Дата доступа 15.04.2020г.

4. Opera [Электронный ресурс] / Режим доступа https://ru.wikipedia.org/wiki/Opera Дата доступа 15.04.2020г.

5. Классификация сайтов [Электронный ресурс] / Режим доступа https://altblog.ru/vidy_sajtov/ Дата доступа 20.04.2020г.

6. Экономическое обоснование [Электронный ресурс] / Режим доступа https://www.bestreferat.ru/referat-293502.html Дата доступа 25.04.2020г.

7 Охрана труда: учеб. пособие для студентов технологических специальностей / А. А. Челноков. –Мн.: БГТУ, 2006. – 294 с.

ПРИЛОЖЕНИЕ А

(обязательно)

Листинг web -приложений

<!DOCTYPE html>

<head>

<title>О приюте</title>

</head>

<body>

<?php

include "header.php";

<h1>

О приюте «Уютный дом»

</h1>

<h2>

Приют «Cozy Hous» встречает волонтеров разноголосым лаем. Тут же выбегают навстречу десятки собак, больших и маленьких: машут хвостами, нетерпеливо перебирают лапами, мелькают мокрые носы и внимательные глаза. Всем хочется получить свою долю ласки и тёплого прикосновения.

В приюте «Cozy Hous» собрано пока 10 душ. Десять жизней, историй, трагедий. Судьба каждого обитателя приюта — ничто, пустой звук в масштабах города, страны, мира. Но именно в этом приюте начинается новая жизнь, и каждая спасенная душа — великая ценность для волонтеров и руководителей приюта. Все истории попадания сюда можно разделить на два вида: хозяева «наигрались» с животным или переехали и отправили питомца на улицу, либо животное уже родилось на улице, от уличных родителей.

<p>Сложно представить, что переживает пес, у которого было все — и теплый коврик, и еда, и ласковая рука любимого хозяина, и вдруг все это исчезает. Да, собаки, как и люди, стареют и болеют. Им тоже нужен уход и лечение. Но лечить порой «слишком хлопотно»… Тем, кто родился на улице, легче. Домашние же абсолютно беспомощны, увы. Так или иначе, они попадают в отловку, где, как правило, их ждет так называемая «утилизация».

<br>

Поможем малышам, сделаем мир добрее...

</p>

</h2>

</div>

<h1>Наши друзья, которые ищут дом</h1>

</div>

<?php

include("conn-query.php");

$select= mysqli_query($db, "SELECT * FROM `animals`");

while ($r= mysqli_fetch_array($select)) {

echo "<div class=gallery-cell><img src=../img/". $r['photo']. ">";

echo "<h1 name=".$r['id_catalog']. ">". $r['nickname']. "</h1>";

echo "<a href=element.php type=button>Подружиться</a></div>";

}

mysqli_close($db);

</div>

<a class="more" href="head2.php" type="button">Подробнее</a>

</div>

<h1>Чем вы можете помочь нашему приюту</h1>

<figcaption>Корм для животных</figcaption>

</figure>

<figcaption>Транспорт</figcaption>

</figure>

<figcaption>Игрушки</figcaption>

</figure>

<figcaption>Миски и чашки</figcaption>

</figure>

<figcaption>Шампуни</figcaption>

</figure>

</div>

<figcaption>Витамины</figcaption>

</figure>

<figcaption>Лекарства</figcaption>

</figure>

<figcaption>Ошейники / поводки</figcaption>

</figure>

<figcaption>Спальное место</figcaption>

</figure>

</div>

<br>

<?php

include "footer.php";

</div>

const swup = new Swup();

</script>

</body>

</html>

<!DOCTYPE html>

<head>

<title>Header2</title>

<style>

@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Gabriela&display=swap');

</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Istok+Web:wght@400;700&display=swap');

</style>

</head>

<body>

<?php

include "header.php";

<h1 class="display-4">В поиске нового дома</h1>

<h2 class="lead">Дорогие наши посетитель каждому их вас нужен дом, и этим чудесным животным, с которыми поступили очень жестоко тоже нужен второй шанс и новый дом.</h2>

</div>

<?php

include("conn-query.php");

$select= mysqli_query($db, "SELECT * FROM `animals`");

while ($r= mysqli_fetch_array($select)) {

echo "<div class=card><img src=../img/". $r['photo']." > ";

echo "<div class=card-body><h5 class=card-title>". $r['nickname']. "</h5>";

echo "<input class=btn btn-warning type=button name=". $r['id_catalog']. " value=Подружиться></div></div></br>";

}

mysqli_close($db);

</div>

<br>

<h1 class="display-4">Вы можете связаться с нами заполнив форму обрятной свяязи</h1>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<br>

<button type="submit" class="btn btn-primary" name="submit" id="bsub">Отправить</button>

</form>

</div>

<br>

<?php

include "footer.php";

</body>

</html>

<!DOCTYPE html>

<head>

<title>Header2</title>

</head>

<body>

<?php

include "header.php";

<h1>Чем вы можете помочь нашему приюту</h1>

<figcaption>Корм для животных</figcaption>

</figure>

<figcaption>Транспорт</figcaption>

</figure>

<figcaption>Игрушки</figcaption>

</figure>

<figcaption>Миски и чашки</figcaption>

</figure>

<figcaption>Шампуни</figcaption>

</figure>

</div>

<figcaption>Витамины</figcaption>

</figure>

<figcaption>Лекарства</figcaption>

</figure>

<figcaption>Ошейники / поводки</figcaption>

</figure>

<figcaption>Спальное место</figcaption>

</figure>

</div>

<?php

include "footer2.php";

</div>

</body>

</html>

<!DOCTYPE html>

<head>

<title>Header</title>

</head>

<body>

<h1>Cozy House</h1>

<h2>Приют для животных в Гомеле</h2>

</div>

<ul>

<li><a href="index.php">О приюте</a></li>

<li><a href="head2.php">Наши животные</a></li>

<li><a href="help.php">Чтобы помочь пиюту</a></li>

</ul>

</div>

<h1>Дом нужен не только людям</h1>

<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras gravida

est in porttitor porttitor. Duis sodales elementum ipsum, vehicula

condimentum erat fringilla et.</h2>

</div>

</body>

</html>

<!DOCTYPE html>

<head>

<title>Footer</title>

</head>

<body>

</div>

<ul>Для вопросов и предложений

<li><img src="../img/envelope_11497%20(1).png" alt=""> <a href="#">email@shelter.com</a></li>

</ul>

</div>

<ul>Мы ждем вашего визита

<li><img src="../img/pin_11501.png" alt=""> <a href="#">г. Гомель, ул. Бочкина 25</a></li>

<li><img src="../img/pin_11501.png" alt=""> <a href="#">г. Гомель, ул. Мира 46</a></li>

</ul>

</div>

</body>

</html>

<!DOCTYPE html>

<head>

<title>Footer2</title>

</head>

<body>

<h1>Кроме того, вы можете сделать пожертвование<br>

<p>

Наименование банка / Тип банковского счета

</p>

</h1>

<img src="../img/credit_card_(1)_11473.png" alt=""> 8380 2880 8028 8791 7435

</button>

</div>

</body>

</html>

<?php

$db=new mysqli("localhost","root","","priut");

$db->query('SET NAMES UTF8');

* {

margin: 0;

padding: 0;

}

body {

background-attachment: fixed;

background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQD1kXEjfpzNyT6MDwWsTu47rTz4rX7WNHH4EVUKHCa7JDqDSl-&usqp=CAU);

zoom: 100%;

}

container {

width: 1920px;

min-width: 1920px;

height: auto;

/* background-color: #fafafa; */

background-attachment: fixed;

background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQD1kXEjfpzNyT6MDwWsTu47rTz4rX7WNHH4EVUKHCa7JDqDSl-&usqp=CAU);

margin: 0 auto;

}

#container.block-ind1 {

display: flex;

padding-top: 121px;

margin-bottom: 81px;

}

#container.block-ind1 img {

margin-left: 543px;

float: left;

width: 300px;

height: 408px;

}

#container.block-ind1.block2 {

margin-left: 400px;

}

#container.block-ind1.block2 h1 {

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

width: 340px;

}

#container.block-ind1.block2 h2 {

margin-top: 37px;

font-family: ArialMT;

font-size: 20px;

line-height: 24px;

font-weight: 400;

color: #4c4c4c;

width: 450px;

}

#container.block-ind1.block2 h2 p {

margin-top: 20px;

}

#container.block-ind2 {

margin-top: 72px;

}

#container.block-ind2 h1 {

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

text-align: center;

}

#container.block-ind2.info1 {

display: flex;

justify-content: center;

margin-top: 82px;

}

#container.block-ind2.info1 figure {

padding-right: 106px;

text-align: center;

}

#container.block-ind2.info1 figure figcaption {

list-style-type: none;

font-family: Georgia;

font-size: 25px;

letter-spacing: 0.06em;

color: #545454;

}

#container.block-ind2.info2 {

display: flex;

justify-content: center;

margin-top: 82px;

}

#container.block-ind2.info2 figure {

padding-right: 106px;

text-align: center;

}

#container.block-ind2.info2 figure figcaption {

list-style-type: none;

font-family: Georgia;

font-size: 25px;

letter-spacing: 0.06em;

color: #545454;

}

/* HEADER */

#header {

margin: 0 auto;

width: 1920px;

height: 925px;

background-image: url(../img/header.png);

}

#header.block-header1 {

width: 1920px;

height: 112px;

display: flex;

justify-content: center;

}

#header.block-header1.logo {

margin-right: 525px;

}

#header.block-header1.logo h1 {

font-family: Georgia;

font-size: 32px;

line-height: 97px;

font-weight: 400;

letter-spacing: 0.06em;

color: #f1cdb3;

}

#header.block-header1.logo h2 {

font-family: ArialMT;

font-size: 20px;

letter-spacing: 0.1em;

color: #ffffff;

position: absolute;

top: 67px;

}

#header.block-header1.nav ul {

list-style-type: none;

display: flex;

justify-content: space-around;

}

#header.block-header1.nav ul li {

margin: 34px 0 34px 34px;

}

#header.block-header1.nav ul li:hover {

border-bottom: 3px solid #f1cdb3;

border-radius: 1.5px;

box-shadow: 10px 10px 10px rgba(0, 0, 0, 50);

}

#header.block-header2 {

margin-left: 375px;

margin-top: 251px;

zoom: 105%;

}

#header.block-header1.nav ul li a {

padding: 0;

text-decoration: none;

font-family: ArialMT;

font-size: 20px;

line-height: 29px;

font-weight: 400;

color: #cdcdcd;

}

#header.block-header2 h1 {

font-family: Georgia;

font-size: 44px;

line-height: 57px;

font-weight: 400;

letter-spacing: 0.06em;

color: #ffffff;

width: 346px;

}

#header.block-header2 h2 {

font-family: ArialMT;

font-size: 20px;

line-height: 24px;

font-weight: 400;

color: #cdcdcd;

width: 443px;

margin-top: 64px;

}

#header.block-header2 input {

font-family: Georgia;

font-size: 20px;

letter-spacing: 0.06em;

color: #292929;

margin-top: 44px;

width: 205px;

height: 52px;

background-color: #f1cdb3;

border-radius: 26.0px;

}

#header.block-header2 input:hover {

cursor: pointer;

/* тень */

box-shadow: 0 10px 10px rgba(10, 10, 10, 10);

}

/* FOOTER */

#footer {

display: flex;

width: 1920px;

height: 362px;

margin: 0 auto;

background-image: url(../img/footer_1_11476.png);

/* margin-top: 84px;*/

}

#footer.block-footer1 {

margin-left: 360px;

width: 310px;

margin-top: 79px;

}

#footer.block-footer2 {

margin-left: 174px;

width: 305px;

margin-top: 79px;

}

#footer ul {

list-style-type: none;

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #ffffff;

}

#footer ul li a {

text-decoration: none;

font-family: TimesNewPSMT;

font-size: 22px;

line-height: 1.0;

font-weight: 410;

letter-spacing: 0.06em;

color: #f1cdb3;

}

/* FOOTER2 */

#footer2 {

width: 1920px;

height: 434px;

background-color: #f6f6f6;

margin: 0 auto;

margin-top: 79px;

}

#footer2 img {

margin-left: 393px;

margin-top: 86px;

}

#footer2.block-footer2 {

float: right;

margin-right: 602px;

margin-top: 71px;

}

#footer2.block-footer2 h1 {

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

width: 390px;

}

#footer2.block-footer2 h1 p {

font-family: Georgia;

font-size: 20px;

line-height: 1.2;

/* font-weight: 400;*/

letter-spacing: 0.06em;

color: #545454;

margin-top: 35px;

width: 480px;

}

#footer2.block-footer2 button {

font-family: TimesNewPSMT;

font-size: 20px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #292929;

border-color: #f1cdb3;

width: 319px;

height: 47px;

background-color: #f1cdb3;

border-radius: 50px;

margin-top: 13px;

}

#footer2.block-footer2 button:hover {

box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);

}

#footer2.block-footer2 button img {

margin: 0;

padding: 0;

vertical-align: text-top;

}

.ca {

/* padding-left: 380px; */

place-content: center;

display: flex;

/* background: #f6f6f6; */

background-attachment: fixed;

}

.card {

margin-left: 50px;

}

body {

font-family: sans-serif;

}

.gallery {

text-align: center;

width: 1550px;

margin: 0 auto;

}

.gallery-cell {

width: 270px;

height: 424px;

margin-right: 50px;

background-color: #fafafa;

border-radius: 10px;

}

.gallery-cell img {

border-radius: 10px;

}

.gallery-cell h1 {

margin-top: 20px;

margin-bottom: 20px;

font-family: Georgia;

font-size: 20px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

}

.gallery-cell a {

text-decoration: none;

font-family: Georgia;

font-size: 20px;

letter-spacing: 0.06em;

color: #292929;

width: 188px;

height: 55px;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

padding: 10px;

}

.gallery-cell a:hover {

background-color: #f1cdb3;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

}

.flickity-prev-next-button.previous {

left: -5%;

}

.flickity-prev-next-button.next {

right: -5%;

}

.title {

width: 650px;

margin: 0 auto;

}

.title h1 {

font-family: Georgia;

font-size: 35px;

line-height: 45px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

margin-bottom: 66px;

}

.details {

margin-top: 66px;

text-align: center;

}

.details.more {

text-decoration: none;

width: 267px;

height: 52px;

font-family: Georgia;

font-size: 20px;

line-height: 57px;

font-weight: 400;

letter-spacing: 0.06em;

color: #292929;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

padding: 15px;

}

.details.more:hover {

background-color: #f1cdb3;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

}

/* HEADER2 */

#header2 {

margin: 0 auto;

width: 1920px;

height: 112px;

background-color: #fafafa;

}

#header2.block-header1 {

width: 1920px;

height: 112px;

display: flex;

justify-content: center;

}

#header2.block-header1.logo {

margin-right: 525px;

}

#header2.block-header1.logo h1 {

font-family: Georgia;

font-size: 32px;

line-height: 97px;

font-weight: 400;

letter-spacing: 0.06em;

color: #545454;

}

#header2.block-header1.logo h2 {

font-family: ArialMT;

font-size: 20px;

letter-spacing: 0.1em;

color: #292929;

position: absolute;

top: 67px;

}

#header2.block-header1.nav ul {

list-style-type: none;

display: flex;

justify-content: space-around;

}

#header2.block-header1.nav ul li {

margin: 34px 0 34px 34px;

}

#header2.block-header1.nav ul li:hover {

border-bottom: 3px solid #f1cdb3;

border-radius: 1.5px;

/* box-shadow: 10px 10px 10px rgba(0, 0, 0, 50); */

}

#header2.block-header2 {

margin-left: 375px;

margin-top: 251px;

}

#header2.block-header1.nav ul li a {

padding: 0;

text-decoration: none;

font-family: ArialMT;

font-size: 20px;

line-height: 29px;

font-weight: 400;

color: #545454;

}

#container iframe {

margin: 0 auto;

}

.container {

width: 1920px;

margin-bottom: 64px;

}

.card {

border-radius: 20px;

margin-top: 1%;

width: 18rem

}

.card.card-body {

text-align: center;

}

.card.card-body a {

font-family: Georgia;

font-size: 17px;

line-height: 57px;

font-weight: 400;

letter-spacing: 0.06em;

color: #292929;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

margin: 0 auto;

}

.card.card-body a:hover {

background-color: #f1cdb3;

border: 2.0px solid #f1cdb3;

border-radius: 26.0px;

}

.card img {

border-radius: 20px 20px 0 0;

}

.lead {

font-family: 'Yeseva One', cursive;

font-size: 25px;

}

.card-title {

font-size: 25px;

/* font-family: 'Lobster', cursive;*/

font-family: 'Gabriela', serif;

text-align: center;

color: #8B4513;

}

ПРИЛОЖЕНИЕ Б

(обязательное)

Руководство программиста

Введение

Задача web-приложения «Социальный приют для бездомных животных» является ознакомить пользователей с информацией приюта и наличием животных, а также возможности взять к себе одного из них, связавшись с волонтерами приюта.

⇐ Предыдущая 2 3 4 5 6 7 8910 11 Следующая ⇒

Познавательные статьи:

Психологические особенности спортивного соревнования

Приготовление дезинфицирующих растворов различной концентрации

Занятость населения и рынок труда

Социальный статус семьи и её типология

Последнее изменение этой страницы: 2021-05-27; просмотров: 101; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.144.228.87 (0.008 с.)