Создание сайта компании

Введение

В современном мире взаимодействие большого числа компаний
происходит через сеть Интернет. Начиная с 1969 года, мировая сеть - Интернет
стремительно развивалась, в наше время превратилась в одно из основных
средств, используемых для общения, развлечений, рекламы, торговли и
источник разнообразной полезной информации для любой категории
пользователей. Количество компаний и пользователей, которые используют
преимущества этой технологии, увеличивается чуть ли каждый день. Интернет
затрагивает все виды сфер жизни общества – экономическую, политическую,
духовную и даже социальную. В связи с глобальным развитием сети Интернет,
в программировании все более резко начала выделяться отдельная его отрасль -
WEBпрограммирование.
С распространением Интернета аренда автомобилей также перешла в
цифровой вид. И интернет позволит сделать процесс аренды проще. Сайт даст
возможность в простой форме заказать аренду интересующего автомобиля без
посредников.
Веб-сайт представляет собой набор страниц, объединенных между собой
одной темой оформлением и гиперссылками. Он может представлять собой как
человека, так и компанию. Доступ может быть получен из любой точки мира.
Сайты позволяют хранить, накапливать, передавать, предоставлять различные
типы информации, не отходя от экрана компьютера.
В данной курсовой работе будет рассмотрено создание сайта по аренде
автомобилей.
Целью курсовой работы является изучение современных методов
создания сайтов и приложений для среды Web. Основными задачами являются:
 изучение создания Web-приложений и сценариев,
 интеграция Web-приложений в статический контент сайта для
актуализации отображаемых данных
 изучение протоколов сети Интернет
 изучение правил построения приложений и принципов работы
приложений в сети Интернет.

3

1. 1. Техническое задание и выбор средств
реализации.
1. 1.1. Техническое задание на разработку программного
комплекса “АвтоПрокат”
2. Словарь
Клиент – Человек, пользователь услуг компании.
Менеджер – Пользователь CRM, получающий информацию о сделаных заказах
на аренду автомобиля. Менеджер осуществляет взаимодействие с клиентом, а
также выдачу и приемку автомобиля из парка.
Модератор – Пользователь системы, с привилегиями на модификацию данных
сайта компании, редактирование тэгов оптимизации (СЕО)
Франчайзер – Организация или частное лицо, представляющее интересы
компании в городах и регионах, работающее под брэндом организации
(франчайнинг). Франчайзер представляет услугу на собственных автомобилях и
участвует в процессе выдачи-приемки.
Партнер – Организация или частное лицо, представляющее интересы
компании в качестве рекламного агента. Партнер имеет расширенный
функционал по бронированию автомобиля, а также накопительный счет
партнера
Сайт – Интернет-сайт http://prokat.ru выступающий витриной для клиентов.
Мобильное приложение – Разрабатываемые приложения для смартфонов,
работающих на ОC IOS и Android. Мобильное приложение дублирует
функционал личного кабинета пользователя (клиента)
База данных – Каталог автомобилей, клиентов и данных по бронированию
CRM – Система управления данными. Содержит базу данных и элементы
управления данными
Заказ – Единица бизнес-процесса.
Личный кабинет (ЛК) – Раздел сайта, доступный после регистрации клиента,
позволяющий оставлять заявки на бронирование автомобиля и просматривать
оставленные заявки.

4

3. Назначение разработки
Разработать интернет-ресурс для аренды автомобилей посредством заказа
онлайн через вебсайт. Создать функционал управления бизнес-процессом
аренды автомобилей, и сопроводительной деятельности компании.
4. Общие положения
Система должна состоять из следующих основных программных компонентов:
1. Главная управляющая система (CRM). Обеспечивает взаимодействие
модулей, разграничение прав, ведение основного и вспомогательных
бизнес-процессов. Работа с франчайзерами, партнерами, системные
настройки и лимиты. Свод отчетной информации.
2. Сервер API. - Обеспечение протокола сетевого обмена для мобильных
приложений.
3. Сайт – Интернет-ресурс, предоставляющий информацию об услугах
компании, каталог автомобилей, публикация тарифной сетки.
4. Личный кабинет клиента. Авторизованный раздел сайта, где клиент
может просматривать историю аренды, выполнить бронь на новую аренду
автомобиля.
5. Технические характеристики
1. Рабочая среда
Операционная система
Программный сервер, Сервер API : Linux Ubuntu / Debian, вируальный
разделяемый вебхостинг.
Сайт : Браузер с поддержкой HTML5, CSS3, JS
СУБД : MySQL

2. Язык программирования
Программный сервер, Сервер API : PHP5
6.
7. Программный и аппаратный интерфейс
Аппаратная платформа для обеспечения работы Сервера API и WEB-
приложения представляет собой выделенный/разделяемый сервер со
следующими минимальными характеристиками :
CPU : 2x Intel Xeon 1Ghz
RAM : 1024 Mb
ROM : 50 Gb
LAN : 100 Mbps

5

Приведенные данные минимальных характеристик должны обеспечивать
работу до 200 одновременных пользовательских сессий. Увеличение числа
активных пользователей должно вызывать рост аппаратных серверных ресурсов
эквивалентно приросту.
Для отображения компонентов управляющей системы необходим ПК или
планшет с разрешением экрана 1280х720 и больше, наличие браузера интернета
Google Chrome с обновлением от 42 версии.

1. Интерфейс сайта
Сайт должен соответствовать фирменной стилистике проекта, и выполнен
в беложёлто-чёрном виде, соответствующем стилистике логотипа. Макет
дизайна и исходные материалы будут предоставлены Заказчиком.
2. Страницы и компоненты страниц сайта
*Номерами обозначены физические страницы сайта, пунктами –
идеологические блоки наполнения страниц

1. Главная страница
◦ Вход для клиента / регистрация
◦ Контактная информация
◦ Основное навигационное меню. Переходы в разделы статических
страниц.

5. Статические разделы сайта
1. О компании
2. Услуги
3. Контакты
6. Автомобили
1. Каталог автомобилей
2. После выбора автомобиля из каталога, доступна возможность
заполнения формы онлайн-бронирования.

6

7. Форма онлайн-бронирования. Форма содержит персональную информацию
по клиенту, если клиент авторизован, то данные берутся из профиля. Форма
доступна только авторизованным пользователям.
8. Форма регистрации. Содержит анкету для клиента:
1. ФИО
2. Имя пользователя
3. Адрес
4. Телефон
5. Пароль

3. Личный кабинет клиента
Личный кабинет клиента является частью публичного сайта.
Личный кабинет должен быть оформлен в стилистической гамме
соответственно основного сайта компании.
Функции личного кабинета клиента
1. Профиль клиента – правка учетных данных клиента
2. Текущее(-ие) бронирование Логика работы
4. Процесс бронирования
Бронирование доступно только для аторизованных пользователей
системы. Если клиент на сайте пришел к форме бронирования до
регистрации/авторизации, то его перебросит на форму входа/регистрации. Заказ
будет сохранен в cookie браузера и отображен после успешного входа на сайт.

Алгоритм оформления бронирования
1. Клиент выбирает автомобиль (класс) через фильтр на сайте
1. Производитель автомобиля

7

2. Модель автомобиля
3. Год выпуска (От…До)
4. Стоимость проката (От…До)
2. Переход на следующий информационный экран “Ваша заявка в
обработке, в ближайшее время с Вами свяжется наш оператор для
подтверждения бронирования”
3. Переход в раздел “Текущие бронирования”
5.
6. Процесс выдачи
Под выдачей автомобиля понимается процесс передачи прав от станции
компании к арендатору. Процес выдачи осуществляет менеджер по работе с
клиентами.

Алгоритм выдачи
1. Поиск заявки. Клиент приходит на станцию проката и называет номер
брони. Если бронь не была сделана ранее, то менеджер создает заявку
бронирования как при телефонном звонке.
2. Сверка. Менеджер находит активную заявку бронирования, сверяет все
учетные данные (паспорт и т.п.)
3. Выбор конкретного автомобиля. Менеджер предлагает клиенту на
выбор автомобиль из доступных в парке. Выбор ограничивается
заказанным классом.
4. Оплата. Менеджер принимает принимает оплату от клиента и вносит
полученную сумму.
5. Подписание. Из CRM менеджер распечатывает автоматически-
подготовленные документы и передает на подписание клиенту.
6. Подтверждение. Подписанные документы менеджер сканирует и
прикладывает к заявке. После прикрепления, нажимает выбирает меняет
статус заявки.

8

7. Процесс приемки
Под приемкой понимается передача прав от клиента к автостанции.
Принимающим лицом является менеджер по работе с клиентом.
Поиск заявки.
Клиент приходит на стойку аренды с договором или актом. Менеджер
находит заявку бронирования(аренды). Если документов нет, то по номеру
автомобиля или ФИО.

9

1.2. Выбор средств реализации
Обоснование выбора HTML, CSS, JS, PHP
HTML (от англ. HyperText Markup Language — «язык гипертекстовой
разметки») — стандартный язык разметки документов во Всемирной паутине.
Большинство веб-страниц содержат описание разметки на языке HTML. Язык
HTML интерпретируется браузерами и отображается в виде документа в
удобной для человека форме.
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли
приблизительно в 1986—1991 годах в стенах Европейского Центра ядерных
исследований в Женеве (Швейцария). HTML создавался как язык для обмена
научной и технической документацией, пригодный для использования людьми,
не являющимися специалистами в области вёрстки.
С помощью HTML можно легко создать относительно простой, но
красиво оформленный документ. Помимо упрощения структуры документа, в
HTML внесена поддержка гипертекста. Мультимедийные возможности были
добавлены позже.
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) —
формальный язык описания внешнего вида документа, написанного с
использованием языка разметки.
Преимущественно используется как средство описания, оформления
внешнего вида веб-страниц, написанных с помощью языков разметки HTML и
XHTML.
CSS используется создателями веб-страниц для задания цветов, шрифтов,
расположения отдельных блоков и других аспектов представления внешнего
вида этих веб-страниц. Основной целью разработки CSS являлось разделение

10

описания логической структуры веб-страницы от описания внешнего вида этой
веб-страницы. Такое разделение может увеличить доступность документа,
предоставить большую гибкость и возможность управления его
представлением, а также уменьшить сложность и повторяемость в структурном
содержимом.
JavaScript — прототипно-ориентированный сценарный язык
программирования.
JavaScript обычно используется как встраиваемый язык для программного
доступа к объектам приложений. Наиболее широкое применение находит в
браузерах как язык сценариев для придания интерактивности веб-страницам.
JavaScript является объектно-ориентированным языком, но используемое
в языке прототипирование обуславливает отличия в работе с объектами по
сравнению с традиционными класс-ориентированными языками. Кроме того,
JavaScript имеет ряд свойств, присущих функциональным языкам
PHP (англ. PHP: Hypertext Preprocessor — «PHP: препроцессор
гипертекста) — скриптовый язык программирования общего назначения,
интенсивно применяемый для разработки веб-приложений.
В области программирования для сети Интернет, PHP — один из
популярных сценарных языков благодаря своей простоте, скорости выполнения,
богатой функциональности, кроссплатформенности и распространению
исходных кодов на основе лицензии PHP.
Популярность в области построения веб-сайтов определяется наличием
большого набора встроенных средств для разработки веб-приложений.
Основные из них:

11

- автоматическое извлечение POST и GET-параметров, а также переменных
окружения веб-сервера в предопределённые массивы;
- взаимодействие с большим количеством различных систем управления базами
данных (в том числе MySQL);
- обработка файлов, загружаемых на сервер;
- работа с cookies и сессиями.
Обоснование выбора СУБД MySQL
Система управления базами данных (СУБД) — совокупность
программных и лингвистических средств общего или специального назначения,
обеспечивающих управление созданием и использованием баз данных.
Все современные СУБД имеют:
- визуальные средства создание таблиц, форм, отчетов;
- доступ к данным серверных СУБД;
- создание приложений выполняющих функции WEB – браузеров и размещение
данных в Internet;
- объектно-ориентированный язык;
- поддержку SQL.

MySQL — свободная реляционная система управления базами данных.
MySQL имеет двойное лицензирование. MySQL может распространяться в
соответствии с условиями лицензии GPL. Однако по условиям GPL, если какая-

12

либо программа включает исходные коды MySQL, то она тоже должна
распространяться по лицензии GPL. Это может расходиться с планами
разработчиков, не желающих открывать исходные тексты своих программ. Для
таких случаев предусмотрена коммерческая лицензия, которая также
обеспечивает качественную сервисную поддержку.
MySQL портирована на большое количество платформ: Linux, Mac OS X,
Windows 95, Windows 98, Windows NT, Windows 2000,Windows XP, Windows
Server 2003, WinCE, Windows Vista и Windows 7.
MySQL имеет API для языков Delphi, C, C++, Java, Perl, PHP, Python,
библиотеки для языков платформы .NET.

2.

13

Описание модулей серверной части программы и их
взаимодействие
Первым этапом разработки было создание макета для всех страниц. Были
размечены места для шапки сайта, отдел для основного контента страницы,
отдел для бокового меню и подвал сайта. Чёрными границами были выделены
границы контейнеров для более понятного расположения элементов на сайте.
Следующим этапом было уже непосредственно создание страниц каждого
раздела сайта.
Главная страница представляет собой краткое описание проекта и ссылки
на основные ресурсы. В случае, если пользователь выполнил вход в систему, он
будет иметь возможность просматривать оставленные заявки и в меню будет
ссылка «просмотр заявок», а на странице «Вход» будет отображаться тот логин,
под которым пользователь вошёл в систему. В ином случае отображаются
кнопки для входа или регистрации.
Модуль регистрации представляет собой набор из полей для ввода
данных, таких как имя и логин пользователя, его адрес, номер телефона и
пароль. Позже пользователь может войти под указанными реквизитами.
Модуль авторизации получает на вход комбинацию логина и пароля. В
случае успешной авторизации на стороне клиента записываются cookie, в
противном случае – выдаётся ошибка.
В модуле выбора автомобиля для каждого автомобиля берётся
информация из базы данных. Отображается его марка, год выпуска и стоимость
проката за 1 час.
В модуле изменения статуса заявки на прокат автомобиля есть
возможность изменять информацию о статусе заявки. Статус может быть
выбран из 4 пунктов: «В обработке», «Доставка клиенту», «Машина у клиента»
и «Заказ завершён».
Ниже представлена таблица входных и выходных данных модулей.
Название модуля Входные данные Выходные данные
Главная страница Описание, основные

ссылки

Переход к основным
разделам сайта

Шапка сайта Ссылки на разделы

сайта

Навигация по основным
разделам

Регистрация

Данные пользователя:
логин, пароль,
электронный адрес

Проверка на
уникальность и
правильность
введённых данных,
создание учётной
записи пользователя в
базе данных

Авторизация Логин, пароль Проверка данных на

14

пользователя соответствие
авторизация
пользователя создание
сессии

Изменение статуса
заявки

Действие менеджера,
данные из базы данных Изменённый статус
Выбор автомобиля Данные из базы данных Автомобиль, взятый

напрокат

8.

15

Описание структуры базы данных и ее функций
Вся информация, которая будет отображаться на страницах сайта, хранится
в базе данных.
Ниже приведён рисунок ER-диаграммы созданной базы данных:

Рисунок 1 . ER-диаграмма

16

Далее будут приведены содержания таблиц базы данных.
В таблице 1 описано содержание таблицы с моделями автомобилей.

Таблица 1 . Таблица "auto_model"
Название
столбца Тип данных Назначение Действия со
столбцом

id Int(11)

Идентификатор
модели
автомобиля.
Первичный ключ.

AUTO_INCREMENT
при добавлении
записи.

model Varchar(50) Содержит название

модели.

Отображение на
странице,
добавление
введённых данных.

manufacturer Varchar(50)

Содержит название
производителя
модели.

Отображение на
странице,
добавление
введённых данных.

year Int(11) Содержит год
выпуска модели.

Отображение на
странице,
добавление
введённых данных.

price Int(11)

Содержит
стоимость аренды
модели.

Отображение на
странице,
добавление
введённых данных.

photo Varchar(50)

Содержит название
фотографии с
моделью.

Отображение на
странице,
добавление
введённых данных.

В таблице 2 описано содержание таблицы с данными о пользователях.

17

Таблица 2 . Таблица «users»
Название
столбца Тип данных Назначение Действия со
столбцом

id Int(11)

Идентификатор
пользователя.
Первичный ключ.

AUTO_INCREMENT
при добавлении
записи.

fio Varchar(100) Содержит ФИО
пользователя.

Отображение на
странице,
добавление
введённых данных.

username Varchar(50) Содержит имя
пользователя.

Отображение на
странице,
добавление
введённых данных.

password Varchar(50)

Содержит
хешсумму (md5)
пароля
пользователя.

Отображение на
странице,
добавление
введённых данных.

address Varchar(50) Содержит адрес
пользователя.

Отображение на
странице,
добавление
введённых данных.

phone Varchar(50)

Содержит номер
телефона
пользователя.

Отображение на
странице,
добавление
введённых данных.

В таблице 3 описано содержание таблицы с данными о заказах.

Таблица 3. Таблица «orders»

18

Название
столбца Тип данных Назначение Действия со
столбцом

id Int(11)

Идентификатор
заказа. Первичный
ключ.

AUTO_INCREMENT
при добавлении
записи.

User_id Int(11)

Содержит
идентификатор
пользователя.

Отображение на
странице,
добавление
введённых данных.

Auto_id Int(11)

Содержит
идентификатор
модели
автомобиля.

Отображение на
странице,
добавление
введённых данных.

Date_order date Содержит дату

заказа.

Отображение на
странице,
добавление
введённых данных.

Status Varchar(50) Содержит текущий
статус заказа.

Отображение на
странице,
добавление
введённых данных.

4. Описание структуры клиентской части.
4.1. Описание интерфейса «Обычный пользователь».
Инструкция пользователя
Главная страница содержит ссылки на основные активности сайта.

19

Рисунок 2 . Главная страница для неавторизованного пользователя.
Авторизованный пользователь после входа имеет возможность
просмотреть оставленные заявки. Также в меню вместо формы входа
появляется ссылка для выхода из профиля (кнопка «Вход»).

Рисунок 3 . Главная страница для авторизованного пользователя.
Страница регистрации представляет из себя несколько полей для ввода
информации (ФИО, логин, пароль, адрес и телефон пользователя).

20

Рисунок 4 . Страница регистрации.

Страница авторизации представляет из себя два поля для ввода логина
или пароля. После сверки данных информация о пользователе (логин)
записывается в cookie.

Рисунок 5 . Страница авторизации.

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

21

Рисунок 6 . Каталог автомобилей с поиском.

4.2. Описание интерфейса «Администратор».
Инструкция пользователя.
Отличие интерфейса администратора заключается в двух моментах:
1. Администратор имеет возможность добавлять автомобиль в каталог.
Для этого у него есть пункт меню «Добавление авто».

22

Рисунок 7 . Добавление автомобиля.

Для добавления автомобиля в каталог нужно выбрать и ввести данные о
нём (производитель, модель, год выпуска, стоимость проката). Также, нужно
выбрать фотографию добавляемого автомобиля. Эта фотография затем будет
сохранена в галерее, а имя файла будет сохранено в базе данных.
2. Администратор имеет возможность изменять статус заказа.

Рисунок 8 . Форма для изменения статуса заказа.

3. Администратор имеет возможность удалять заказы из списка. Для этого
необходимо нажать кнопку «Удалить» и подтвердить удаление.

23

Рисунок 9 . Форма удаления заказа.

Приложение 1.
Код главной страницы сайта

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Facebook APP ID -->
<meta property="fb:app_id" content="12345"/>

<meta name="keywords" content="Car-Dealer, auto-salon, automobile,
business, car, car-gallery, car-selling-template, cars, dealer, marketplace, mobile, real
estate, responsive, sell, vehicle" />
<meta name="description" content="Auto Dealer HTML - Responsive HTML

24

Auto Dealer Template" />

<!-- Page Title -->
<title>Главная - Прокат автомобилей</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style980.css" />
<link rel="stylesheet" type="text/css" href="css/style800.css" />
<link rel="stylesheet" type="text/css" href="css/style700.css" />
<link rel="stylesheet" type="text/css" href="css/style600.css" />
<link rel="stylesheet" type="text/css" href="css/style500.css" />
<link rel="stylesheet" type="text/css" href="css/style400.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css"
media="screen" />
<!--[if IE]>
<link href="css/style_ie.css" rel="stylesheet" type="text/css">
<![endif]-->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.selectik.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script type="text/javascript" src="js/jquery.checkbox.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</head>
<body class="page">
<!--BEGIN HEADER-->
<div id="header">
<div class="top_info">

25
<div class="logo">
<a href="/">Авто<span>Прокат</span></a>
</div>
</div>
<div class="bg_navigation">
<div class="navigation_wrapper">
<div id="navigation">
<span>Home</span>
<ul>
<li class="current"><a

href="index.php">Главная</a></li>

<li><a

href="contact.php">Контакты</a></li>

<li><a href="login.php">Вход</a></li>
<?php if (isset($_COOKIE['login'])) {
if ($_COOKIE['login'] ==

'admin')

echo "<li><a

href='add_car.php'>Добавление авто</a></li>";

echo "<li><a

href='orders.php'>Просмотр заявоdк</a></li>";
}
?>
</ul>
</div>
</div>
</div>
</div>
<!--EOF HEADER-->
<!--BEGIN CONTENT-->
<div id="content">
<div class="content">

26

<div class="main_wrapper">
<div class="blog">
<ul class="dealer_catalog">
<?php
include "connect.php";
$query = "SELECT * FROM

`auto_model`";

$result = mysqli_query($link,

$query) or die('Запрос не удался: ' . mysql_error());

if (mysqli_num_rows($result) ==

0) {

echo "Нет автомобилей

либо не удалось загрузить список.";

} else {
while ($auto =

mysqli_fetch_array($result)) {

echo "<li>
<a
href='#' class='thumb'><img width='165' height='119' src='images/$auto[photo]'
alt=''/></a>

<div

class='catalog_desc'>
<div class='title_box'>
<h4>$auto[manufacturer] $auto[model]</h4>
<div class='price'>$auto[price] рублей/час</div>
</div>
<div class='clear'></div>
<div class='grey_area'>

27
<span>Год выпуска - $auto[year]</span>
</div>";

if

(isset($_COOKIE['login'])) {
if ($_COOKIE['login'] != 'admin')
echo "<a href='#' onclick='order($auto[id], $_COOKIE[id])' class='more
markered'>Закззать</a>";
else
echo "<a href='#' onclick='delete_auto($auto[id])' class='more
markered'>Удалить</a>";

}
echo

"</div>

</li>";

}
}
?>
</ul>
</div>
<div class="sidebar">
<div class="search_auto">
<h3><strong>Поиск</strong></h3>
<div class="clear"></div>

<label><strong>Производитель:</strong></label>

<div class="select_box_1">
<select class="select_1"

id="select_man">

28

<option

value="Любой">Любой</option>

<option

value="Audi">Audi</option>

<option value="Mercedes-

Benz">Mercedes-Benz</option>

<option

value="BMW">BMW</option>

<option

value="Lexus">Lexus</option>

<option

value="Lincoln">Lincoln</option>

<option

value="Ford">Ford</option>

<option

value="Fiat">Fiat</option>

<option

value="">Dodge</option>

</select>
</div>
<label><strong>Модель:</strong></label>

<div class="select_box_1">
<select class="select_1"

id="select_model">

<option

value="Любая">Любая</option>

<option

value="R8">R8</option>

<option

value="S500">S500</option>

<option

value="540i">540i</option>

<option

value="RX300">RX300</option>

29

<option

value="Navigator">Navigator</option>

<option

value="Taurus">Taurus</option>

<option

value="Doblo">Doblo</option>

<option

value="Viper">Viper</option>

</select>
</div>
<label><strong>Год

выпуска:</strong></label>

<div class="select_box_2">
<select class="select_2"

id="year_from">

<option

value="0">От</option>

<option

value="2016">2016</option>

<option

value="2015">2015</option>

<option

value="2014">2014</option>

<option

value="2013">2013</option>

<option

value="2012">2012</option>

<option

value="2011">2011</option>

<option

value="2010">2010</option>

<option

value="2009">2009</option>

<option

value="2008">2008</option>

30

<option

value="2007">2007</option>

<option

value="2006">2006</option>

<option

value="2005">2005</option>

</select>
<select class="select_2"

id="year_to">

<option

value="До">До</option>

<option

value="2016">2016</option>

<option

value="2015">2015</option>

<option

value="2014">2014</option>

<option

value="2013">2013</option>

<option

value="2012">2012</option>

<option

value="2011">2011</option>

<option

value="2010">2010</option>

<option

value="2009">2009</option>

<option

value="2008">2008</option>

<option

value="2007">2007</option>

<option

value="2006">2006</option>

<option

value="2005">2005</option>

31
</select>
<div class="clear"></div>
</div>
<label><strong>Стоимость проката

(рублей/час):</strong></label>

<div class="select_box_2">
<select class="select_2"

id="price_from">

<option

value="0">От</option>

<option

value="1000">1000</option>

<option

value="2000">2000</option>

<option

value="3000">3000</option>

<option

value="4000">4000</option>

<option

value="5000">5000</option>

<option

value="6000">6000</option>

<option

value="7000">7000</option>

<option

value="8000">8000</option>

</select>
<select class="select_2"

id="price_to">

<option

value="До">До</option>

<option

value="1000">1000</option>

<option

value="2000">2000</option>

32

<option

value="3000">3000</option>

<option

value="4000">4000</option>

<option

value="5000">5000</option>

<option

value="6000">6000</option>

<option

value="7000">7000</option>

<option

value="8000">8000</option>

</select>
<div class="clear"></div>
</div>
<input type="submit" value="Искать"

class="btn_search" id="search_auto"/>

<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div class="clear"></div>
</div>
</div>
</div>
<!--EOF CONTENT-->
<!--BEGIN FOOTER-->
<div id="footer">
<div class="copyright_wrapper">
<div class="copyright">© <?php echo date('Y')?>

АвтоПрокат. Все права защищены.</div>

</div>
</div>

33

<!--EOF FOOTER-->
</body>
</html>