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 и
ограничения в символах разной длины.
|
Название
|
Тип
|
Длина
|
varchar
|
20
|
|
imja
|
varchar
|
15
|
|
otchestvo
|
varchar
|
20
|
|
telefon
|
varchar
|
15
|
|
poshta
|
varchar
|
20
|
|
adress
|
varchar
|
50
|
|
uslugi
|
varchar
|
100
|
|
data
|
varchar
|
10
|
Таб.1 база данных “zakaz”
Описание главной страницы
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML
4.01 Transitional//EN"
"#"698899.files/image001.gif">
Рис.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с.