Разработка сайта свадебного салона "Елена". Описание, структура и карта сайта. База данных, главная страница

Страницы работы

Фрагмент текста работы

МИНИСТЕРСТВО ТРАНСПОРТА РОССИЙСКОЙ

ФЕДЕРАЦИИ

ФГОУ ВПО

НОВОСИБИРСКАЯ ГОСУДАРСТВЕННАЯ АКАДЕМИЯ ВОДНОГО

ТРАНСПОРТА

Кафедра информационных систем

Пояснительная записка к курсовой работе по дисциплине

«Современные WEB - технологии»

Разработка сайта

Группа ИТ-32 «а»

Выполнила:

«__»___________2010г.

___________________

Подпись    

Преподаватель :

«__»__________2010г.

__________________

Подпись

Новосибирск 2010

Содержание

1.  Введение……………………………………………………….3

2.  Описание сайта………………………………………………..3

3.  Структура сайта……………………………………………….4 

4.  Карта сайта…………………………………………………….5

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

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

7.  Формы………………………………………….........................8

8.  Скрипт………………………………………………………….10

9.  CSS-документ………………………………………………….10

10. Заключение…………………………………………………….12

11. Список литературы……………………………………………12


1.  Введение

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

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

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

Рис.1 главная страница сайта

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

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

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

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

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

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

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

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

1.  Платья

2.  Прически

3.  Макияж

4.  Маникюр

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

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

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

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

9.  Контакты

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

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

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

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

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

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

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

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

4.  Карта сайта

·  Платья

·  Прически

·  Макияж

·  Маникюр

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

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

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

Ø Фотосъёмка

Ø Видеосъёмка

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

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

·  Контакты

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

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

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

·  Фамилия

·  Имя

·  Отчество

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

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

·  Адрес

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

·  Дата заказа

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

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

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

Название

Тип

Длина

familija

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”

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

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

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

<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 class="h1">Свадебный салон "Елена"</p>

</td>

</tr>

<tr>

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

<p class="h7"><img src="images/menu.gif" align="left">

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

<p class="h7"><img src="images/menu.gif" align="left">

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

<p class="h7"><img src="images/menu.gif" align="left">

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

<p class="h7"><img src="images/menu.gif" align="left">

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

<p class="h7"><img src="images/menu.gif" align="left">

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

<p class="h7"><img src="images/menu.gif" align="left">

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

<p class="h7"><img src="images/menu.gif" align="left">

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

<p class="h7"><img src="images/menu.gif" align="left">

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

<p class="h7"><img src="images/menu.gif" align="left">

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

</td>

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

</td>

<td valign="top" bgcolor="#651b5a"><img src="images/onas.png"> <p class="h2" align="center">Дорогие невесты!!!</p>

<p class="h2">Свадебный салон «Елена» рад приветствовать Вас и от всей души поздравляет с наступлением самого замечательного периода в Вашей жизни – началом Свадебного переполоха!</p>

<p class="h2">Свадьба – это один из самых ярких и запоминающихся моментов в жизни, поэтому внешний вид ее непосредственных участников должен соответствовать масштабу этого грандиозного события.</p>

<p class="h2">Будьте уверены, что у нас Вы сможете найти именно то, что так давно искали: шикарные и сногсшибательные свадебные модели очень высокого качества от самых разных производителей европейского масштаба, а также аксессуары для окончательного завершения Вашего неотразимого образа.</p>

</td>

</tr>

<tr>

<td colspan="3" bgcolor="#FF3E96"><marquee><font color="#FFFAFA" size=

Похожие материалы

Информация о работе