Cайт свадебного салона "Елена"

 

Содержание


Введение

Описание сайта

Структура сайта

Карта сайта

Структура базы данных

Описание главной страницы

Формы

Скриптдокумент

Заключение

Список литературы



Введение


В данной курсовой работе был разработан сайт свадебного салона «Елена».

Сайт представляет посетителям исчерпывающую информацию о подготовке, организации свадьбы, о свадебных услугах.

При разработке сайта были использованы такие языки программирования, как HTML, PHP, JAVASCRIPT, а база данных связана посредством MySQL.



Описание сайта


Главной целью данного сайта, является помощь женихам и невестам в проведении и организации свадеб и торжеств.

На этом сайте все желающие могут просматривать имеющуюся информацию и заказать себе каталог услуг.

Невеста может выбрать платье, аксессуары, прическу, макияж, маникюр, жених - костюм и прочее необходимое. А также, молодые могут выбрать для себя церемонию проведения свадьбы, просмотрев для этого информацию о предоставляемых услугах по организации бракосочетания.


Структура сайта


Сайт выполнен при помощи HTML-кода и CSS-таблицы.

Структура сайта основана на таблицах, что позволяет создавать такие эффекты, как верстка в несколько колонок, применение эффектов состыковки картинки и фона, тонкие линии на всю ширину или высоту странички.

Основные разделы данного сайта:

Платья

Прически

Макияж

Маникюр

Прокат лимузинов

Фото и видеосъёмка

Организация праздника

Оформление заказа

Контакты

Пользователь может любой момент вернуться или перейти на нужную ему страницу.

На первых 4 страницах, пользователи могут просмотреть фотографии и ознакомиться с ценами салона.

На 5 странице можно заказать свадебный кортеж для разного количества приглашенных гостей.

На следующей странице, пользователи могут ознакомиться с информации о предоставлении фото и видеосъёмки.

На странице по организации праздника, можно просмотреть перечень всех предоставляемых услуг.

Следующая страница позволяет пользователям сделать свой заказ на выбранные им услуги, оставив свои личные данные.

А также, получив дополнительную информацию можно на странице «Контакты».

Данный сайт включает в себя 32 страницы, 29 графических изображений, 1 база данных, 1 форма, 1 обработчик форм, 1 скрипт,1 css.


Карта сайта


Платья

Прически

Макияж

Маникюр

Прокат лимузинов

Стоимость проката

Фото и видеосъёмка

Фотосъёмка

Видеосъёмка

Организация праздника

Оформление заказа

Контакты


Структура базы данных


Для регистрации занесённых данных, была создана база данных «zakaz», которая включает в себя одну таблицу «zakaz».

В таблице находятся:

Фамилия

Имя

Отчество

Контактный телефон

Электронная почта

Адрес

Перечень услуг

Дата заказа

Полями таблицы являются: familaja,imja,otchestvo,telefon,poshta,adress,uslugi,data.

Данные поля служат для внесения и регистрации данных пользователей.

Поля имеют символьный тип - VARCHAR и ограничения в символах разной длины.


НазваниеТипДлинаfamilijavarchar20imjavarchar15otchestvovarchar20telefonvarchar15poshtavarchar20adressvarchar50uslugivarchar100datavarchar10

Таб.1 база данных zakaz


Описание главной страницы


<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"

"#"justify"><html>

<head>

<meta http-equive="Content-Type" content="text/html"; Charset=windows-1251">

<title>Свадебный салон "Елена"</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body >

<table border="1px" cellpadding="25px" cellspacing="0px" width="50%" align="center">

<tr>

<td colspan="3" bgcolor="#FF3E96"><img src="images/sdaybagtn23.gif" align="center">

<p>

</td>

</tr>

<tr>

<td valign="top"bgcolor="#651b5a"><img src="images/uslugi.png">

<p>

<a href="1.html">Платья</p>

<p>

<a href="2.html">Прически</p>

<p>

<a href="3.html">Макияж</p>

<p>

<a href="4.html">Маникюр</p>

<p>

<a href="5.html">Прокат лимузинов</p>

<p>

<a href="6.html">Фото и видеосъёмка</p>

<p>

<a href="7.html">Организация праздника</p>

<p>

<a href="9.html">Оформить заказ</p>

<p>

<a href="8.html">Контакты</p>

</td>

<td align="center"><img src="images/xcvh.jpg" height=500 >

</td>

<td valign="top" bgcolor="#651b5a"><img src="images/onas.png"> <p>

<p>

<p>

должен соответствовать масштабу этого грандиозного события.</p>

<p>

</td>

</tr>

<tr>

<td colspan="3" bgcolor="#FF3E96"><marquee><font color="#FFFAFA" size="6px" wight="25%" ><i><b>Спасибо, что воспользовались нашими услугами!!!

</i></b></font></marquee>

<p>

</p>

<p>

<p>

<script language="JavaScript" type="text/javascript">d = new Date();day=new Array("Понедельник","Вторник",

"Среда","Четверг","Пятница","Суббота","Воскресенье");month=new Array("Января","Февраля","Марта","Апреля","Мая","Июня",

"Июля","Августа","Сентября","Октября","Ноября","Декабря");.write(day[d.getDay()]+" " +d.getDate()+" " +month[d.getMonth()]

+" " +d.getFullYear()+"г.");

</script>

</td>

</tr>

</table>

</body>

</html>

Формы и обработчики форм

Для ввода данных пользователя, используется форма, которая расположена на странице Оформление заказа. Данная форма предназначена для занесения данных в базу.

Рис.2 форма для оформления заказа


В форме 8 основных полей и кнопка для регистрации.

Код формы:

<form action="zakaz.php" method="post" align="Center">//вызов обработчика форм для её обработки

<p>

</p>

<p>

Фамилия:<br>

<input type="text" size="30" name="fam"><br>

Имя:<br>

<input type="text" size="30" name="im"><br>

Отчество:<br>

<input type="text" size="30" name="otch"><br>

Контактный телефон:<br>

<input type="text" size="30" name="tel"><br>

Электронная почта:<br>

<input type="text" size="30" name="posh"><br>

Адрес:<br>

<input type="text" size="50" name="adr"><br>

Перечень услуг:<br>

<input type="text" size="50" name="usl"><br>

Дата заказа:<br>

<input type="text" size="10" name="dat"><br>

</p>

<input type="submit" name="nam" value="Зарегистрировать">

</form>

Код обработчика:

<?

$link = mysql_connect("localhost", "root","")

or die("Could not connect: " . mysql_error());

print ("Ваша заявка принята");//Выбираем базу данных для работы_select_db('zakaz');// устанавливает текущую активную БД на сервере

$table_name="zakaz";

$fam=$_POST['fam'];

$im=$_POST['im'];

$adr=$_POST['adr'];

$tel=$_POST['tel'];

$otch=$_POST['otch'];

$posh=$_POST['posh'];

$usl=$_POST['usl'];

$dat=$_POST['dat'];

$sql = "INSERT into zakaz (familija,imja,otchestvo,telefon,poshta,adress,uslugi,data) values

('$fam','$im','$otch','$tel','$posh','$adr','$usl','$dat')"; // создаем SQL запрос

$q = mysql_query($sql); // отправляем запрос на сервер

?>


Скрипт


При создании сайта был написан скрипт, с помощью JavaScript, выводящий дату и день недели.

<script language="JavaScript" type="text/javascript"> //определяет язык программирования и тип содержимого текстаd = new Date();// узнаем день неделиday=new Array("Понедельник","Вторник",

"Среда","Четверг","Пятница","Суббота","Воскресенье");// массив названий дней неделиmonth=new Array("Января","Февраля","Марта","Апреля","Мая","Июня",

"Июля","Августа","Сентября","Октября","Ноября","Декабря");.write(day[d.getDay()]+" " +d.getDate()+" " +month[d.getMonth()]

+" " +d.getFullYear()+"г.");// печать даты, определённой последовательности вывода

</script>

документ

сайт таблица скрипт

CSS-файл предназначен для оформления страниц сайта. Ссылки на css-файл содержаться на всех страницах сайта.

Код:{:url("images/uuuu.jpeg");}

// Отображение для тела всех страниц

.h1 {size:72px;align:center;:#FFFAFA;family:Monotype Corsiva;

}

.h2 {size:20px;align:center;:#FFFAFA;family:Monotype Corsiva;

}

.h4 {size:24px;align:left;:#008B00;family:Monotype Corsiva;

}

.h7 {size:24px;align:left;:#FF3E96;family:Monotype Corsiva;

}

.h8 {size:20px;align:left;:#FFFAFA;family:Monotype Corsiva;

}

.h9 {size:24px;:#651b5a;family:Monotype Corsiva;

} a:link{:#FF3E96;decoration:none;} // Ссылки на страницах:visited{:#FF3E96;decoration:none;}// Посещенные ссылки:active{:#FF3E96;decoration:none;}// Активные ссылки:hover{:#FF3E96;decoration:none;}// Ссылки при наведении курсора



Заключение


В процессе выполнения работы был разработан сайт свадебного салона Елена.

При создании были изучены такие языки программирования, как PHP и JAVASCRIPT. А также, главным инструментом для написания - язык HTML и CSS.




Список литературы


Жаров А. В. Лекционный материал.

Ломов А. HTML, CSS, скрипты: практика создания сайтов. - М.: Москва, 2006. - 204с.

Э. Кастро HTML и CSS для создания Web-страниц. - М.: Центр, 2008. - 326с.


Содержание Введение Описание сайта Структура сайта Карта сайта Структура базы данных Описание главной страницы Формы Скриптдокумент

Больше работ по теме:

Предмет: Информационное обеспечение, программирование

Тип работы: Курсовая работа (т)

Новости образования

КОНТАКТНЫЙ EMAIL: MAIL@SKACHAT-REFERATY.RU

Скачать реферат © 2018 | Пользовательское соглашение

Скачать      Реферат

ПРОФЕССИОНАЛЬНАЯ ПОМОЩЬ СТУДЕНТАМ