Разработка 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>© 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