Добавлен: 28.03.2023
Просмотров: 71
Скачиваний: 2
Согласно техническому заданию, сайт должен быть создан с помощью языка гипертекстовой разметки HTML, языка программирования CSS и каскадной таблицы сталей CSS. Он должен содержать актуальную информацию о деятельности компании и предоставляемых услугах и контактные данные компании.
Интерфейс сайта должен быть дружественным и понятным даже неопытному пользователю.
Дизайн должен быть управляем при помощи каскадных таблиц стилей и быть адаптивным для всех типов устройств.
Общая концепция сайта
В целом проект реализован с дружественным интерфейсом, понятным даже неопытному пользователю.
Дизайн
Сайт содержит единый дизайн на всем страницах. Интерфейс дружественный для посетителя и понятен даже неопытным пользователям. Дизайн сайта управляем каскадными стилями CSS и является адаптивным для всех типов устройств.
Набор веб–разработчика и локальный сервер
Для реализации проекта использован локальный сервер «Openserver».
Он включает в себя локальный сервер, систему управления базами данных и среду программирования PHP.
Другими словами, openserver позволяет полностью эмулировать работу сайта на локальном компьютере, что существенно упрощает разработку и реализацию проекта [4].
В результате разработки проекта было проведено знакомство и освоение разработки промо–сайта, форматирование отображаемых элементов при помощи каскадных таблиц стилей CSS, а также при помощи языка программирования PHP.
Особую помощь проекту оказала CSS–библиотека BOOTSTRAP, которая отвечает за адаптивный дизайн сайта.
В целом, проект успешно реализован и полностью работоспособен.
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
1. Ipipe.ru Установка OpenServer. [Электронный ресурс] // iPipe.ru. - https://www.ipipe.ru/info/ustanovka-openserver.html
2. HTML5BOOK.RU Адаптивная верстка сайта [Электронный ресурс] // HTML5BOOK.RU. - https://html5book.ru/adaptivnaya-vyorstka-sayta.
3. WebReference Уроки по HTML и CSS [Электронный ресурс] // WebReference. - https://webref.ru/layout/learn-html-css.
4. Open Server — профессиональный инструмент веб-разработчика под Windows [Электронный ресурс] // Википедия. - https://habr.com/ru/post/137388
5. PHP, SQL [Электронный ресурс] / блог. - Россия, 2010.: http://phpsql.ru/.
6. PHPForum [Электронный ресурс] /форум.- Россия, 2003. - Режим доступа: http://phpforum.ru. - Дата доступа: 09.02.2012.
7. Богданов, М.Р. Перспективные языки веб-разработки / М.Р. Богданов. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016
8. Википедия Bootstrap_(Фреймворк) [Электронный ресурс] https://ru.wikipedia.org/wiki/Bootstrap_(Фреймворк)
9. Гущин А.Н. Базы данных: учебник. - М.: Директ-Медиа, 2014. - 266с
10. Мазуркевич, А. PHP: настольная книга программиста / А. Мазуркевич. - М.: Новое знание, 2003. - 480 с.
11. Макфарланд Д. Большая книга CSS. 3-е изд. [Текст]. - СПб : Питер, 2014. - 608 стр.
12. Мейер, Б. Инструменты, алгоритмы и структуры данных / Б. Мейер. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016.
13. Никсон, Р. Создаем динамические web-сайты с помощью PHP, MySQL и JavaScript / Р. Никсон. - П.: Питер, 2011. - 496 с.
14. Парк, Д. PHP и MySQL. Библия программиста / Д. Парк, С. Суэринг. - Диалектика, 2010. - 912 с.
15. Прохоренок, Н. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / Н. Прохоренок. - СПб.: БХВ - Петербург., 2010. - 900 с.
16. Савельева, Н.В. Язык программирования PHP / Н.В. Савельева. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016
17. Томсон, Л. Разработка Web-приложений на РНР и MySQL/ Л. Томсон. - М.: ДиаСофтЮП, 2003. - 672 с.
18. Филиппов, С.А. Основы современного веб-программирования [Электронный ресурс].— М. : НИЯУ МИФИ, 2011 .— 160 с.
19. Фримен Эрик и Робсон Элизабет Изучаем HTML, XHTML [Текст]. - СПб : Питер, 2014. – 720 стр.
20. Харрис, Э. PHP/MySQL для начинающих / Э. Харрис. - М.: Кудиц - образ, 2005.
Приложение А
Order.php.
<!doctype html>
<html lang="ru">
<head>
<title>Заказ цветов</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="about.html">О нас</a></li>
<li><a class="active" href="products.php">Каталог цветов</a></li>
<li><a href="partners.html">Наши партнеры</a></li>
<li><a href="contacts.html">Контакты</a></li>
</ul>
<div class="row">
<div class="card">
<form method="post" action="order_confirm.php?idproduct=<?php echo $_GET["idproduct"]?>"> // Создаю форму заказа товара
<?php
/*** Создаю три переменные в которых указываю данне для соединения с базой данных ***/
/*** mysql название хост узда ***/
$hostname = 'localhost';
/*** mysql имя пользователя ***/
$username = 'root';
/*** mysql пароль ***/
$password = '';
// Открываю контейнер обработчика ошибок
try {
$con = mysqli_connect($hostname,$username,$password,"db_flowers"); // Пытаюсь подключиться к базе данных
mysqli_query($con, 'SET CHARSET UTF8'); // Определяю кодировку
}
catch(PDOException $e) {
echo $e->getMessage(); // В случае ошибки вывожу сообщение
}
// Проверяю соединение
if (mysqli_connect_errno()){
echo "Ошибка при соединении с MySQL: " . mysqli_connect_error();
}
// Создаю функцию для вывода товара на экран передавая в параметр объект с установленным подключением к БД
function print_product ($con) {
// Отправляю запрос к БП на получение информации о товаре
$result = mysqli_query($con, "SELECT title, description, price, image, idproduct FROM products WHERE idproduct='".$_GET["idproduct"]."'");
// Привожу полученый результат в массив
$row = mysqli_fetch_row($result);
// Вывожу на экран
echo '
<div class="column"> <!— Создаю контейнер для товара —>
<img src="data:image/jpeg;base64,' . base64_encode($row[3]) . '" style="max-width:250px; width: 100%"/> <!— Вывожу картинку —>
<p class="price">' . $row[2] . ' руб.</p> <!— Создаю абзац с ценой —>
</div>
<div class="column" style="width: 66.66%">
<h1>' . $row[0] . '</h1> <!— ЗАголовок с название товара —>
<br> <!— Перенос на новую строку —>
<br>
<p style="margin: auto">' . $row[1] . '</p> <!— Создаю абзац с описание товара—>
<br>
<br>
Количество:
<br>
<br>
<!— Создаю числовую форму в которой пользователь указывает количество товара. Функция "calcFinalSum" принимает в параметр цену товара, получает его количество и умножает—>
<input style="width: 80px" type="number" min="1" step="1" id="amount" name="amount" value="1" oninput="calcFinalSum(' . $row[2] . ')">
<p id="final_sum">Сумма заказа:' . $row[2] . ' руб.</p> <!— Создаю абзац с конечной суммой—>
</div>
';
}
print_product($con); // Вызываю вышеописаную функцию и Отправляю формы POST Запросом
?>
<input class="my_button" type="submit" value="Заказать">
</form>
</div>
</div>
</body>
</html>
Order_confirm
<!doctype html>
<html lang="ru">
<head>
<title>Заказ цветов</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="about.html">О нас</a></li>
<li><a class="active" href="products.php">Каталог цветов</a></li>
<li><a href="partners.html">Наши партнеры</a></li>
<li><a href="contacts.html">Контакты</a></li>
</ul>
<div class="card">
<?php
/*** mysql название хост узда ***/
$hostname = 'localhost';
/*** mysql имя пользователя ***/
$username = 'root';
/*** mysql пароль ***/
$password = '';
// Открываю контейнер обработчика ошибок
try {
$con = mysqli_connect($hostname,$username,$password,"db_flowers"); // Пытаюсь подключиться к базе данных
mysqli_query($con, 'SET CHARSET UTF8'); // Определяю кодировку
}
catch(PDOException $e) {
echo $e->getMessage(); // В случае ошибки вывожу сообщение
}
// Проверяю соединение
if (mysqli_connect_errno()){
echo "Ошибка при соединении с MySQL: " . mysqli_connect_error();
}
//получаем цену товара по его id
$result = mysqli_query($con, "SELECT price FROM products WHERE idproduct='".$_GET["idproduct"]."'");