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

Содержание Введение Описание сайта Структура сайта

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

CSS-документ Заключение Список литературы Введение В данной курсовой работе был разработан сайт свадебного салона «Елена».

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

При разработке сайта были использованы такие языки программирования, как 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 и ограничения в символах разной длины.

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

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

" http://www.w3.org/TR/REC-html4/loose.dtd" >

Свадебный салон «Елена»
Платья Прически Макияж Маникюр Прокат лимузинов Фото и видеосъёмка Организация праздника Оформить заказ Контакты		Дорогие невесты!!! Свадебный салон «Елена» рад приветствовать Вас и от всей души поздравляет с наступлением самого замечательного периода в Вашей жизни — началом Свадебного переполоха! Свадьба — это один из самых ярких и запоминающихся моментов в жизни, поэтому внешний вид ее непосредственных участников должен соответствовать масштабу этого грандиозного события. Будьте уверены, что у нас Вы сможете найти именно то, что так давно искали: шикарные и сногсшибательные свадебные модели очень высокого качества от самых разных производителей европейского масштаба, а также аксессуары для окончательного завершения Вашего неотразимого образа.
Спасибо, что воспользовались нашими услугами!!! Адрес:Новосибирск, ул. Ленина, 55 Телефон: +7(383) 45−23−00, +7−923−177−00−55 Электронная почта: salon_elena@yandex.ru var d = new Date(); var day=new Array(" Понедельник" ," Вторник" , " Среда" ," Четверг" ," Пятница" ," Суббота" ," Воскресенье" ); var month=new Array(" Января" ," Февраля" ," Марта" ," Апреля" ," Мая" ," Июня" , " Июля" ," Августа" ," Сентября" ," Октября" ," Ноября" ," Декабря" ); document.write(day[d.getDay()]+" " +d.getDate()+" " +month[d.getMonth()] +" " +d.getFullYear()+" г." );

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

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

Код формы:

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

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

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

print (" Ваша заявка принята" );//Выбираем базу данных для работы

mysql_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, выводящий дату и день недели.

CSS-документ сайт таблица скрипт

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

Код:

BODY{

background:url («images/uuuu.jpeg»);}

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

.h1 {

font-size:72px;

text-align:center;

color:#FFFAFA;

font-family:Monotype Corsiva;

}

.h2 {

font-size:20px;

text-align:center;

color:#FFFAFA;

font-family:Monotype Corsiva;

}

.h4 {

font-size:24px;

text-align:left;

color:#008B00;

font-family:Monotype Corsiva;

}

.h7 {

font-size:24px;

text-align:left;

color:#FF3E96;

font-family:Monotype Corsiva;

}

.h8 {

font-size:20px;

text-align:left;

color:#FFFAFA;

font-family:Monotype Corsiva;

}

.h9 {

font-size:24px;

color:#651b5a;

font-family:Monotype Corsiva;

} a: link{

color:#FF3E96;

text-decoration:none;} // Ссылки на страницах

a:visited{

color:#FF3E96;

text-decoration:none;}// Посещенные ссылки

a:active{

color:#FF3E96;

text-decoration:none;}// Активные ссылки

a:hover{

color:#FF3E96;

text-decoration:none;}// Ссылки при наведении курсора Заключение В процессе выполнения работы был разработан сайт свадебного салона «Елена».

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

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

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

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

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