Разработка web-сайта туристического агентства "Verona Тур"

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

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 17.12.2011
Размер файла 12,9 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

где - условно-переменные расходы на единицу продукции;

- условно-постоянные расходы на весь объем производства,

- объем производства, который составляет 200 единиц.

;

Себестоимость единицы продукции составляет 19,34 гривны, а себестоимость всего тиража 3867,51 гривен.

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

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

Таблица 10.8 - Определение безубыточности производства

Процент использо-вания производс-твенной мощности, %

Объем произ-водства, шт.

Прибыль от реалии-зации, грн.

Себесто-имость на весь объем произ-водства, грн.

Прибыль на весь объем произ-водства, грн.

Рента-бельность, продукции, %

0

0

0

3093,51

-3093,51

-100

20

40

1067,6

3248,31

-2180,71

-67,14

40

80

2135,2

3403,11

-1267,91

-37,26

60

120

3202,8

3557,91

-355,11

-9,98

80

160

4270,4

3712,71

557,69

15,03

100

200

5337,45

3867,51

1469,94

38,01

По полученным данным при расчетах строится график безубыточности, который представлен на рисунке 10.2.

Рисунок 10.2 - График безубыточности

В результате построения графика была получена точка безубыточности. Данная точка показывает, что при объеме производства 136 дисков с информационным сайтом туристического агентства «Verona Typ», предприятие не будет получать убытков, но и не будет получать прибыли.

ВЫВОДЫ

В результате выполнения дипломной работы был создан web-сайт туристического агентства «Verona Тур».

Разработанный сайт оформлен в соответствии с требованиями стандартов и отвечает всем поставленным задачам.

При разработке web-сайта учитывался возраст, индивидуальные и личностные особенности пользователей. Была определена группа пользователей, на которых рассчитан сайт. В зависимости от группы пользователей подобран материал и оформление сайта.

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

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

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

ПЕРЕЧЕНЬ ССЫЛОК

1. Рассохин, С. И. World Wide Web - глобальная информационная паутина в сети Internet [Текст]/ С. И. Рассохин.- М.: МГУП, 1997. - 1024 с.

2. Антипов, С. В. Современные технологии разработки web-сайтов [Текст]/ С. В. Антипов. - М.: Альпина Паблишер, 2000. - 457 с.

3. Чусавитина, Г. Н. Мировые информационные ресурсы: применение HTML, CSS и JavaScript для создания Web-страниц: Учеб. Пособие. [Текст]/ Г. Н. Чусавитина, Е. М. Разинкина. - Магнитогорск: МаГУ, 2004. - 272 с.

4. Кристиансен Т. Г. Библиотека программиста : Пер. с англ. [Текст]/ Т. Г. Кристиан, Н. С. Торкингтон - СПб.: Издательство «Питер», 2000. - 736с.

5. Глушаков С. В. Программирование Web-страниц [Текст]/ С. В. Глушаков, И. А. Жакин, Т. С. Хачиров; Худож.-оформ. А. С. Юхтман. - М.: ООО «Издательство АСТ»; Харьков: «Фолио», 2003. - 387 с.

6. Ковалев А. Управление проектом по созданию интернет-сайта [Текст]/ А. Ковалев, И. Курдюмов. - М.: Альпина Паблишер, 2001. - 337 с

7. Intersoft Lab. 27 способов продвижения сайта [Электронный ресурс]. - Режим доступа: URL: http://www.web-support.ru/graphics_design/ to_des_58.shtml. - 21.03.2007. - 12 кБ.

8. Новиков Алексей. Продвижение сайта в сети [Электронный ресурс]. - Режим доступа: URL: http://www.design.a-2.ru/old/article.php?id=1. - 15.07.2009. - 17 кБ.

9. Сидоренко Алексей. Создание и раскрутка сайта. [Электронный ресурс]. - Режим доступа: URL: http://www.pr-news.ru. - 04.12.2006. - 96 кБ.

10. Хольцшлаг, М. В. Языки HTML и CSS: для создания web-сайтов [Текст]/ М. В. Хольцшлаг. - М.: ТРИУМФ, 2007. - 304 с.

11. Муссиано, Ч. HTML и XHTML: Пер. с англ. [Текст]/ Ч. Муссиано, Б. Кеннеди. - СПб.: Символ-Плюс, 2008. - 752с.

12. Молли. Е. HTML верстка: Пер. с англ. [Текст]/ Е. Молли. - М.: Символ-Плюс, 2010. - 781с.

ПРИЛОЖЕНИЕ А

Фрагмент HTML-кода електронного издания

Главная страница:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Verona Typ</title>

<link rel="stylesheet" type="text/css" href="css/styles.css" media="all" />

<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.10.custom.css" media="all" />

<link rel="stylesheet" type="text/css" href="css/form.css" media="all" />

<link rel="stylesheet" type="text/css" href="css/text-effect.css" media="all" />

<script type="text/javascript" src="js/inputs.js"></script>

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>

<script type="text/javascript" src="js/navigation-fade.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>

<script type="text/javascript" src="js/jquery.form.js"></script>

<script type="text/javascript" src="js/equal-height.js"></script>

<script type="text/javascript" src="js/equal-height-two.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$(".tabs").tabs({});

$(".tabs-r").tabs({selected:2});

$('select').customSelect();

$("a.login-btn").click(function () {

$("div.form-login").show("slide", { direction: "right" }, 1000);

});

});

</script>

<script type="text/javascript">

function DocumentLoad(){

var w_width = document.body.clientWidth;

if (w_width < 1280 ) {

document.getElementById('right-column').style.display = 'none';

document.getElementById('content-column').style.margin = '0 0 0 255px';

document.getElementById('bg-right').style.background = 'none';

}

}

</script>

</head>

<body onLoad="DocumentLoad();">

<div id="wrapper">

<div id="header">

<div class="top">

<h1 class="logo"><a href="index.html">Verona Typ</a></h1>

<strong class="slogan">Verona Typ - Приятные моменты, которые останутся с Вами навсегда...</strong>

<a class="login-btn" href="#">Логин</a>

<div class="form-login">

<form action="#">

<div class="row">

<label for="lbl02">Логин</label>

<div class="text-form">

<input id="lbl02" type="text" value="" />

</div>

</div>

<div class="row">

<label for="lbl03">Пароль</label>

<div class="text-form">

<input id="lbl03" type="text" value="" />

</div>

</div>

<div class="row">

<ul>

<li><a href="#">Регистрация</a></li>

<li><a href="#">Забыли пароль?</a></li>

</ul>

<input class="btn-search" type="submit" value="Войти!" />

</div>

</form>

</div><!-- form-login end -->

<div class="box2">

<div class="top-b">

<script type="text/javascript">

var d=new Date();

var day=d.getDate();

var month=d.getMonth() + 1;

var year=d.getFullYear();

function checkTime(i)

{

if (i < 10)

{

i="0" + i;

}

return i;

}

var t = new Date();

document.write("<span>В Украине: <em>" + day +"." + month + "." + year + "</em></span><div class='hold'><strong>");

document.write(checkTime(t.getHours()));

document.write(":");

document.write(checkTime(t.getMinutes()));

document.write("</strong></div>");

</script>

</div>

<div class="vk">

<div class="img">

<a href="#"><img src="images/ico-05.png" width="30" height="30" alt="image" /></a>

</div>

<p>контакте, <a href="#">присоединяйся</a>, <a href="#">выиграй тур на двоих!</a></p>

</div>

</div><!-- box2 end -->

<div class="box1">

<div class="title">

<ul>

<li><a href="#"><img src="images/ico-02.png" width="46" height="46" alt="image" /></a></li>

</ul>

</div><!-- title end -->

<div class="bottom-box">

<ul>

<li><a href="#"><img src="images/ico-03.png" width="40" height="40" alt="image" /></a></li>

<li><a href="#"><img src="images/ico-04.png" width="40" height="40" alt="image" /></a></li>

</ul>

<div class="form-search">

<form action="#">

<fieldset>

<label for="lbl01">Поиск</label>

<div class="text-form">

<input id="lbl01" type="text" value="" />

</div>

<a href="#">по порталу<br />по турам</a>

<input class="btn-search" type="submit" value="Найти!" />

</fieldset>

</form>

</div><!-- form-search end -->

</div>

</div><!-- box1 end -->

</div><!-- top end -->

<ul id="nav" class="textshadow">

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

<li><a href="inner01.html">О компании</a></li>

<li><a href="inner03.html">Полезные статьи</a></li>

<li class="slide-block"><a class="open-close" href="#">Туры</a>

<div class="drop">

<div class="holder">

<div class="col1">

<ul>

<li>

<div class="img">

<a href="#"><img src="images/img-001.jpg" width="30" height="20" alt="image" /></a>

</div>

<div class="txt">

<a href="#">Крым! Райский остров совсем рядом</a>

</div>

</li>

<li>

<div class="img">

<a href="#"><img src="images/img-002.jpg" width="30" height="20" alt="image" /></a>

</div>

<div class="txt">

<a href="#">Гуляем по-гуцульски на майские</a>

</div>

</li>

<li>

<div class="img">

<a href="#"><img src="images/img-003.jpg" width="30" height="20" alt="image" /></a>

</div>

<div class="txt">

<a href="#">Шри-Ланка, искупайтесь в удовольс...</a>

</div>

</li>

<li>

<div class="img">

<a href="#"><img src="images/img-004.jpg" width="30" height="20" alt="image" /></a>

</div>

<div class="txt">

<a href="#">Сказка грузинских просторов</a>

</div>

</li>

<li>

<div class="img">

<a href="#"><img src="images/img-005.jpg" width="30" height="20" alt="image" /></a>

</div>

<div class="txt">

<a href="#">День королевы в Амстердаме</a>

</div>

</li>

</ul>

</div>

<div class="col2">

<h3>Полезная статья</h3>

<div class="hold">

<div class="img">

<a href="#"><img src="images/img-006.jpg" width="51" height="51" alt="image" /></a>

</div>

<div class="txt">

<span>Отдых в России</span>

<p>С каждым годом всё больше россиян отказываются от отдыха заграницей <a href="#"><img src="images/ico-arrow.png" width="9" height="6" alt="image" /></a></p>

</div>

</div>

<div class="text">

<img src="images/ico-06.png" width="20" height="20" alt="image" />

<div class="frame">

<p>В сингапурском зоопарке группа туристов отходит от клетки орангутанга. Один отстает, возвращается к решетке и, оглянувшись по сторонам, тихо спрашивает:<br />- Гиви, ты, да?</p>

</div>

</div>

</div>

</div>

</div><!-- drop end -->

</li>

<li><a href="inner04.html">Визовая поддержка</a></li>

<li><a href="inner02.html">Фотогалерея</a></li>

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

</ul><!-- nav end -->

</div><!-- header end -->

<div id="main">

<div class="bg-left">

<div class="bg-right" id="bg-right">

<div id="main-wrapper">

<div id="content-column">

<div id="content">

<div class="boxes">

<div class="box">

<div class="item-box" id="eq1">

<h2>Отдыхай вместе с «Verona Typ » :)</h2>

<div class="descr">

<div class="img"><img src="images/img-01.jpg" alt="" width="135" height="101" /></div>

<div class="holder">

<h3>Конкурс!</h3>

<p>Напиши лучший рассказ о том, как ты отдохнул когда-то, и выиграй путёвку в Египет на двоих!</p>

</div>

</div>

<div class="more">

<a href="#">подробнее...</a>

</div>

</div>

</div>

<div class="box ar">

<div class="item-box" id="eq2">

<h2 class="ttl-2">Новое на форуме</h2>

<ul class="list-box">

<li>

<div class="meta">

<span class="date">Сегодня, 10:54</span>

<span class="author"><a href="#"><img src="images/icon-01.png" alt="" width="10" height="14" /><span>Олег</span></a></span>

</div>

<h3><a href="#">Где лучше отдыхать летом?</a></h3>

<div class="msg-box">

<a href="#" class="btn-raquo">read more</a>

<p>Вот, когда я в прошлом году отправлялся на от...</p>

</div>

</li>

<li>

<div class="meta">

<span class="date">Сегодня, 12:34</span>

<span class="author"><a href="#"><img src="images/icon-01.png" alt="" width="10" height="14" /><span>Godzza</span></a></span>

</div>

<h3><a href="#">Экскурсии в Харькове</a></h3>

<div class="msg-box">

<a href="#" class="btn-raquo">read more</a>

<p>Вчера был на обзорной экскурсии по Харькову. Не о...</p>

</div>

</li>

<li>

<div class="meta">

<span class="date">Сегодня, 15:38</span>

<span class="author"><a href="#"><img src="images/icon-01.png" alt="" width="10" height="14" /><span>Кристюша</span></a></span>

</div>

<h3><a href="#">Где лучше отдыхать летом?</a></h3>

<div class="msg-box">

<a href="#" class="btn-raquo">read more</a>

<p>Нет, больше никакого Крыма. Я помню когда еха...</p>

</div>

</li>

</ul>

<div class="more">

<a href="#">все сообщения...</a>

</div>

</div>

</div>

</div><!-- /end boxes -->

<div class="boxes">

<div class="item-box">

<h2>Фотографии посетителей</h2>

<ul class="img-list">

<li><a href="#"><img src="images/img-02.jpg" alt="" width="135" height="100" /></a></li>

<li><a href="#"><img src="images/img-03.jpg" alt="" width="135" height="100" /></a></li>

<li><a href="#"><img src="images/img-04.jpg" alt="" width="135" height="100" /></a></li>

<li><a href="#"><img src="images/img-05.jpg" alt="" width="135" height="100" /></a></li>

</ul>

<div class="more"><a href="inner02.html">перейти в галерею...</a></div>

</div>

</div><!-- /end boxes -->

<div class="boxes">

<div class="item-box">

<h2>Горящие предложения</h2>

<div class="holder">

<div class="box">

<div class="card" id="eq3">

<div class="img"><img src="images/img-06.jpg" alt="" width="135" height="100" /></div>

<div class="holder">

<h3>Ямайка</h3>

<p>Отдых на Ямайке подарит Вам незабываемые впечатления!</p>

<strong class="price">от 400 у.е.</strong>

</div>

</div>

</div>

<div class="box">

<div class="card" id="eq4">

<div class="img"><img src="images/img-07.jpg" alt="" width="135" height="100" /></div>

<div class="holder">

<h3>Тайланд</h3>

<p>Туры в Тайланд - это не только отдых, но и оздоровление!</p>

<strong class="price">от 520 у.е.</strong>

</div>

</div>

</div>

</div>

<div class="more"><a href="#">смотреть все...</a></div>

</div>

</div><!-- /end boxes -->

<div class="boxes">

<div class="item-box">

<h2>Полезная статья</h2>

<div class="textshadow entry">

<h3>Всё про отдых в Египте</h3>

<p>Климат Египта повсеместно тропический пустынный, Египет является частью пустыни Сахары. Лето очень жаркое, столбик термометра может местами в тени приближаться к 50-градусной отметке, но ночью всегда намного прохладнее, суточные перепады температур очень велики, межсезонные меньше. На морях колебания межсуточные и межсезонные несколько меньше. Зимы более прохладные, температура днём в январе обычно варьирует в пределах 20-25 °C. Ночи холодные, температура в среднем составляет 10 °C, но в пустынях возможны и слабые заморозки (до ?5 °C).</p>

<p>Горнодобывающая промышленность сосредоточена в районе побережья Красного моря -- добыча нефти, газа и фосфатов, в долине Нила -- железной руды, в дельте Нила -- поваренной соли.</p>

</div>

<div class="more"><a href="inner03.html">читать полностью...</a></div>

</div>

</div><!-- /end boxes -->

</div>

</div>

</div>

<div id="left-column">

<div class="tabs tab-holder1">

<ul class="tabs-nav">

<li><a href="#tab1">Новости туризма</a></li>

<li><a href="#tab2">Новости портала</a></li>

</ul>

<div class="tabs-box" id="tab1">

<ul class="news1">

<li>

<div class="img">

<a href="#"><img src="images/img-007.jpg" width="65" height="65" alt="image" /></a>

</div>

<div class="text">

<a href="#">Японские турфирмы предлагают россиянам бесплатные отели</a>

</div>

</li>

<li>

<div class="img">

<a href="#"><img src="images/img-008.jpg" width="65" height="65" alt="image" /></a>

</div>

<div class="text">

<a href="#">Мир без виз: куда украинцы могут поехать без проблем</a>

</div>

</li>

<li>

<div class="img">

<a href="#"><img src="images/img-009.jpg" width="65" height="65" alt="image" /></a>

</div>

<div class="text">

<a href="#">Вишивальниця провела під час виставки у Львові майстер-класи</a>

</div>

</li>

</ul><!-- news1 end -->

<div class="btn-hold">

<a href="#">смотреть все...</a>

</div>

</div>

<div class="tabs-box" id="tab2">

tab2

</div>

</div><!-- tabs end -->

<div class="tabs tab-holder2">

<ul class="tabs-nav">

<li><a href="#tab3">Новые туры</a></li>

<li><a href="#tab4">Популярные туры</a></li>

</ul>

<div class="tabs-box" id="tab3">

<ul class="news1">

<li>

<div class="img">

<a href="#"><img src="images/img-010.jpg" width="57" height="52" alt="image" /></a>

</div>

<div class="text">

<a href="#">Ямайка</a>

<span>от 400 у.е.</span>

<div class="btn-hold">

<a href="#">смотреть все...</a>

</div>

</div>

</li>

</ul><!-- news1 end -->

</div>

<div class="tabs-box" id="tab4">

tab4

</div>

</div><!-- tabs end -->

<div class="tabs tab-holder3">

<ul class="tabs-nav">

<li><a href="#tab5">Заказ звонка</a></li>

<li><a href="#tab6">Написать нам</a></li>

</ul>

<div class="tabs-box" id="tab5">

<div class="form-contact">

<form action="#">

<div class="row">

<label for="lbl10">Ваше имя:</label>

<div class="text-form">

<input id="lbl10" type="text" value="" />

</div>

</div>

<div class="row">

<label for="lbl11">Телефон:</label>

<div class="text-form">

<input id="lbl11" type="text" value="" />

</div>

</div>

<div class="row">

<label for="lbl12">В котором часу звонить?</label>

<div class="w-sel">

<select id="lbl12">

<option></option>

</select>

</div>

</div>

<div class="row row2">

<label for="lbl13">Цель звонка:</label>

<select id="lbl13">

<option></option>

</select>

</div>

<div class="row">

<input class="btn-send" type="submit" value="Отправить" />

</div>

</form>

</div><!-- form-contact end -->

</div>

<div class="tabs-box" id="tab6">

<div class="form-contact">

<form action="#">

<div class="row">

<label for="lbl14">Ваше имя:</label>

<div class="text-form">

<input id="lbl14" type="text" value="" />

</div>

</div>

<div class="row">

<label for="lbl15">E-MAIL:</label>

<div class="text-form">

<input id="lbl15" type="text" value="" />

</div>

</div>

<div class="row">

<label for="lbl16">Текст:</label>

<div class="area">

<textarea id="lbl16" cols="20" rows="3"></textarea>

</div>

</div>

<div class="row">

<input class="btn-send" type="submit" value="Отправить" />

</div>

</form>

</div><!-- form-contact end -->

</div>

</div><!-- tabs end -->

<div class="sky-box">

<img src="images/img-sky.png" width="230" height="97" alt="image" />

</div>

</div><!-- left-column end -->

</div>

</div>

</div><!-- main end -->

<div id="footer">

<div class="box1">

<p>&copy; 2009--2011 Туристическое агентство «Verona Typ»</p>

<p>Все права защищены.</p>

<p>Использование материала данного сайта только с указанием ссылки на источник.</p>

</div>

<div class="box4">

<ul>

<li>Портал выполнен в студии</li>

<li>Сячина Димы</li>

<li>+38 (098) 936-88-87</li>

</ul>

</div>

<div class="box3">

<div class="col">

<h3>Телефоны для агентств: </h3>

<div class="holder">

<span>Verona Typ :</span>

<ul>

<li>+38 (098) 936-88-87</li>

</ul>

</div>

</div>

<div class="col">

<h3>Телефоны для частных лиц: </h3>

<div class="holder">

<span>Verona Typ :</span>

<ul>

<li>+38 (098) 936-88-87</li>

</ul>

</div>

</div>

</div>

<div class="box-ticker">

<ul>

<li><img src="images/img-019.png" width="88" height="31" alt="image" /></li>

</ul>

</div>

</div><!-- footer end -->

</div>

</body>

</html>

ПРИЛОЖЕНИЕ Б

CSS-код електронного издания

html{background:url(../images/bg-body.jpg) 50% 0;}

body{

margin:0;

color:#000;

font:12px/14px Arial, Helvetica, sans-serif;

min-width:1024px;

background:url(../images/bg-body.jpg) 50% 0;

}

img{border-style:none;}

a{

color:#000;

text-decoration:underline;

}

a:hover{text-decoration:none;}

input,

textarea,

select{

color:#000;

vertical-align:middle;

font:100% Arial, Helvetica, sans-serif;

}

form,fieldset{

margin:0;

padding:0;

border-style:none;

}

#wrapper{width:100%;}

/* header start */

#header{

background:url(../images/bg-header.png);

margin-bottom:6px;

position: relative;

z-index: 100;

}

#header .top{overflow:hidden;}

.logo{

float:left;

background:url(../images/logo.png) no-repeat;

width:198px;

height:131px;

overflow:hidden;

text-indent:-9999px;

margin:0 -18px 0 0;

}

.logo a{

display:block;

height:100%;

}

#header .top .box1{

float:right;

margin-right:7px;

}

#header .top .box1 .title{

overflow:hidden;

float:right;

}

#header .slogan{

float:left;

background:url(../images/slogan.png) no-repeat;

width:410px;

height:82px;

overflow:hidden;

text-indent:-9999px;

margin:0 -2000px 0 0;

}

#header .top .box1 .title ul{

margin:0;

padding:8px 0 6px;

list-style:none;

float:right;

}

#header .top .box1 .title ul li{

float:left;

padding-left:6px;

}

#header .top .box1 .title ul li img{vertical-align:top;}

#header .top .box1 .bottom-box{

overflow:hidden;

float:right;

clear:right;

white-space:nowrap;

}

* + html #header .top .box1 .bottom-box {clear:none;}

#header .top .box1 .bottom-box ul{

margin:0;

padding:0;

list-style:none;

float:left;

}

#header .top .box1 .bottom-box ul li{

float:left;

padding-right:5px;

}

#header .top .box1 .bottom-box ul li img{vertical-align:top;}

.form-search{

float:left;

width:400px;

height:34px;

background:url(../images/bg-form-search.png) no-repeat;

padding:6px 0 0;

}

.form-search label{

float:left;

color:#666;

padding:2px 0 0 9px;

width:54px;

font:20px/23px 'AcademyItalic';

}

.form-search .text-form{

float:left;

width:146px;

height:18px;

padding:2px;

border:1px solid #fff;

margin:2px 11px 0 0;

}

.form-search .text-form input{

width:140px;

float:left;

padding:2px 3px;

line-height:14px;

background:none;

border:0;

margin:0;

}

.form-search a{

float:left;

font-size:10px;

line-height:12px;

margin-right:17px;

}

.btn-search{

width:80px;

height:22px;

float:left;

overflow:hidden;

background:url(../images/btn-search.png) no-repeat;

border:0;

font-size:16px;

line-height:21px;

cursor:pointer;

margin:3px 0 0;

padding:0 0 2px;

font-style:italic;

}

.form-login{

width:298px;

height:87px;

float: right;

background:url(../images/bg-form-login.png) no-repeat;

padding-top:5px;

margin:8px 0 0 0;

display:none;

}

.form-login .row{

overflow:hidden;

padding:0 0 7px 21px;

}

.form-login label{

float:left;

color:#666;

font:italic 16px/15px 'AcademyItalic';

padding:7px 0 0;

width:64px;

}

.form-login .text-form{

float:left;

width:201px;

height:18px;

padding:2px;

border:1px solid #fff;

}

.form-login .text-form input{

width:195px;

float:left;

padding:2px 3px;

line-height:14px;

background:none;

border:0;

margin:0;

}

.form-login ul{

margin:6px 0 0 -2px;

padding:0;

list-style:none;

float:left;

overflow:hidden;

}

.form-login ul li{

float:left;

font:italic 11px/15px Georgia, "Times New Roman", Times, serif;

background:url(../images/separator-01.gif) no-repeat 0 2px;

padding:0 4px;

}

.form-login ul li:first-child{background:none;}

.form-login ul li a{color:#333;}

.form-login .btn-search{

float:right;

margin:0 5px 0 0;

}

.login-btn {

float:right;

background:url(../images/login-btn.png) no-repeat;

text-indent:-9999px;

overflow:hidden;

width:30px;

height:92px;

margin:8px 0 0 0;

outline:none;

}

#header .box2{

overflow:hidden;

height:92px;

margin:8px 7px 0 0;

background:url(../images/bg-box2.png) repeat-x;

width:205px;

float:right;

}

#header .box2 .top-b{

overflow:hidden;

color:#333;

height:51px;

padding:6px 0 0 6px;

}

#header .box2 .top-b span{

float:left;

font-size:15px;

line-height:19px;

}

#header .box2 .top-b span em{

display:block;

font:16px/25px 'ZurichCalligraphicItalic';

letter-spacing:1px;

}

#header .box2 .top-b strong{

font:43px/54px 'BradleyHandITCRegular';

display:block;

text-align:center;

margin-top:-8px;

background:none;

border:0;

padding:0;

width:30px;

}

#header .box2 .top-b .hold{

overflow:hidden;

padding:0 8px;

}

#header .box2 .vk{

overflow:hidden;

padding:0 10px 0;

}

#header .box2 .vk .img{

float:left;

padding-right:5px;

}

#header .box2 .vk .img img{vertical-align:top;}

#header .box2 .vk p{

margin:0;

line-height:16px;

}

#nav{

background:url(../images/bg-nav.png);

margin:-18px 0 0;

padding:8px 0;

list-style:none;

height:17px;

text-align:center;

}

#nav li{

display:inline;

background:url(../images/separator-01.gif) no-repeat 0 11px;

font-size:15px;

line-height:17px;

padding:8px 2px 8px 7px;

position:relative;

}

#nav li:first-child{background:none;}

#nav li a{

color:#333;

text-decoration:none;

}

#nav li a:hover{text-decoration:underline;}

#nav li:hover{position:relative;}

#nav li:hover .drop{display:block;}

#nav .active a{text-decoration:underline;}

.drop{

width:532px;

overflow:hidden;

background:url(../images/none.gif);

position:absolute;

left:-115px;

top:33px;

display:none;

z-index:100;

}

.drop .holder{

background:url(../images/bg-drop.png) no-repeat;

height:195px;

padding:32px 34px 0 20px;

}

.drop .col1{

width:224px;

float:left;

padding-top:12px;

}

#nav li .drop .col1 ul{

margin:0;

padding:0;

list-style:none;

}

#nav li .drop .col1 ul li{

overflow:hidden;

padding:0 0 7px;

display:block;

background:none;

text-align:left;

font-size:10px;

line-height:13px;

}

#nav li .drop .col1 ul li a{text-decoration:underline;}

#nav li .drop .col1 ul li a:hover{text-decoration:none;}

#nav li .drop .col1 ul li .txt{

overflow:hidden;

padding-top:7px;

word-spacing:-1px;

}

#nav li .drop .col1 ul li .img{

width:30px;

height:20px;

overflow:hidden;

margin:0 6px 0 0;

float:left;

}

#nav li .drop .col1 ul li .img img{vertical-align:top;}

#nav li .drop .col2{

width:237px;

float:right;

text-align:left;

}

#nav li .drop .col2 h3{

margin:0 0 1px;

font:italic 17px/23px Georgia, "Times New Roman", Times, serif;

}

#nav li .drop .col2 .hold{

overflow:hidden;

height:63px;

}

#nav li .drop .col2 .hold .img{

float:left;

width:51px;

height:51px;

margin:4px 11px 0 0;

}

#nav li .drop .col2 .hold img{vertical-align:top;}

#nav li .drop .col2 .hold .txt{overflow:hidden;}

#nav li .drop .col2 .hold .txt span{

display:block;

font-size:13px;

}

#nav li .drop .col2 .hold .txt p{

margin:0;

font-size:11px;

line-height:13px;

}

#nav li .drop .col2 .hold .txt p img{padding-top:4px;}

#nav li .drop .col2 .text{overflow:hidden;}

#nav li .drop .col2 .text img{

float:left;

margin:1px 4px 0;

}

#nav li .drop .col2 .text .frame{overflow:hidden;}

#nav li .drop .col2 .text p{

margin:0;

font-size:10px;

line-height:12px;

}

/* nav end */

/* header end */

/* main start */

#main{

overflow:hidden;

padding-bottom:11px;

}

.bg-left{

float:left;

background:url(../images/bg-left-column.png) no-repeat;

width:100%;

}

.bg-right{

float:left;

width:100%;

}

#main-wrapper{

float:left;

width:100%;

}

#content-column{margin:0 10px 0 255px;}

#left-column{

float:left;

width:230px;

margin-left:-100%;

padding:9px 13px 0 12px;

height:781px;

}

#right-column{

float:left;

width:421px;

margin-left:-448px;

height:777px;

padding:13px 14px 0 13px;

}

.tab-holder1{

height:280px;

overflow:hidden;

padding-bottom:25px;

}

.tabs-nav{

overflow:hidden;

margin:0 0 -1px -4px;

padding:0;

list-style:none;

width:234px;

}

.tabs-nav li{

float:left;

padding:0 0 0 4px;

text-align:center;

font:italic 13px/17px "Times New Roman", Times, serif;

}

.tabs-nav li a{

display:block;

width:111px;

border:1px solid #6c6a5c;

background:url(../images/bg-tabs-nav-a.png);

color:#666;

padding:3px 0;

}

.tabs-nav li a:hover,

.tabs-nav li.ui-state-active a{

background:url(../images/bg-tabs-nav-a-hover.png);

color:#000;

text-decoration:none;

padding-bottom:9px;

}

.tabs-box{

background:url(../images/bg-tabs-box.png);

border:1px solid #6c6a5c;

padding:0 5px 0 6px;

}

.tab-holder1 .tabs-box{height:248px;}

.news1{

margin:0;

padding:10px 0 0;

list-style:none;

}

.news1 li{

overflow:hidden;

padding-bottom:9px;

}

.news1 li .img{

float:left;

width:65px;

height:65px;

overflow:hidden;

margin-right:13px;

}

.news1 li .img img{vertical-align:top;}

.btn-hold{

overflow:hidden;

margin:-5px 4px 0 11px;

}

.btn-hold span{float:left;}

.btn-hold a{

float:right;

color:#003;

font-size:12px;

}

.news1 li .text{

overflow:hidden;

padding-top:10px;

}

.tab-holder2{

height:96px;

overflow:hidden;

margin-bottom:34px;

}

.tab-holder2 .tabs-box{height:64px;}

.tab-holder2 .news1{padding:5px 0 0 3px;}

.tab-holder2 .news1 li{padding:0;}

.tab-holder2 .news1 li .img{

width:57px;

height:52px;

}

.tab-holder2 .news1 li .text{

font-size:15px;

line-height:17px;

padding-top:1px;

}

.tab-holder2 .news1 li .text span{

display:block;

color:#c00;

font-size:12px;

}

.tab-holder2 .btn-hold{margin-top:1px;}

.tab-holder3{

height:211px;

overflow:hidden;

margin-bottom:28px;

}

.tab-holder3 .tabs-box{height:148px;}

.form-contact{padding:10px 1px 0 0;}

.form-contact .row{

padding-bottom:8px;

width:100%;

}

.form-contact .row:after{

content:"";

display:block;

clear:both;

}

.form-contact label{

float:left;

min-width:65px;

padding-top:3px;

font-size:13px;

}

.form-contact .text-form{

float:left;

width:145px;

height:17px;

border:1px solid #676766;

padding:2px;

}

.form-contact .text-form input{

float:left;

width:139px;

padding:0 3px 0;

background:none;

border:0;

}

.form-contact .w-sel{

width:57px;

float:right;

}

.form-contact select{

width:57px;

float:right;

margin:0;

padding:0;

}

.form-contact .row2{margin-top:-6px;}

.form-contact .row2 label{

float:none;

display:block;

padding-bottom:4px;

}

.form-contact .row2 select{

float:none;

width:218px;

}

.btn-send{

width:100px;

height:25px;

background:url(../images/btn-send.png) no-repeat;

border:0;

cursor:pointer;

float:right;

text-decoration:underline;

font-size:14px;

line-height:25px;

margin:6px -7px 0 0;

padding:0 0 3px;

overflow:hidden;

color:#333;

}

.btn-send:hover{text-decoration:none;}

.form-contact .area{

float:left;

width:139px;

height:55px;

padding:5px;

border:1px solid #676766;

margin-bottom:2px;

}

.form-contact .area textarea{

float:left;

width:139px;

height:55px;

max-width:139px;

max-height:55px;

min-width:139px;

min-height:55px;

overflow:auto;

background:none;

border:0;

}

.sky-box{

width:230px;

height:97px;

background:url(../images/bg-sky-box.png) no-repeat;

overflow:hidden;

}

.sky-box img{vertical-align:top;}

.tab-holder4{

height:359px;

overflow:hidden;

margin-bottom:21px;

}

.tab-holder4 .tabs-box{height:313px;}

#right-column .tabs-nav{width:425px;}

#right-column .tabs-nav :first-child a{width:135px;}

#right-column .tabs-nav li{font:italic 16px/19px "Times New Roman",Times,serif;}

#right-column .tabs-nav li a{

width:136px;

padding:9px 0;

}

#right-column .tabs-nav li a:hover,

#right-column .tabs-nav li.ui-state-active a{padding-bottom:15px;}

.video-holder{

margin:7px 0 12px 23px;

width:360px;

height:277px;

}

.video-holder img{vertical-align:top;}

.tab-holder4 .list-box{

margin:0;

padding:9px 0 42px 11px;

}

.tab-holder4 .list-box li{

padding:0 10px 1px 0;

margin-bottom:4px;

background:url(../images/divider-01.png) no-repeat 0 100%;

width:385px;

}

.photo-list{

overflow:hidden;

margin:0 0 -10px;

padding:13px 0 0 24px;

list-style:none;

}

.photo-list li{

float:left;

width:170px;

padding:0 0 11px 13px;

}

.photo-list li .img{overflow:hidden;}

.photo-list li .img img{vertical-align:top;}

.photo-list li .info{

overflow:hidden;

font-size:10px;

line-height:13px;

}

.photo-list li .info span{

float:left;

padding:0 17px 0 0;

background:url(../images/ico-07.png) no-repeat 97% 2px;

}

.photo-list li .info a{float:left;}

.free-box{

overflow:hidden;

font-size:15px;

line-height:19px;

margin:0 -8px 19px;

height:40px;

}

.free-box .free-link{

width:216px;

float:left;

}

.free-box .free-link span{

color:#f00;

padding:0 15px 0 0;

display:block;

text-align:right;

}

.free-box .hot-link{

color:#f00;

text-decoration:none;

width:205px;

float:right;

padding:9px 0;

}

.free-box .hot-link:hover{text-decoration:underline;}

.tab-holder5{

height:320px;

overflow:hidden;

}

.tab-holder5 .tabs-box{height:274px;}

.last-list-news{

margin:0 0 -8px;

padding:7px 2px 0 12px;

list-style:none;

}

.last-list-news li{

overflow:hidden;

padding-bottom:7px;

}

.last-list-news li .img{

width:120px;

float:left;

overflow:hidden;

margin:0 14px 0 0;

}

.last-list-news li .img img{vertical-align:top;}

.last-list-news li .text{overflow:hidden;}

.last-list-news li .text h3{

margin:0;

font-size:13px;

line-height:16px;

font-weight:normal;

}

.last-list-news li .text p{

margin:0 0 7px;

font-size:11px;

line-height:13px;

}

.last-list-news li .text .btn-hold{font-size:13px;}

#right-column .tab-holder5 .tabs-nav .seo{width:101px;}

#right-column .tab-holder5 .tabs-nav li a,

#right-column .tab-holder5 .tabs-nav li:first-child a{width:153px;}

.text-tab{

font-size:13px;

line-height:16px;

padding:12px 10px 0;

}

.text-tab p{margin:0 0 13px;}

/* content start */

#content{

margin:0 12px 0;

min-height:790px;

padding:8px 12px 0 14px;

background:url(../images/bg-content01.png);

}

.boxes{

padding:5px 0 8px;

width: 100%;

overflow:hidden;

}

.boxes .box{

float:left;

width:50%;

overflow: hidden;

}

.item-box{

margin:0 3px;

border:1px solid #a9af7f;

height:1%;

background:url(../images/bg-item.png);

padding:2px 5px 24px;

position:relative;

}

.item-box h2{

margin:0 0 8px;

font-size:16px;

line-height:19px;

font-weight:normal;

}

.item-box .holder{overflow:hidden;}

.item-box .descr{

overflow:hidden;

padding:0 9px 5px;

}

.item-box .img{

float:left;

padding:0 8px 8px 0;

background:url(../images/bg-img.png) no-repeat 100% 100%;

margin:0 3px 0 0;

}

.item-box .img img{vertical-align:top;}

.item-box .descr h3{

font-size:16px;

line-height:19px;

font-weight:normal;

margin:0;

}

.item-box p{margin:0 0 14px;}

.item-box .more{

width:100%;

position:absolute;

left:0;

bottom:8px;

text-align:right;

font-size:12px;

line-height:15px;

}

.item-box .more a{

text-decoration:underline;

color:#003;

margin:0 5px;

}

.item-box .more a:hover{text-decoration:none;}

.item-box .ttl-2{

margin:0 5px;

text-align:right;

}

.list-box{

list-style:none;

margin:-5px 0 0;

position:relative;

padding:0 3px;

}

.list-box li{

width:100%;

vertical-align:top;

font-size:11px;

line-height:14px;

}

.list-box .meta{height:1%;color:#030;}

.list-box .meta:after{

clear:both;

content:"";

display:block;

}

.list-box .meta .date{

float:left;

padding:0 6px 0 0;

}

.list-box .meta a{

text-decoration:underline;

color:#030;

}

.list-box .meta a:hover{text-decoration:none;}

.list-box .meta .author{

float:left;

cursor:pointer;

text-decoration:none;

position:relative;

}

.list-box .meta .author img{

position:relative;

float:left;

margin:0 6px -2px 0;

}

.list-box .meta .author span{

float:left;

text-decoration:underline;

}

.list-box .meta .author:hover span{text-decoration:none;}

.list-box h3{

margin:0;

font-size:13px;

line-height:16px;

font-weight:normal;

}

.list-box h3 a{color:#030;}

.msg-box{

height:1%;

overflow:hidden;

padding:0 2px 0 0;

}

.msg-box .btn-raquo{

float:right;

width:7px;

height:5px;

text-indent:-9999px;

overflow:hidden;

background:url(../images/btn-raquo.gif) no-repeat;

margin:4px 0 0 10px;

}

.msg-box p{margin:0;}

.img-list{

list-style:none;

margin:0;

padding:0;

height:1%;

overflow:hidden;

}

.img-list li{

float:left;

overflow:hidden;

position:relative;

width:25%;

text-align:center;

padding:0 0 12px;

}

.img-list a{

display:block;

padding:0 8px 8px 0;

width:135px;

height:100px;

overflow:hidden;

margin:0 auto;

background:url(../images/bg-img.png) no-repeat 100% 100%;

}

.img-list img{vertical-align:top;}

.card{

height:1%;

overflow:hidden;

border:1px solid #676766;

margin:0 2px 0 5px;

padding:9px 10px 4px 7px;

position:relative;

font-size:11px;

line-height:14px;

}

.card .holder{padding:0 0 22px;}

.card .price{

position:absolute;

bottom:8px;

right:8px;

font-size:15px;

line-height:18px;

font-weight:normal;

}

.entry{

padding:0 3px;

font-size:13px;

line-height:16px;

}

.entry h3{

font-size:15px;

line-height:18px;

font-weight:normal;

margin:0 0 8px;

}

#content .text-holder{padding:4px 0 0;}

#content .text-holder h2{

margin:0 0 4px;

color:#000;

font:24px/27px 'AcademyItalic';


Подобные документы

  • Физическая модель данных. Разработка структуры системы, описание алгоритмов. Разработка интерфейса взаимодействия пользователя. Макет сайта туристического агентства, способы доступа к данным. Требования к программе, стадии и этапы разработки, листинг.

    дипломная работа [4,4 M], добавлен 03.05.2012

  • Проектирование сайта учителя в системе Ucoz с учетом особенностей педагогической деятельности. Обновление и пополнение содержимого сайта. Регистрация пользователей. Настройка дизайна и выбор модулей для сайта. Создание меню и наполнение сайта контентом.

    курсовая работа [2,1 M], добавлен 14.06.2014

  • Технологии создания, оформления и управления. Обоснование выбора технологии и среды. Средства создания Web-страниц. Специальные добавки к HTML. Программы для обработки графических файлов. Разработка и администрирование сайта туристического агентства.

    курсовая работа [2,2 M], добавлен 07.11.2011

  • Обоснование выбора инструментальных средств создания ПП. Технология разработки сайта для индивидуального предпринимателя туристического агентства "Планета-тур". Перечень характеристик входных и выходных данных. Сценарий пользовательского интерфейса.

    курсовая работа [1,3 M], добавлен 26.01.2013

  • Определение методики создания и поддержки веб-сайта о дорожном движении. Описания выбора подходящей среды разработки, создания карты и тематических разделов сайта. Характеристика учета возраста, индивидуальных и личностных особенностей пользователей.

    курсовая работа [11,3 M], добавлен 29.03.2012

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Технологии и методы создания сайта для офиса рекламного агентства "Рона" в соответствии с деятельностью всей организации. Выбор инструментальных программных средств. Структура программного продукта Web–сайта. Функциональные возможности разделов.

    курсовая работа [1,5 M], добавлен 30.12.2014

  • Эффективность web-сайта в процессе развития компании, этапы его проектирования. Средства для создания web-сайтов. Разработка web-сайта для праздничного агентства "Креатив", его структура и функциональные возможности. Создание главного меню и галереи.

    курсовая работа [919,8 K], добавлен 20.01.2016

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

    дипломная работа [2,4 M], добавлен 27.10.2017

  • Разработка сайта с использованием современных программных средств. Разработка дизайна оформления, делающего сайт комфортным для пользователей. Основная концепция и содержание веб-сайта. Реализация регистрации и входа на сайт с использованием баз данных.

    курсовая работа [837,0 K], добавлен 18.10.2022

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.