Корпоративний сайт по переобладнанню автомобілів "GT-auto"

Розробка веб-сайту для підприємства "GT-auto", його структура. Етапи та мова програмування, оцінка якості програмного продукту. Розрахунок трудомісткості продукту та його економічної ефективності, етапи та терміни виконання. Заробітна плата програміста.

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

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

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

- температура - 18-23 0С;

- вологість - 40-60 %;

- швидкість руху повітря - 0,2-0,5 м за сек.

Нормалізація параметрів мікроклімату здійснюється за допомогою комплексу заходів та засобів колективного захисту, які включають будівельно-планувальні, організаційно-технічні, санітарно-гігієнічні, технічні та інші. Для профілактики перегрівань та переохолоджень робітників використовуються засоби індивідуального захисту.

Пожежа - це не контрольоване горіння поза спеціальним вогнищем, що поширюється в часі і просторі; це стихійне лихо, яке приводить до загибелі людей, знищення матеріальних ресурсів та забруднення навколишнього середовища.

Пожежі поділяються на 5 класів:

I кл. - горіння твердих речовин;

II кл. - горіння рідин;

III кл. - горіння газів;

IV кл. - горіння металів;

V кл. - горіння електричних пристроїв.

Причинами виникнення пожеж можуть бути людський та природній фактори:

а) людський фактор:

- необережне поводження з вогнем;

- дитячі пустощі з вогнем;

- нічне опалення;

- несправності електромережі;

б) природній фактор:

- атмосферна електрика;

- теплове, хімічне та мікробіологічне самозагорання.

Небезпечними факторами пожежі є:

- висока температура навколишнього середовища та іскри;

- токсичні продукти горіння;

- понижена концентрація кисню в зоні горіння;

- дим;

- вибухи горючих газів, руйнування будівельних конструкцій;

- паніка людей при пожежі.

Для правильного планування та успішного проведення заходів пожежної безпеки вагоме значення має оцінка об'єктів щодо їх вибухопожежо небезпеки. Умови виникнення та поширення пожежі в будівлях та приміщеннях залежить від кількості та вибухонебезпечних властивостей речовин і матеріалів, що в них знаходяться, а також особливістю технологічних процесів розміщених в них виробництв. Відповідно до норм технологічного проектування (ОНТП 24-86) та наказу МНС №833 від 03.12.2007р. За вибухопожежною та пожежною небезпекою приміщення та будівлі поділяються на п'ять категорій: А, Б, В, Г, Д.

Під пожежною безпекою об'єкта розуміють такий його смак, за якого з регламентованою імовірністю виключається можливість виникнення і розвитку пожежі та впливу на людей небезпечних чинників пожежі.

Основна система комплексу заходів та засобів щодо забезпечення пожежної безпеки об'єкта є система організаційно-технічних заходів. Всі заходи організаційно-технічного характеру на об'єкті можна розділити на організаційні, технічні, режимні та експлуатаційні.

Організаційні заходи передбачають: організацію пожежної охорони на об'єкті, проведення навчань з пожежної безпеки (включаючи інструктажі та пожежно-технічні мінімуми), застосування наочних засобів протипожежної пропаганди та агітації, організацією ДПД та ПТК, проведення перевірок, оглядів стану пожежної безпеки приміщень та об'єктів в цілому.

До технічних засобів належить: суворе дотримання правил і норм, визначених нормативними документами при реконструкції приміщень, будівель та об'єктів, технічному переоснащенні електромереж, опалення, вентиляції, освітлення тощо.

Заходи режимного характеру передбачають заборону куріння та застосування відкритого вогню в недозволенних місцях, недопущення появи сторонніх осіб у вибухонебезпечних приміщеннях чи об'єктах, регламентацію пожежної безпеки при проведенні вогневих робіт.

Експлуатаційні заходи охоплюють своєчасне проведення профілактичних оглядів, випробувань, ремонтів технологічного та допоміжного устаткування, а також інженерного господарства (електромереж, опалення, вентиляції).

Системою протипожежного захисту є сукупність організаційних заходів, а також технічних засобів, спрямованих на запобігання впливу на людей небезпечних чинників пожежі та обмеження матеріальних збитків від неї яка здійснюється за чотирма напрямками:

1. Обмеження розмірів та поширення пожежі.

2. Обмеження розвитку пожежі.

3. Забезпечення безпечної експлуатації людей та майна.

4. Створення умов для успішного гасіння пожежі.

Забезпечення ефективності цих напрямків протипожежного захисту здійснюється за рахунок підвищення вогнестійкості будівельних конструкцій; згідно з ДСТУ БВ. 1.1-4-98 «Будівельні конструкції. Методи випробувань на вогнестійкість»; влаштування протипожежних перешкод, протипожежних стін, забезпечення протипожежних розривів та евакуаційних виходів під час проектування будівель та споруд.

Ефективне гасіння пожеж здійснюється чотирма основними способами:

- охолодженням горючих речовин або зони горіння;

- ізоляцією горючих речовин або окисника від зони горіння;

- розбавленням концентрації повітря чи горючих речовин;

- хімічним гальмуванням реакції горіння.

Для забезпечення цих способів гасіння пожеж використовуються наступні вогнегасильні речовини: вода, піна, інертні та негорючі гази, хладони, вогнегасні порошки. Вибір вогнегасної речовини залежить від класу пожежі.

Гасіння пожеж здійснюється пристосуваннями та засобами, які підрозділяються на стаціонарні, пересувні та первинні. Стаціонарні установки пожежогасіння являють собою апарати, трубопроводи та обладнання, які розміщені в постійних місцях і призначені для подачі вогнегасних речовин до місць займання. Такі установки поділяються на автоматичні та напівавтоматичні, які приводяться в дію відповідним сигналізатором (сповіщувачем) або спонукальним пристроєм.

До пересувних пожежних засобів належать пожежні машини, поїзди, катери, літаки, танки, а також пожежні насоси та мотопомпи.

Первинні засоби пожежогасіння призначені для ліквідації невеликих осередків пожеж, а також для гасіння пожеж на початковій стадії. До первинних засобів пожежогасіння належать вогнегасники, пожежний інвентар та пожежні інструменти. Залежно від вогнегасильної речовини вогнегасники поділяються на: водяні, водоімпульсні, пінні, вуглекислотні, порошкові, хладонові.

Для швидкого виявлення та оповіщення про пожежу підприємства забезпечуються системами пожежної сигналізації та оповіщення. Пожежні сповіщувачі - це пристрої, що формують сигнал про пожежу. Розрізняють пожежні сповіщувачі ручної та автоматичної дії. Ручний сповіщувач вимикає людина, що виявила пожежу, шляхом натискання на пускову кнопку.

Автоматичні сповіщувачі спрацьовують без участі людини від дії на них чинників, що супроводжують пожежу: підвищення температури, поява диму чи полум'я.

ВИСНОВКИ

Результатом виконання дипломного проектування є створення корпоративного сайту по переобладнанню автобусів «GT-auto».

Створений сайт несе такі функціональні можливості:

- добавлення, редагування та видалення текстової та графічної інформації;

- можливість завантаження літератури, положень та необхідних програм;

- надання інформації про діяльність відділення програмування;

- надання необхідної інформації для абітурієнтів.

Програмний продукт був реалізований за допомогою HTML, CSS, JavaScript, PHP, My SQL.

перелік джерел

1. Билл Кеннеди, Чак Муссиано - "HTML и XHTML. Подробное руководство (HTML & HXTML. The Definitive Guide)";

2. Эрик Мейер - "CSS-каскадные таблицы стилей. Подробное руководство (Cascading Style Sheets: The Definitive Guide)";

3. К. Шмитт - "CSS. Рецепты программирования (CSS: Cookbook)";

4. Б. Хеник - "HTML и CSS. Путь к совершенству (HTML и CSS: The Good Parts)".

Додатки

Додаток А

Лістинг index.html:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" slick-uniqueid="3">

<head>

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

<meta name='yandex-verification' content='5f258b5708f5c3b1' />

<title>GT auto - Переоборудование автобусов, переоборудование микроавтобусовов, отделка салона автомобиля - О компании </title>

<meta name="description" content="Переоборудованием автобусов наша фирма занимается еще с 1995 года. Наша компания является отцом основателем такой сферы деятельности как переоборудование автобусов, переоборудование микроавтобусов и тому подобное. После чего, наши работники, которые решили что они и так хорошо справляются - решили создавать альтернативные компании, которые являются на уровень ниже, ведь у нас: свой личный склад, уникальный подход к каждому человеку персонально, а так же качество. Первое и что является в нашей компании самым главным - так это качественная работа, которую нам не стыдно показывать на нашем сайте. Робота - за которую мы не будем краснеть. Такое качество, что после нашей роботы к нам еще люди будут возвращаться с другой точки страны, и благодарить."/>

<meta name="keywords" content="Переоборудование автобусов, переоборудование микроавтобусов, переоборудование авто, переоборудование автомобилей"/>

<meta name="owner" content="mail@sigmus.com.ua"/>

<meta name="author" content="Андрушенко Йоганнес"/>

<meta name="h1" content="Переоборудовать автобус, переоборудовать автомобиль, переоборудовать микроавтобус" />

<meta name="h2" content="Переоборудование транспортных средств, переоборудовать транспортное средство, переоборудовать автобус Россия" />

<meta name="h3" content="Переоборудовать автобус Украина, переоборудовать автомобиль Украина, переоборудовать микроавтобус Украина" /

<link href="other_styles/template_css.css" rel="stylesheet" type="text/css">

<link href="other_styles/superfish.css" rel="stylesheet" type="text/css">

<link href="other_styles/zoombox.css" rel="stylesheet" type="text/css">

<link href="other_styles/superfish-vertical.css" rel="stylesheet" type="text/css">

<link href="other_styles/module_styling.css" rel="stylesheet" type="text/css">

<link href="other_styles/template_manager.css" rel="stylesheet" type="text/css">

<link href="other_styles/pj_font-awesome.css" rel="stylesheet" type="text/css">

<!-- DYNAMIC CSS -->

<link href="other_styles/css" rel="stylesheet" type="text/css">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" type="text/css" href="css/style.css" />

<link rel="stylesheet" type="text/css" href="style.css" />

<script src="js/modernizr.custom.63321.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

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

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

</head>

<!--- Header ----------------------------------------------------------------------->

<?php include( "block/header.html") ?>

<!--- /Header ----------------------------------------------------------------------->

<div class="zonespot">

</div>

<div id="outer-container">

<!--- Header ----------------------------------------------------------------------->

<?php include( "block/body.html") ?>

<!--- /Header ----------------------------------------------------------------------->

<h1 style=" font-family: Calibri, sans-serif; font-weight: normal; line-height: 30px; color: rgb(51, 51, 51); background-color:#fff; ">Переоборудование автобусов</h1>

<div id="slider">

<ul class="rslides rslides1">

<li id="rslides1_s1" style="float: none; position: absolute; display: none; border-radius: 50px 10px 10px 10px;"><img title="Переоборудование грузовых" alt="Переоборудовать грузовой" src="cat/mers/tour_cat/10/28.jpg" style="border-radius: 5px 5px 5px 5px" width="610px"></li>

<li id="rslides1_s2" style="float: none; position: absolute; display: none;"><img src="cat/mers/vip_cat/2/13.jpg" title="Переоборудование микроавтобусов Украина" alt="Переоборудовать микроавтобус Украина" style="border-radius: 5px 5px 5px 5px" width="610px"></li>

<li id="rslides1_s3" style="float: none; position: absolute; display: none;"><img src="cat/mers/vip_cat/1/17.jpg" title="Переоборудование автобусов Россия" alt="Переоборудовать автобус Россия" style="border-radius: 5px 5px 5px 5px" width="610px"></li>

<li id="rslides1_s4" style="float: none; position: absolute; display: none;"><img src="cat/mers/tour_cat/9/1.jpg" title="Переоборудование автобусов Украина" alt="Переоборудовать автобус Украина" style="border-radius: 5px 5px 5px 5px" width="610px"></li>

</ul>

</div>

<div class="clear" style="margin: 0px; padding: 0px; border: 0px; font-size: 14px; font-family: Arial, Verdana, sans-serif; clear: both; color: rgb(51, 51, 51); line-height: 20px;"></div><p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-size: 14px; font-family: Arial, Verdana, sans-serif; color: rgb(51, 51, 51); line-height: 20px;">* Наша компания начала свою трудовую деятельность в 1995 году. Название компании&nbsp;<strong style="margin: 0px; padding: 0px; border: 0px; font-family: inherit;">GT</strong>&nbsp;происходит от имени основателя -&nbsp;<strong style="margin: 0px; padding: 0px; border: 0px; font-family: inherit;">G</strong>eorgy&nbsp;<strong style="margin: 0px; padding: 0px; border: 0px; font-family: inherit;">T</strong>ikan.&nbsp;</p><p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-size: 14px; font-family: Arial, Verdana, sans-serif; color: rgb(51, 51, 51); line-height: 20px;">*&nbsp;Благодаря многолетнему опыту работы, мы занимаем лидирующее место в области переоборудования автобусов и микроавтобусов всех видов, без исключения.</p><p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-size: 14px; font-family: Arial, Verdana, sans-serif; color: rgb(51, 51, 51); line-height: 20px;">*&nbsp;У нас современная большая база, работают высококвалифицированные инженеры, мастера своего дела, с большим стажем работы.</p><p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-size: 14px; font-family: Arial, Verdana, sans-serif; color: rgb(51, 51, 51); line-height: 20px;">Для клиентов, которые смогут приехать в Украину мы организуем, на время переоборудования Вашего автобуса, по желанию: жильё или лечебно-оздоровительный отдых в наших всемирно известных санаториях расположеных в горах, приобретём билеты на обратный путь в Россию, а самое главное предложим более привлекательную ценовую политику на все виды работ.</p><p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-size: 14px; font-family: Arial, Verdana, sans-serif; color: rgb(51, 51, 51); line-height: 20px;"><b>Мы постараемся позаботится о том, чтобы Вы провели свое время с пользой.</b></p><p style="margin: 0px 0px 15px; padding: 0px; border: 0px; font-size: 14px; font-family: Arial, Verdana, sans-serif; color: rgb(51, 51, 51); line-height: 20px;"><strong style="font-family: inherit; margin: 0px; padding: 0px; border: 0px;">Обращаясь к нам Вы получаете европейское качество -- по самым доступным ценам.&nbsp;</strong></p>

</div>

</div>

</div>

</div>

<!--contentcolumn -->

</div>

<!--contentframe-->

<div id="leftcolumn" class="accord2">

<div id="left-mod" class="cf">

<div class="floatpos1">

<div class="puremodule-frame">

<div class="puremodule ">

<div class="puremodule-pad cf">

<div class="module-title-bg-color">

<div class="module-title-l" align="center" style="background-color:#fff;border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;">

<div class="ie8wide">

<div class="module-icon">

</div>

<span>

<font class="ok_button" style="font-weight:900;">Галерея работ</font></span>

<div class="module-title-r">

</div>

</div>

</div>

</div>

<center>

</br>

<a class="show_popup" rel="photo_win2" href="#">

<div class="blogodel">

<img border="0" width="270" title="Переоборудование автобусов" alt="Переоборудовать автобус" src="cat/main/lim.jpg" />

<div class="more">Персональный автобус </div>

</div>

</a>

</br></br>

<a class="show_popup" rel="photo_win3" href="#">

<div class="blogodel">

<img border="0" width="270" title="Переоборудование микроавтобусов" alt="Переоборудовать микроавтобус" src="cat/main/tour.jpg" />

<div class="more"> Туристический автобус </div>

</a>

</div>

</br></br>

<a class="show_popup" rel="photo_win4" href="#">

<div class="blogodel">

<img border="0" width="270" title="Переоборудование автомобилей" alt="Переоборудовать автомобиль" src="cat/main/micro_do_9.jpg" />

<div class="more"> Микроавтобус до 9-ти мест</div>

</a>

</div>

</br></br>

<a class="show_popup" rel="photo_win5" href="#">

<div class="blogodel">

<img border="0" width="270" title="Переоборудование транспортных средств" alt="Переоборудовать транспортное средство" src="cat/main/gp.jpg" />

<div class="more"> Грузо-пассажирский автобус</div>

</a>

</div>

</center>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<!--inner-pad-->

</div>

<!--innerbarrel-->

</div>

<!--outer-container-->

</div>

</div>

</div>

</div>

</div>

</div>

<!--- Header ----------------------------------------------------------------------->

<?php include( "block/footer.html") ?>

<!--- /Header ----------------------------------------------------------------------->

</body></html>

Додаток А

Лістинг index.html:

@import url('demo.css');

.mi-slider {

position: relative;

margin-top: -580px;

margin-left: 350px;

height: 550px;

}

.mi-slider ul {

list-style-type: none;

position: absolute;

width: 750px;

left: -50px;

bottom: 140px;

overflow: hidden;

text-align: center;

pointer-events: none;

}

.no-js .mi-slider ul {

position: relative;

left: auto;

bottom: auto;

margin: 0;

overflow: visible;

}

.mi-slider ul.mi-current {

pointer-events: auto;

}

.mi-slider ul li {

display: inline-block;

padding: 20px;

width: 20%;

max-width: 300px;

-webkit-transform: translateX(600%);

transform: translateX(600%);

-webkit-transition: opacity 0.2s linear;

transition: opacity 0.2s linear;

}

.no-js .mi-slider ul li {

-webkit-transform: translateX(0);

transform: translateX(0);

}

.mi-slider ul li a,

.mi-slider ul li img {

display: block;

margin: 0 auto;

}

.mi-slider ul li a {

outline: none;

cursor: pointer;

}

.mi-slider ul li img {

max-width: 100%;

border: none;

}

.mi-slider ul li h4 {

display: inline-block;

font-family: Verdana, serif;

font-style: italic;

font-weight: 700;

font-size: 13px;

padding: 1px 1px 0;

}

.mi-slider ul li:hover {

opacity: 0.7;

}

.mi-slider nav {

position: relative;

top: 400px;

text-align: center;

max-width: 630px;

margin: 45px auto;

border-top: 5px solid #333;

margin-bottom: -100px;

}

.no-js nav {

display: none;

}

.mi-slider nav a {

display: inline-block;

text-transform: uppercase;

letter-spacing: 5px;

padding: 35px 20px 20px 20px;

position: relative;

color: #888;

outline: none;

-webkit-transition: color 0.2s linear;

transition: color 0.2s linear;

}

.mi-slider nav a:hover,

.mi-slider nav a.mi-selected {

color: #000;

}

.mi-slider nav a.mi-selected:after,

.mi-slider nav a.mi-selected:before {

content: '';

position: absolute;

top: -5px;

border: solid transparent;

height: 0;

width: 0;

position: absolute;

pointer-events: none;

}

mi-slider nav a.mi-selected:after {

border-color: transparent;

border-top-color: #fff;

border-width: 20px;

left: 50%;

margin-left: -20px;

}

.mi-slider nav a.mi-selected:before {

border-color: transparent;

border-top-color: #333;

border-width: 27px;

left: 50%;

margin-left: -27px;

}

.mi-slider ul:first-child li,

.no-js .mi-slider ul li {

-webkit-animation: scaleUp 350ms ease-in-out both;

animation: scaleUp 350ms ease-in-out both;

}

@-webkit-keyframes scaleUp {

0% { -webkit-transform: translateX(0) scale(0); }

100% { -webkit-transform: translateX(0) scale(1); }

}

@keyframes scaleUp {

0% { transform: translateX(0) scale(0); }

100% { transform: translateX(0) scale(1); }

}

.mi-slider ul:first-child li:first-child {

-webkit-animation-delay: 90ms;

animation-delay: 90ms;

}

.mi-slider ul:first-child li:nth-child(2) {

-webkit-animation-delay: 180ms;

animation-delay: 180ms;

}

.mi-slider ul:first-child li:nth-child(3) {

-webkit-animation-delay: 270ms;

animation-delay: 270ms;

}

.mi-slider ul:first-child li:nth-child(4) {

-webkit-animation-delay: 360ms;

animation-delay: 360ms;

}

.mi-slider ul.mi-moveFromRight li {

-webkit-animation: moveFromRight 350ms ease-in-out both;

animation: moveFromRight 350ms ease-in-out both;

}

.mi-slider ul.mi-moveFromLeft li {

-webkit-animation: moveFromLeft 350ms ease-in-out both;

animation: moveFromLeft 350ms ease-in-out both;

}

.mi-slider ul.mi-moveToRight li {

-webkit-animation: moveToRight 350ms ease-in-out both;

animation: moveToRight 350ms ease-in-out both;

}

.mi-slider ul.mi-moveToLeft li {

-webkit-animation: moveToLeft 350ms ease-in-out both;

animation: moveToLeft 350ms ease-in-out both;

}

.mi-slider ul.mi-moveToLeft li:first-child,

.mi-slider ul.mi-moveFromRight li:first-child,

.mi-slider ul.mi-moveToRight li:nth-child(4),

.mi-slider ul.mi-moveFromLeft li:nth-child(4) {

-webkit-animation-delay: 0ms;

animation-delay: 0ms;

}

.mi-slider ul.mi-moveToLeft li:nth-child(2),

.mi-slider ul.mi-moveFromRight li:nth-child(2),

.mi-slider ul.mi-moveToRight li:nth-child(3),

.mi-slider ul.mi-moveFromLeft li:nth-child(3) {

-webkit-animation-delay: 90ms;

animation-delay: 90ms;

}

.mi-slider ul.mi-moveToLeft li:nth-child(3),

.mi-slider ul.mi-moveFromRight li:nth-child(3),

.mi-slider ul.mi-moveToRight li:nth-child(2),

.mi-slider ul.mi-moveFromLeft li:nth-child(2) {

-webkit-animation-delay: 180ms;

animation-delay: 180ms;

}

.mi-slider ul.mi-moveToLeft li:nth-child(4),

.mi-slider ul.mi-moveFromRight li:nth-child(4),

.mi-slider ul.mi-moveToRight li:first-child,

.mi-slider ul.mi-moveFromLeft li:first-child {

-webkit-animation-delay: 270ms;

animation-delay: 270ms;

}

@-webkit-keyframes moveFromRight {

0% { -webkit-transform: translateX(600%); }

100% { -webkit-transform: translateX(0%); }

}

@-webkit-keyframes moveFromLeft {

0% { -webkit-transform: translateX(-600%); }

100% { -webkit-transform: translateX(0%); }

}

@-webkit-keyframes moveToRight {

0% { -webkit-transform: translateX(0%); }

100% { -webkit-transform: translateX(600%); }

}

@-webkit-keyframes moveToLeft {

0% { -webkit-transform: translateX(0%); }

100% { -webkit-transform: translateX(-600%); }

}

@keyframes moveFromRight {

0% { transform: translateX(600%); }

100% { transform: translateX(0); }

}

@keyframes moveFromLeft {

0% { transform: translateX(-600%); }

100% { transform: translateX(0); }

}

@keyframes moveToRight {

0% { transform: translateX(0%); }

100% { transform: translateX(600%); }

}

@keyframes moveToLeft {

0% { transform: translateX(0%); }

100% { transform: translateX(-600%); }

}

.mi-slider {

-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

/* Медиа запросы */

@media screen and (max-width: 910px){

.mi-slider nav {

max-width: 90%;

}

.mi-slider nav a {

font-size: 12px;

padding: 40px 10px 30px 14px;

}

}

@media screen and (max-width: 740px){

.mi-slider {

height: 300px;

}

.mi-slider nav {

top: 220px;

}

}

@media screen and (max-width: 490px){

.mi-slider {

text-align: center;

height: auto;

}

.mi-slider ul {

position: relative;

display: inline;

bottom: auto;

pointer-events: auto;

}

.mi-slider ul li {

-webkit-animation: none !important;

animation: none !important;

-webkit-transform: translateX(0) !important;

transform: translateX(0) !important;

padding: 10px 3px;

min-width: 140px;

}

.mi-slider nav {

display: none;

}

Размещено на Allbest.ru


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

  • Дослідження та аналіз об’єкту програмування. Основні архітектурні риси JavaScript. Переваги CSS розмітки. Структура HTML-документа. Вимоги до апаратного та програмного забезпечення. Опис програми та її алгоритмів. Оцінка вартості програмного продукту.

    дипломная работа [1,0 M], добавлен 01.09.2016

  • Опис інформаційного забезпечення системи для розробки сайту. Технічне завдання на розробку web-сторінки. Комплект засобів, проектування та завантаження сторінок. Тестування сайту в різних браузерах. Розрахунок собівартості та ціни програмного продукту.

    дипломная работа [1,8 M], добавлен 14.05.2012

  • Основи криптосистем та їх використання. Шифрування методом гамування, його зміст, прийоми та етапи реалізації. Вимоги до програмного продукту, його структура та принципи роботи, схеми алгоритму, вимоги до функціональних можливостей. Лістинг програми.

    курсовая работа [245,5 K], добавлен 25.08.2014

  • Дослідження вбудованого акселерометра, розробка алгоритму автоматичного підрахунку фізичнх вправ і його практична реалізація у вигляді програмного продукту для смартфонів iPhone. Налаштування сервера. Поширення програмного продукту, його тестування.

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

  • Загальна характеристика програмного продукту Турбо Паскаль 7.0, його структура та функції. Методика та головні етапи формування квадратної матриці по заданій формулі. Розробка та лістинг отриманої програми. Аналіз результатів виконання програми.

    контрольная работа [145,0 K], добавлен 04.11.2013

  • Існуючі технології розробки сайтів, різноманітність мов програмування функціоналу WEB-додатків. Розробка структури сайту. Склад основних елементів внутрішньої структури клієнтської частини. Прогноз обсягів продажу програмного продукту, фінансовий план.

    дипломная работа [1,7 M], добавлен 12.05.2015

  • Особливості системи онлайн-агрегаторів новин, універсальної програмної платформи Microsoft Window. Використання мови програмування C#, створення бази даних. Розробка програмного продукту, алгоритм його створення. Вихідний код та інструкція користувача.

    дипломная работа [730,9 K], добавлен 21.01.2016

  • Розробка програмного продукту в програмному середовищі C++ Builder на прикладі гри "Шахи". Опис предметної області: правила пересування фігур по шаховій дошці. Концептуальна модель програмного продукту. Керівництва для програміста та користувача.

    отчет по практике [2,8 M], добавлен 27.02.2015

  • Створення навчальної програми для вирішення системи лінійних рівнянь різними методами. Детальне покрокове рішення та довідкова теоретична інформація. Структура і функціональне призначення модулів програмного продукту, основні елементи його інтерфейсу.

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

  • Особливості програмування web-орієнтованих інформаційних систем. Етапи створення web-сайту, вибір домену та хостингу. Опис програмного та апаратного середовища функціонування об’єкта проектування. Аналіз і вибір засобів для проектування web-додатків.

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

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