Разработка сайта свадебного салона
Особенности веб-проектирования страниц сайта. Разработка структуры сайта свадебного салона. Выбор дизайна. Инфологическое проектирование базы данных. Принципы регистрации и авторизации пользователей. Особенности и способы оформления заказа клиентов.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | контрольная работа |
Язык | русский |
Дата добавления | 30.07.2017 |
Размер файла | 466,5 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Введение
Мы живем в эпоху перемен. Она совершенно меняет способы создания, публикации, сбора и использования информации. Это отражается на характере профессиональной, познавательной, развлекательной и других сфер деятельности людей. И в центре этих изменений находится Интернет.
Сегодня каждый знает, что такое интернет и веб-страница; эти понятия стали частью повседневной жизни. О них говорят, о них думают, учреждения включают адреса своих узлов интернета в рекламные проспекты. Электронные адреса показывают по телевизору, называют в радиопередачах. Поэтому и тема создания веб - страниц интересует многих.
Интернет предоставляет беспрецедентные возможности повышения продуктивности работы, продажи товаров и услуг на новых быстро расширяющихся рынках, а также реализует недорогой способ глобальных коммуникаций, как внутри любой организации, так и вне ее. Технологии Интернет осваивают малые и большие предприятия, коммерческие фирмы, банки, правительственные организации, учреждения образования, науки, культуры, здравоохранения и других сфер человеческой деятельности. Осваивают их и многочисленные отдельные пользователи, а также просто граждане, открывающие для себя впечатляющие возможности коллективной работы и глобального доступа к информации.
Основная цель курсовой работы: разработать сайт свадебного салона.
Исходя из цели, нужно решить основные задачи:
· Разработать структуру сайта.
· Разработать дизайн сайта.
· Разработать способ регистрации и авторизации пользователей.
· Разработать способ оформления заказа.
Создания сайта по данной теме является актуальным, во-первых, это реклама салона, во-вторых, привлечение новых покупателей и партнёров, в-третьих, существенное расширение бизнеса. Всё это ведёт к увеличению прибыли.
Также сайт является сверхэффективным инструментом в конкурентной борьбе.
1. Предметная область
Не все пары могут осилить марафонский забег под названием «найти все для свадьбы». Поэтому многие пары предпочитают искать нужную информацию в интернете, прежде чем идти по свадебным салонам. Поэтому сайт для свадебного салона должен быть удобным, приятным в дизайне и содержать большое количество информации: от каталога платьев и аксессуаров до описания товара и прайс-листа.
Ни одно другое средство массовой информации не может похвастаться таким объемом и оперативностью передаваемой информации. С помощью интернет-сайта можно мгновенно известить миллионы пользователей о новых продуктах, услугах и событиях. С учетом практически неограниченного охвата аудитории и невысокой стоимостью (по сравнению с печатной и тем более телевизионной рекламой) получаем мощное и эффективное средство распространения информации о компании.
Одна из целей компании «МиЛеди» - осуществление удаленной демонстрации товара, ведь это влечет за собой увеличение продаж.
2. Структура сайта
Рис.1 Структура сайта
Можно увидеть, что всё начинается с регистрации и авторизации. Дальше пользователь попадает на главную страницу, где имеет выбор раздела сайта.
Всего их 3:
1. О салоне.
2. Свадебные платья
3. Вечерние платья
В каждом разделе пользователь так же имеет возможность перейти на другой раздел, что делает более лёгким перемещение по сайту.
3. Тип макета страниц, вёрстка
При создании сайта использовался фиксированный тип макета.
Макет сайта с фиксированной шириной (или фиксированный макет) характеризуется тем, что основная область для содержания имеет неизменное значение ширины, не зависящее от разрешения экрана браузера пользователя. Т.е. нет разницы, какое разрешение имеет конкретный пользователь, все увидят одну и ту же картинку.
Так как сайта несложный дизайн страниц, я не размещаю большое количество информации и мне нужно создать альбомы с фотографиями я выбрала табличную вёрстку, которая проста в применении.
Рис. 2 Общий тип макета страниц
Рис. 3 Общий тип макета страниц
Пример кода
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"
"http//www/w3.org/TR/REC-html4/loos.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251">
<title> МиЛеди </title>
</head>
<body text="#FFFFFF" background="фон1.jpg" >
<TABLE cellspacing="10" cellpadding="10" width="100%" height="650" >
<TR>
<TD height="50"><a href="осалоне.html"><img src="1.png" ></TD>
<TD height="50"><a href="свад.html"><img src="3.png" ></TD>
<TD height="50"><a href="вечерние.html"><img src="4.png" ></TD>
</TR>
<TR >
<TD><a href="p1.html"><img src="п1.png"></a></TD>
<TD ><a href="p2.html"><img src="п2.png"></a></TD>
<TD ><a href="p3.html"><img src="п3.jpg"></a></TD>
</TR>
<TR>
<TD><a href="p4.html"><img src="п4.png"></a></TD>
<TD><a href="p5.html"><img src="п5.jpg"></a></TD>
<TD ><a href="p6.html"><img src="п6.png"></a></TD>
</TR>
</TABLE>
</body>
</html>
Рис. 4 Внешний вид главной страницы
Пример кода
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"
"http//www/w3.org/TR/REC-html4/loos.dtd">
<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251">
<title>МиЛеди </title>
</head>
<body onload="startTime()" text="#FFFFFF" bgcolor="000000">
<div id="txt"></div>
<TABLE cellspacing="0" cellpadding="0" width="100%" height="650" >
<TR>
<TD ROWSPAN=2 width="55%" ><img src="картинка.png" ></TD>
<TD height="200"><img src="название.png" >
<form method="POST" action="7.php" >
<TABLE cellspacing="0" cellpadding="0" >
<TR><TD>
<br >Введите логин</br>
<input name="log" size="25" /><br/>
<br>Введите пароль</br>
<input name="password" size="25" type="password"/><br/>
<h4><a href="reg.html">Зарегестрироваться<h4>
<input type="submit"
value="Войти"><br/>
</form>
</TD>
</TR>
</TABLE>
</body>
</html>
4. Инфологическое проектирование базы данных
сайт база данных
Цель инфологического проектирования - обеспечение наиболее естественных для человека способов сбора и представлений той информации, которую предполагается хранить в созданной БД. Поэтому инфологическую модель пытаются строить по аналогии с естественным языком. Основными конструктивными элементами инфологических моделей является сущность, связи между ними и их свойства.
В соответствии с описание предметной области были получены следующие сущности:
- «Клиенты» - хранится информация о клиентах, их логин и пароль.
- «Платья» - хранится информация о платьях.
- «Заказы» - хранится информация о заказанных платьях.
Диаграмма «сущность - связь» - Графическое представление о сущностях, связях.
Рис. 5 ER - диаграмма
Нормализация отношений
Первая нормальная форма
Переменная отношения находится в первой нормальной форме тогда и только тогда, когда в любом допустимом значении отношения каждый его кортеж содержит только одно значение для каждого из атрибутов.
· Рассмотрим отношение «Клиенты». Здесь каждый домен является простым.
· Рассмотрим отношение «Платья». Здесь все домены атомарны.
· Рассмотрим отношение «Заказы». Составных полей нет.
Вторая нормальная форма
Переменная отношения находится во второй нормальной форме тогда и только тогда, когда она находится в первой нормальной форме и каждый неключевой атрибут неприводимо зависит от ее потенциального ключа.
· Рассмотрим отношение «Клиенты». Здесь ключевое поле единственно.
· Рассмотрим отношение «Платья». Здесь ключевое поле единственно.
· Рассмотрим отношение «Заказы». Здесь ключевое поле единственно.
Третья нормальная форма
Отношение находится в третьей нормальной форме, если оно находится во второй нормальной форме, и каждый неключевой элемент нетранзитивно зависит от первичного ключа.
· Рассмотрим отношение «Клиенты». Транзитивность отсутствует.
· Рассмотрим отношение «Платья». Транзитивность отсутствует.
· Рассмотрим отношение «Заказы». Транзитивность отсутствует.
Итак, база данных удовлетворяет трём нормальным формам.
5. Регистрация
Это то, с чем мы сталкиваемся при посещении нашего сайта. Если пользователь уже зарегистрирован, он должен пройти авторизация, иначе зарегистрироваться.
Рис. 6 Форма регистрации
Код формы регистрации:
<form method="POST" action="reg1.php" >
<TABLE cellspacing="0" cellpadding="0" >
<TR><TD>
<br >Введите фамилию</br>
<input name="fam" size="25" /><br/>
<br >Введите имя</br>
<input name="name" size="25" /><br/>
<br >Введите логин</br>
<input name="log" size="25" /><br/>
<br>Введите пароль</br>
<input name="password" size="25" type="password"/><br/>
<br></br>
<input type="submit"
value="Зарегистрироваться"><br/>
</form>
PHP-запрос:
<?php
if ($_POST) //Условие будет выполнено, если произведен POST-запрос к скрипту.
{
$fam = $_POST['fam'];
$name = $_POST['name'];
$log = $_POST['log'];
$password = $_POST['password'];
$error = 0;//Создаем переменную, контролирующую ошибки регистрации.
if (empty($fam))
{
$error = 1;
die( "<p><font color='red'>Вы не заполнили поле Фамилия пользователя!</font></p>"); exit;
}
else {
if (!preg_match("/^[a-z]{2,20}$/i",$fam))
{
$error = true;
die("<p><font color='red'>Убедитесь, что Фамилия содержит от 2 до 20 символов,не содержит цифр и русских букв</font></p>");exit;
}
}
$error1 = 0;//Создаем переменную, контролирующую ошибки регистрации.
if (empty($name))
{
$error1 = 1;
die( "<p><font color='red'>Вы не заполнили поле Имя пользователя!</font></p>");exit;
}
else {
if (!preg_match("/^[a-z]{2,20}$/i",$name))
{
$error1 = true;
die( "<p><font color='red'>Убедитесь, что Имя содержит от 2 до 20 символов, не содержит цифр и русских букв</font></p>");exit;
}
}
$error4 = 0;//Создаем переменную, контролирующую ошибки регистрации.
if (empty($log ))
{
$error4 = 1;
die( "<p><font color='red'>Вы не заполнили поле Логин пользователя!</font></p>");exit;
}
else {
if (!preg_match("/^[0-9a-z]{6,20}$/i",$log))
{
$error4 = true;
die( "<p><font color='red'>Убедитесь, что Логин содержит от 6 до 20 символов и не содержит русских букв </font></p>");exit;
}
}
if (empty($password ))
{
$error5 = 1;
die( "<p><font color='red'>Вы не заполнили поле Пароль пользователя!</font></p>");exit;
}
else {
if (!preg_match("/^[0-9a-z]{6,20}$/i",$password))
{
$error5 = true;
die( "<p><font color='red'>Убедитесь, что Пароль содержит от 6 до 20 символов и не содержит русских букв </font></p>");exit;
}
}
$link = mysql_connect("localhost", "root","");
if ( !$link ) die ("Невозможно подключение к MySQL");
mysql_select_db ( 'Salon' ) or die ("Невозможно открыть ");
$que = "INSERT INTO klient VALUES ('$fam','$name','$log','$password');";
$result = mysql_query ( $que );
if ($result) echo "Регистрация прошла успешно";
echo "<br>
<a href='главная1.html'>Нажмите для продолжения</a>";
mysql_close ( $link );
}
?>
Авторизация
Авторизация - это процесс проверки данных с уже существующими в базе данных.
Рис.7 Форма авторизации
Код формы:
<form method="POST" action="7.php" >
<TABLE cellspacing="0" cellpadding="0" >
<TR><TD>
<br >Введите логин</br>
<input name="log" size="25" /><br/>
<br>Введите пароль</br>
<input name="password" size="25" type="password"/><br/>
<h4><a href="reg.html">Зарегистрироваться<h4>
<input type="submit"
value="Войти"><br/>
</form>
PHP - запрос:
<?php
session_start();
$t=mysql_connect("localhost", "root","") or die(mysql_error());
mysql_select_db('Salon');
if (isset($_POST['log']) && isset($_POST['password']))
{
$log=mysql_real_escape_string($_POST['log']);
$pass=mysql_real_escape_string($_POST['password']);
$query="SELECT `log`
FROM `klient`
WHERE `log`='$log' AND `password`='$pass'
LIMIT 1;";
$sql=mysql_query($query) ;
if($row=mysql_fetch_assoc($sql))
{
$_SESSION['s_login']=$row['log'];
echo('Welcom, '.$_SESSION['s_login']);
echo "<br>
<a href='главная.html'>Нажмите для продолжения</a>";
}
else{die("Uncorrect Login or Password");}
unset($_SESSION['s_login']);
}
?>
Заключение
В данной курсовой работе был разработан и создан web - сайт “Свадебный салон”.
Были решены основные задачи, достигнута основная цель. В ходе работы я поняла, что нужно всё делать по этапам. Более рационально сначала продумать и создать структуру сайта, а после выбирать дизайн. Мне было очень интересно создавать свой сайт, что-то именно свое, где никто не давал мне прямых указаний, давал волю фантазии.
Благодаря этой работе я укрепила свои знания, научилась редактировать текст, улучшила практические навыки работы в графических редакторах, усовершенствовала знания кода HTML,PHP и Java Script.
Я создала удобную навигацию, чтобы посетители могли без затруднения перемещаться по сайту. Так же на сайте присутствует регистрация и авторизация, что есть у большинства современных сайтов.
Пользователь легко может заказать понравившееся ему платье.
В своем сайте я постаралась максимально приблизить дизайн к магазинам люкс - уровня . Психология цвета, а соответственно, оптимизация цветового представления товара - одна из серьезных проблем, возникающих при разработке, сайта. Основным цветом своего сайта (в качестве фона) я выбрала черный цвет. Это цвет символизирует элегантность.
Список используемой литературы
1. Н. Комолова. HTML, XHTML и CSS/ Н. Комолова ,Е. Яковлева: Питер, 2012
2. Кирсанов Д. Веб-дизайн. / Дмитрия Кирсанова. - СПб: Символ-Плюс, 1999 -- 376 с.
3. Анатолий Хомоненко .Microsoft Micrososft Access (Быстрый Старт) // Анатолий Хомоненко , Владимир Гридин
4. Лекционный курс // Матвеева К.В. 2012-2013гг.
Приложения
Пользователь имеет возможность заказать понравившееся ему платье, просто заполнив форму заказа.
Рис.8 Выбор платья
Рис.9 Форма заказа платья
Код формы:
<form method="POST" action="d.php" align="center">
<TABLE cellspacing="0" cellpadding="0" width="100%" height="650" >
<TR><TD>
<br >Все поля обязательны для заполнения</br>
<br ></br>
<br >Введите фамилию</br>
<input name="fam" size="25" /><br/>
<br>Введите имя</br>
<input name="name" size="25" /><br/>
<br>Введите артикул</br>
<input name="art" size="25" /><br/>
<br>Введите дату(гггг-мм-дд)</br>
<input name="data" size="25" /><br/>
<br>Введите телефон</br>
<input name="phone" size="25" /><br/>
<br><br/>
<input type="submit"
value="Заказать"><br/>
</form></TD></TR>
</TABLE>
PHP - запрос:
<?php
$fam = $_POST['fam'];
$name = $_POST['name'];
$art =$_POST['art'];
$data =$_POST['data'];
$phone =$_POST['phone'];
if (!$fam || !$name || !$art || !$data || !$phone)
die ("Не все данные введены.<br>
Пожалуйста, вернитесь назад и закончите ввод");
$link = mysql_connect("localhost", "root","");
if ( !$link ) die ("Невозможно подключение к MySQL");
mysql_select_db ( 'Salon' ) or die ("Невозможно открыть ");
$que = "INSERT INTO zakaz VALUES ('$fam','$name','$art','$data','$phone');";
$result = mysql_query ( $que );
if ($result) echo "Заказ принят.Мы перезвоним Вам в течении 4 дней." ;
mysql_close ( $link );
?>
Также на одной из страниц размещено видео и имеется возможность управления с помощью консоли проигрывания.
Рис. 10 Видео на странице
Код размещения видео:
<p style="text-indent:550px">
<video width="550" controls="controls">
<source src="видео.mp4" type="video/mp4" />
<source src="видео.ogg" type="video/ogg" />
</video>
</p>
Размещено на Allbest.ru
...Подобные документы
Структура сайта, выполненного при помощи HTML-кода и CSS-таблиц. Создание базы данных. Описание главной страницы. Форма для оформления заказа. Скрипт, выводящий дату и день недели. Проектирование CSS-документа (файла) для оформления страниц сайта.
курсовая работа [570,7 K], добавлен 30.12.2013Теоретические исследования алгоритма создания веб-сайта студии звукозаписи для увеличения количества потенциальных клиентов на платформе php и mysql. Выбор инструментальных средств, разработка структуры базы данных, технология проектирования веб-сайта.
курсовая работа [5,4 M], добавлен 25.01.2013Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.
курсовая работа [346,7 K], добавлен 18.09.2016Разработка сайта с использованием современных программных средств. Разработка дизайна оформления, делающего сайт комфортным для пользователей. Основная концепция и содержание веб-сайта. Реализация регистрации и входа на сайт с использованием баз данных.
курсовая работа [837,0 K], добавлен 18.10.2022Анализ предметной области и функций сайта. Разработка структуры базы данных, структуры и дизайна web-сайта. Описание установки CMS "Joomla!" и программной оболочки Denwer, создание гостевой книги, галереи и карты Google, результаты их тестирования.
дипломная работа [2,3 M], добавлен 19.01.2017Основные принципы работы web-сервера. Построение базы данных сайта, верстка страниц. Технологии серверных скриптов. Характеристика объекта информатизации. Разработка полнофункциональной версии сайта для оказания дистанционных образовательных услуг.
дипломная работа [973,6 K], добавлен 12.12.2013Технологии создания web-страниц. Появление Active Server Pages. Разработка динамического web-сайта на asp.net. Создание дизайна и каркаса сайта с использованием стандартных HTML таблиц. Проектирование базы данных на основе ado.net и подключение к ней.
контрольная работа [2,4 M], добавлен 24.05.2019Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.
дипломная работа [3,6 M], добавлен 08.04.2014Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.
курсовая работа [686,4 K], добавлен 13.06.2022Разработка общей структуры проектируемого сайта. Выбор программных и аппаратных средств для реализации поставленной задачи. Описание дизайна будущего сайта. Рассмотрение основ регистрации, правил построения программной и эксплуатационной документации.
курсовая работа [5,3 M], добавлен 31.07.2014Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Языки написания сайта, принципы и обоснование их отбора. Программы создания web-страниц, их функциональные особенности и возможности. Технология и основные этапы разработки интернет-сайта, правила его составления, оформления, заполнения, программный код.
курсовая работа [3,1 M], добавлен 20.05.2015Проектирование сайта учителя в системе Ucoz с учетом особенностей педагогической деятельности. Обновление и пополнение содержимого сайта. Регистрация пользователей. Настройка дизайна и выбор модулей для сайта. Создание меню и наполнение сайта контентом.
курсовая работа [2,1 M], добавлен 14.06.2014Разработка проектных решений по созданию автоматизированной системы управления "модератор сайта". Проектирование структуры базы данных. Выбор среды разработки. Описание программного средства. Разработка web-сайта на примере ЗАО Молкомбинат "Адыгейский".
дипломная работа [1,8 M], добавлен 09.02.2013Проектирование структуры и информационного содержания сайта. Анализ поисковой статистики и подбор синонимов. Целевая аудитория сайта. Реализация каркаса сайта. Разработка навигации и дизайна сайта с использованием css. Реализация интерактивности.
курсовая работа [10,7 M], добавлен 01.09.2016Характеристика структуры, программного обеспечения и основных бизнес–процессов ЗАГСа. Разработка базы данных и структуры сайта для молодоженов. Управление аккаунтом пользователя, описание страниц сайта. Расчёт экономических затрат на создание сайта.
дипломная работа [448,5 K], добавлен 14.01.2013Формирование виртуальной странички предприятия в Internet. Обоснование выбора платформы. Разработка структуры и дизайна сайта, электронного каталога продуктов фирмы. Оптимизация сайта под поисковые системы. Основные принципы и правила продвижения сайта.
дипломная работа [3,0 M], добавлен 01.01.2018Анализ сравнения интернет-магазина и электронного магазина. Проектирование структуры web-сайта. Обработка заказа. Основное понятие языка php. Средства безопасности системного уровня приложения. Разработка структуры базы данных и структуры web-сайта.
курсовая работа [1,4 M], добавлен 31.03.2014Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.
курсовая работа [1,6 M], добавлен 13.06.2013Исследование принципов работы, технологии и стандартов IP–телефонии, оценка качества телефонной связи и сжатия речи. Анализ планирования структуры сайта, разработки дизайна, верстки макета. Характеристика регистрации доменного имени и хостинга сайта.
курсовая работа [52,7 K], добавлен 23.12.2011