Файл: Разработка сайта для дошкольного учреждения «Солнышко».pdf
Добавлен: 28.03.2023
Просмотров: 58
Скачиваний: 2
<a href="feedback.php">Обратная связь</a> |
<a href="contacts.php">Контакты</a>
</p>
<p>Михайлюк Дмитрий ДБИ-301</p>
</div>
</div>
Index:
<div class="site_content">
<div class="sidebar_container">
<div class="sidebar">
<h2>Вход</h2>
<form method="post" action="index.php" id="login">
<input type="text" name="login_field" placeholder="Логин" required/>
<input type="password" name="password_field" placeholder="Пароль" required/>
<input type="submit" name="l_submit" class="btn" value="Вход"/>
<div class="lables_passreg_text">
<span><a href="registration.php">Регистрация</a></span>
</div>
</form>
</div>
</div>
<div class="content">
<div class="main_block">
<h1>Фотографии</h1>
<a href=""><img class="left_img" src="image/img1.png"></a>
<a href=""><img src="image/img2.png"></a>
<a href=""><img src="image/img3.png"></a>
<a href=""><img src="image/img4.png"></a>
</div>
<div class="main_block">
<h1>Наши воспитатели</h1>
<a href=""><img class="left_img" src="image/Svetlana.png"></a>
<a href=""><img src="image/Irina.png"></a>
<a href=""><img src="image/Tatjana.png"></a>
<a href=""><img src="image/Julia.png"></a>
</div>
News:
<div class="site_content">
<div class="sidebar_container">
<div class="sidebar">
<h2>Вход</h2>
<form method="post" action="index.php" id="login">
<input type="text" name="login_field" placeholder="Логин"/>
<input type="password" name="password_field" placeholder="Пароль"/>
<input type="submit" name="l_submit" class="btn" value="Вход"/>
<div class="lables_passreg_text">
<span><a href="registration.php">Регистрация</a></span>
</div>
</form>
</div>
</div>
<div class="content">
<div class="news">
<p class="news_header"><b>Уважаемые родители детей в возрасте до 7 лет!</b></p>
<p>Предлагаем Вашему вниманию порядок поступления детей в государственные образовательные учреждения Москвы, реализующие основную общеобразовательную программу дошкольного образования (в дальнейшем – ДОУ).</p>
<p>В ДОУ Ярославского района принимаются дети <b>в возрасте от 1 год 6 мес до 7 лет на 01 сентября года поступления.</b> Обращаем Ваше внимание, что групп для детей в возрасте до 1 г 6 мес в ДОУ Кировского района нет, поэтому прием детей, не достигших на 01 сентября этого возраста, не производится.</p>
<p>Учет детей, нуждающихся в услугах ДОУ (внесение в Книгу учета будущих воспитанников ДОУ) и выдачу направлений в ДОУ осуществляет <b>районная комиссия по комплектованию ДОУ</b> (далее – Комиссия). Заведующие ДОУ и иные должностные лица правом выдачи направлений в ДОУ не обладают.</p>
<p><b>Комиссия работает по адресу:</b></p>
<p>Улица Вешних Вод, дом 3 (здание информационно-методического центра Ярославского района)</p>
<p>Часы работы Комиссии:</p>
<p>— вторник с 14 до 18 часов</p>
<p>— четверг с 10 до 13 часов</p>
</div>
</div>
About:
<div class="site_content">
<div class="sidebar_container">
<div class="sidebar">
<h2>Вход</h2>
<form method="post" action="index.php" id="login">
<input type="text" name="login_field" placeholder="Логин"/>
<input type="password" name="password_field" placeholder="Пароль"/>
<input type="submit" name="l_submit" class="btn" value="Вход"/>
<div class="lables_passreg_text">
<span><a href="registration.php">Регистрация</a></span>
</div>
</form>
</div>
</div>
<div class="content">
<div class="main_block">
<p><b>Полное название образовательного учреждения.</b></p>
<p>Государственное бюджетное дошкольное образовательное учреждение детский сад "Солнышко" комбинированного вида Ярославского района города Москвы</p>
<p><b>Режим работы:</b></p>
<p>С 7.00 ч. до 19.00 ч.</p>
<p>Выходные дни суббота - воскресенье и утвержденные</p>
<p>Государственные праздничные дни.</p>
<p><b>Сеть групп ДОУ.</b></p>
<p>Всего – 11 групп.</p>
<p>2 группы раннего возраста,<br>
из которых:</p>
<p>1 группа. — с 1г.6м. до 2 лет</p>
<p>1 группа с 2 лет до 3 лет</p>
<p>9 групп дошкольного возраста с 4 до 8 лет</p>
</div>
</div>
Feedback:
<div class="site_content">
<div class="sidebar_container">
<div class="sidebar">
<h2>Вход</h2>
<form method="post" action="index.php" id="login">
<input type="text" name="login_field" placeholder="Логин"/>
<input type="password" name="password_field" placeholder="Пароль"/>
<input type="submit" name="l_submit" class="btn" value="Вход"/>
<div class="lables_passreg_text">
<span><a href="registration.php">Регистрация</a></span>
</div>
</form>
</div>
</div>
<div class="content">
<div class="main_block">
<h2>Дополнительная информация.</h2>
<p><b>Телефоны: </b>+7 (812) 494 44 22; +7 (812) 757 10 44</p>
<p><b>E-mail: </b>yardou@mail.ru</p>
<p><b>Почтовый индекс: </b>129338</p>
<div class="send">
<h2>Отзывы о нас.</h2>
<form method="post" action="#" id="review">
<textarea name="review_text"></textarea>
<input class="btn" type="submit" value="Отправить">
</form>
</div>
</div>
Contacts:
<div class="site_content">
<div class="sidebar_container">
<div class="sidebar">
<h2>Вход</h2>
<form method="post" action="index.php" id="login">
<input type="text" name="login_field" placeholder="Логин"/>
<input type="password" name="password_field" placeholder="Пароль"/>
<input type="submit" name="l_submit" class="btn" value="Вход"/>
<div class="lables_passreg_text">
<span><a href="registration.php">Регистрация</a></span>
</div>
</form>
</div>
</div>
<div class="content">
<div class="main_block">
<p><b>Адрес: </b>129338, г. Москва, ул. Вешних Вод 2, корпус 2</p>
<p><b>Режим работы: </b>с понедельника по пятницу - 7:00 - 19:00</p>
<p><b>Выходные дни: </b>суббота, воскресенье и выходные праздничные дни</p>
<p><b>Тел.: </b>+7 (812) 494 44 22<br>
<b>Тел./факс: </b>+7 (812) 757 10 44</p>
<p><b>Эл. почта: </b>yardou@mail.ru</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d279.911629513684!2d37.69859272966113!3d55.85758207940949!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b536a88ae852fb%3A0x9ce61f56c45f5de2!2z0JLQtdGI0L3QuNGFINCS0L7QtCDRg9C7LiwgMiwg0JzQvtGB0LrQstCwLCAxMjkzMzg!5e0!3m2!1sru!2sru!4v1584905518355!5m2!1sru!2sru" width="500" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
Registration:
<div class="content">
<div class="main_block_r">
<h1>Регистрация</h1>
<form method="post" action="registration.php" id="rergistration_form">
<input type="text" name="reg_login" placeholder="Логин"/ required/>
<input type="password" name="reg_password" placeholder="Пароль" required/>
<input type="submit" name="reg_submit" class="btn" value="Регистрация"/>
</form>
</div>
</div>
Код CSS.
* {
margin: 0;
padding: 0;
}
body {
font-size: 1.2em;
background-image: url(../image/wall.png);
background-color: #fff;
background-size: 100%;
background-attachment: fixed;
}
iframe {
margin: 0 0 20px 50px;
}
p {
padding: 0 0 20px 0;
line-height: 1.7em;
cursor: default;
}
b {
color: yellow;
}
h1, h2 {
color: #FFFFFF;
font : normal 170% 'century gothic', arial;
margin: 0 0 15px 0;
padding: 15px 0 5px 0;
}
h2 {
font-size: 140%;
}
a, a:hover {
outline: none;
text-decoration: underline;
color: #aeb002;
}
ul {
margin: 2px 0 22px 17px;
}
ul li {
margin: 0 0 6px 0;
padding: 0 0 4px 5px;
line-height: 1.5em;
}
input[type="text"], input[type="password"], input[type="search"] {
color: #5d5d5d;
width: 60%;
padding: 8px;
border-radius: 5px;
}
input[type="password"] {
margin-top: 10px;
}
input[type="submit"] {
border-radius: 5px;
}
input {
outline: none;
border: solid 1px #f2f2f2;
}
textarea {
width:550px;
height: 200px;
margin-left: 30px;
border-radius: 5px;
}
.header {
background-color: rgba(0, 120, 201, 0.7);
height: 177px;
font-size: 0.8em;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
}
.main, .logo, .menubar, .site_content, .footer {
margin-left: auto;
margin-right: auto;
}
.logo {
width: 880px;
padding-bottom: 40px;
}
.logo h1, .logo h2 {
font: normal 300% 'century gothic', arial, sans-serif;
margin: 0 0 0 9px;
}
.logo_text h1 {
padding: 22px 0 0 0;
color: yellow;
letter-spacing: 0.1em;
text-decoration: none;
cursor: default;
}
.logo_text h2 {
font-size: 0.9em;
padding: 4px 0 0 0;
color: yellow;
cursor: default;
}
.menubar {
width: 900px;
height: 46px;
margin-left: 250px;
}
ul.menu {
float: right;
}
ul.menu li {
float: left;
padding: 0 0 0 19px;
list-style: none;
margin: 1px 2px 0 0;
}
ul.menu li a {
font: normal 100% 'trebuchet ms', sans-serif;
display: block;
height: 20px;
padding: 6px 35px 5px 28px;
color: #fff;
text-decoration: none;
}
ul.menu li.selected a {
color: yellow;
}
ul.menu li a:hover {
color: yellow;
}
.site_content {
width: 1200px;
overflow: hidden;
margin: 20px auto 0 auto;
background-color: none;
}
.sidebar_container {
float: right;
width: 224px;
}
.sidebar {
float: right;
width: 222px;
padding: 5%;
margin: 0 0 16px 0;
border: solid 1px #f2f2f2;
border-radius: 5px;
background-color: rgba(0, 120, 201, 0.7);
}
.btn {
padding: 8px;
background-color: white;
cursor: pointer;
}
.sidebar h2 {
color: yellow;
cursor: default;
}
.lables_passreg_text {
font-size: 0.7em;
margin-top: 3%;
margin-left: 2%;
color: white;
}
.lables_passreg_text a {
text-decoration: underline;
color: yellow;
}
.sidebar {
float: right;
}
.content {
text-align: left;
width: 620px;
padding: 0 0 0 50px;
float: left;
}
.content h1 {
color: yellow;
padding-left: 13px;
cursor: default;
}
.content a {
text-decoration: none;
}
.content p {
padding-left: 30px;
line-height: 1.3em;
padding-right: 30px;
padding-top: 10px;
color: white;
}
.content input[type="text"], .content input[type="password"], .content input[type="submit"] {
margin: 0 0 10px 10px;
}
.news {
margin-bottom: 5%;
background-color: rgba(0, 120, 201, 0.7);
border: solid 1px #f2f2f2;
border-radius: 5px;
}
.main_block {
margin-bottom: 5%;
background-color: rgba(0, 120, 201, 0.7);
border: solid 1px #f2f2f2;
border-radius: 5px;
}
.main_block img {
border-radius: 5px;
border: solid 4px #dad7d5;
width: 22%;
margin-bottom: 5px;
}
.main_block img.left_img {
margin-left: 13px
}
.main_block h2 {
color: yellow;
cursor: default;
margin-left: 30px;
}
.send {
margin-bottom: 70px;
}
.send input[type="submit"] {
float: right;
margin: 10px 20px 0 0;
}
.send h2 {
color: yellow;
margin: 0 0 5px 30px;
}
.main_block_r {
background-color: rgba(0, 120, 201, 0.7);
border: solid 1px #f2f2f2;
border-radius: 5px;
}
.php_err {
margin: 0 0 -17px 10px;
color: white;
}
.php_err b {
color: yellow;
}
.php_log {
color: yellow;
}
.footer {
position: absolute;
width: 100%;
height: 100px;
padding: 28px 0 5px 0;
text-align: center;
background-color: rgba(0, 120, 201, 0.7);
color: yellow;
margin: 0px;
min-width: 900px;
}
.footer a {
color: #fff;
text-decoration: none;
}
.footer a:hover {
color: yellow;
text-decoration: none;
}
.footer p {
padding: 0 0 10px 0px;
}
.footer_reg {
position: fixed;
bottom: 0;
width: 100%;
height: 100px;
padding: 28px 0 5px 0;
text-align: center;
background-color: rgba(0, 120, 201, 0.7);
color: yellow;
margin: 0px;
min-width: 900px;
}
.footer_reg a {
color: #fff;
text-decoration: none;
}
.footer_reg a:hover {
color: yellow;
text-decoration: none;
}
.footer_reg p {
padding: 0 0 10px 0px;
}
Код PHP.
Код для регистрации:
<?php
$link=mysqli_connect("localhost", "root", "", "solnishko");
if(isset($_POST['reg_submit']))
{
$err = [];
if(!preg_match("/^[a-zA-Z0-9]+$/",$_POST['reg_login']))
{
$err[] = "<div class='php_err'>Логин может состоять только из букв английского алфавита и цифр.</div>";
}
if(strlen($_POST['reg_login']) < 3 or strlen($_POST['reg_login']) > 30)