Помощь в написании студенческих работ
Антистрессовый сервис

Разработка сетевых приложений

Курсовая Купить готовую Узнать стоимостьмоей работы

7931−0844−7.AdobeDreamweaver CS6. Официальный учебный курс. Эксмо, Москва, 2014. ISBN 978−5−699−69 655−0.Вадим Дунаев. HTML, скрипты и стили. BHV,. К. Блессинг, Роб Черни, К. Шмитт. Применение Web-стандартов CSS и Ajax для больших сайтов. Корона-Век, Санкт-Петербург, 2011. ISBN. Санкт-Петербург, 2015. ISBN 978−5−9775−3317−1.Чои Вин. Как спроектировать современный сайт. Питер, Санкт-Петербург… Читать ещё >

Разработка сетевых приложений (реферат, курсовая, диплом, контрольная)

Содержание

  • Введение
  • 1. Постановка задачи
    • 1. 1. HTML
    • 1. 2. CSS
    • 1. 3. JavaScript
  • 2. Структура формы
  • 3. Структура сайта
  • 4. Код ресурса
    • 4. 1. Index.html
    • 4. 2. about.html
    • 4. 3. order.html
    • 4. 4. sendErr.html
    • 4. 5. sendOk.html
    • 4. 6. uslugi.html
    • 4. 7. main.css
    • 4. 8. otel.js
  • 5. Интерфейс сайта
  • Заключение
  • Список использованных источников

html" >Бронирование</a></li><li class="nav-item" ><a class="nav-link" href="uslugi.html" >Услуги</a></li></ul></div></div><div class="row justify-content-center padd-15″ ><div class="jumbotron alert-warning" ><h1 class="display-3″ >Ошибка!</h1><pclass="lead" >К сожалению, во время отправки сообщения произошла непредвиденная ошибка.</p><hrclass="my-4″ ><p>Пожалуйста, попробуйте оформить заявку позднее.</p><p class="lead" ><a class="btnbtn-primary btn-lg" href="/" role="button" >Наглавную</a></p></div></div><div class="row justify-content-start align-items-center header-menu" ><div class="col-4″ >Тел.: <br> 8 (800) 777-25-25</div><div class="col-4″ >E-Mail: <br> super@otel.ru</div><div class="col-4″ >Адрес: <br>Козмодемьянск, <br> Ледовая 15</div></div> </div><!— Optional JavaScript —><!— jQuery first, then Popper. js, then Bootstrap JS —> <script src=".

https://code.jquery.com/jquery-3.

2.1. slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous" ></script> <script src=".

https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.

12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous" ></script> <script src=".

https://maxcdn.bootstrapcdn.com/bootstrap/4.

0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous" ></script> </body></html>sendOk.html<!doctype html><html lang="ru" > <head> <title>Отель.

СуперОтдых</title><!— Required meta tags —> <meta charset="utf-8″ > <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" ><!— Bootstrap CSS —> <link rel="stylesheet" href=".

https://maxcdn.bootstrapcdn.com/bootstrap/4.

0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous" > <link rel="stylesheet" href="css/main.css" > </head> <body> <div class="container" ><div class="row header-menu align-items-center" ><div class="col-4″ ><imgsrc="img/LogoHotel.png" class="img-fluid" ></div><div class="col-8 «><ul class="navnav-pills nav-fill» ><li class="nav-item" ><a class="nav-link active" >Главная</a></li><li class="nav-item" ><a class="nav-link" href="about.html" >О нас</a></li><li class="nav-item" ><a class="nav-link" href="order.html" >Бронирование</a></li><li class="nav-item" ><a class="nav-link" href="uslugi.html" >Услуги</a></li></ul></div></div> <div class="row justify-content-center padd-15″ > <div class="jumbotron alert-success" > <h1 class="display-3″ >Ok!</h1><pclass="lead" >Ваша заявка отправлена администратору отеля.</p> <hrclass="my-4″ > <p> В ближайшее время наш представитель свяжется с Вами.</p> <p class="lead" > <a class="btnbtn-primary btn-lgbg-warning" href="/" role="button" >Наглавную</a> </p> </div> </div><div class="row justify-content-start align-items-center header-menu" ><div class="col-4″ >Тел.: <br> 8 (800) 777-25-25</div><div class="col-4″ >E-Mail: <br> super@otel.ru</div><div class="col-4″ >Адрес: <br>Козмодемьянск, <br> Ледовая 15</div></div> </div><!— Optional JavaScript —><!— jQuery first, then Popper. js, then Bootstrap JS —> <script src=".

https://code.jquery.com/jquery-3.

2.1. slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous" ></script> <script src=".

https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.

12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous" ></script> <script src=".

https://maxcdn.bootstrapcdn.com/bootstrap/4.

0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous" ></script> </body></html>uslugi.html<!doctype html><html lang="ru" > <head> <title>Отель.

СуперОтдых</title><!— Required meta tags —> <meta charset="utf-8″ > <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" ><!— Bootstrap CSS —> <link rel="stylesheet" href=".

https://maxcdn.bootstrapcdn.com/bootstrap/4.

0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous" > <link rel="stylesheet" href="css/main.css" > </head> <body> <div class="container" ><div class="row header-menu align-items-center" ><div class="col-4″ ><imgsrc="img/LogoHotel.png" class="img-fluid" ></div><div class="col-8 «><ul class="navnav-pills nav-fill» ><li class="nav-item" ><a class="nav-link" href="/" >Главная</a></li><li class="nav-item" ><a class="nav-link" href="about.html" >О нас</a></li><li class="nav-item" ><a class="nav-link" href="order.html" >Бронирование</a></li><li class="nav-item" ><a class="nav-link active" >Услуги</a></li></ul></div></div><div class="row justify-content-start padd-15″ ><div class="col" ><h2>Нашиуслуги</h2><h4>Стоимостьномеров</h4><div class="justify-content-center" ><table class="table table-bordered table-hover" ><thead><tr class="bg-warning" ><th scope="col" >Комортность</th><th scope="col" >Мест</th><th scope="col" >Стоимость</th><th scope="col" >Описание</th></tr></thead><tbody class="table-success" ><tr><td>Люкс</td><td>3</td><td>3 500</td><td>Wi-Fi, мини-бар, джакузи, спутниковое TV</td></tr><tr><td>Люкс</td><td>2</td><td>2 900</td><td>Wi-Fi, мини-бар, джакузи, спутниковое TV</td></tr><tr><td>Бизнес</td><td>3</td><td>2 500</td><td>Wi-Fi, мини-бар, спутниковое TV</td></tr><tr><td>Бизнес</td><td>2</td><td>2 200</td><td>Wi-Fi, мини-бар, спутниковое TV</td></tr><tr><td>Бизнес</td><td>1</td><td>1 600</td><td>Wi-Fi, мини-бар, спутниковое TV</td></tr><tr><td>Эконом</td><td>3</td><td>1 800</td><td>Wi-Fi, TV</td></tr><tr><td>Эконом</td><td>2</td><td>1 200</td><td>Wi-Fi, TV</td></tr></tbody></table></div><h4>Дополнительный сервис</h4><div class="justify-content-center" ><table class="table table-bordered table-hover" ><thead><tr class="bg-warning" ><td>Наименование</td><td>Время работы</td><td>Опмсание</td></tr></thead><tbody class="table-success" ><tr><td>Спа-салон</td><td>9:00 — 19:00</td><td></td></tr><tr><td>Бассейн</td><td>8:00 — 20:00</td><td>вышка для прыжков 2 и 3 метра</td></tr><tr><td>Косметический салон «Элиза» </td><td>9:00 — 18:00</td><td>мастера — призеры конкурса «Визаж-трюмо» </td></tr><tr><td>Барбер-шоп «Прометей» </td><td>10:00 — 19:00</td><td></td></tr></tbody></table></div></div></div><div class="row justify-content-start align-items-center header-menu" ><div class="col-4″ >Тел.: <br> 8 (800) 777-25-25</div><div class="col-4″ >E-Mail: <br> super@otel.ru</div><div class="col-4″ >Адрес: <br>Козмодемьянск, <br> Ледовая 15</div></div> </div><!— Optional JavaScript —><!— jQuery first, then Popper. js, then Bootstrap JS —> <script src=".

https://code.jquery.com/jquery-3.

2.1. slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous" ></script> <script src=".

https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.

12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous" ></script> <script src=".

https://maxcdn.bootstrapcdn.com/bootstrap/4.

0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous" ></script> </body></html>main.css@charset utf-8*{font-family: «Roboto Condensed», Tahoma, Arial, sans-serif;}.header-menu{background-color: #CED9EE;}.padd-15{padding: 15px 0;}form{max-width: 600px;}#dlive{max-width:200px;}#srok{max-width: 120px;}otel.js$(document).ready (function (){$('.carousel').carousel ();$('#kind').change (function (){if ($(«#kind :selected»).val () == «президентский»){$(«#countlive»).prop («disabled», «disabled»);$(«#windowview»).prop («disabled», «disabled»);}else{$(«#countlive»).prop («disabled», «»);$(«#windowview»).prop («disabled», «»);}});});Интерфейс сайта.

После подготовки и реализации проекта запустим его на выполнение для просмотра и тестирования интерфейсной части проекта. Главная, стартовая страница показана далее (Рисунок 5.1).Рисунок 5.1 — Главная страница сайта.

Разработанная форма для ввода заявки на бронирование (Рисунок 5.2).Рисунок 5.2 — Форма заявки на бронирование апартаментов.

Страница с информацией со списком услуг (Рисунок 5.3).Рисунок 5.3 — Список услуг отеля.

Заключение

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

Список использованных источников

.

К. Блессинг, Роб Черни, К. Шмитт. Применение Web-стандартов CSS и Ajax для больших сайтов. Корона-Век, Санкт-Петербург, 2011. ISBN.

978 5 7931−0844−7.AdobeDreamweaver CS6. Официальный учебный курс. Эксмо, Москва, 2014. ISBN 978−5-699−69 655−0.Вадим Дунаев. HTML, скрипты и стили. BHV, Санкт-Петербург, 2015. ISBN.

978−5-9775−3317−1.Чои Вин. Как спроектировать современный сайт. Питер, Санкт-Петербург, 2011. ISBN 978−5-459−579−0.А. Годин, К.

Джонсон, К. Уоррен, М. Уэбер, Брайан Хоган. Книга веб-программиста: секреты профессиональной разработки веб-сайтов.

Питер, Санкт-Петербург, 2013. ISBN 978−5-459−1 510−2.Алан Купер, Дэйв Кронин, Кристофер Носсел, Роберт Рейман. Алан Купер об интерфейсе.

Основы проектирования взаимодействия. Символ, Санкт-Петербург, 2015. ISBN 978−5-93 286−132−5.Стив Круг. Как сделать сайт удобным. Юзабилити по методу Стива Круга. Питер, Санкт-Петербург, 2010. ISBN.

978−5-49 807−515−0.Кирилл Сухов. HTML 5. Путеводитель по технологии. ДМК, Москва, 2013. ISBN 978−5-94 074−910−3.

Показать весь текст

Список литературы

  1. К. Блессинг, Роб Черни, К. Шмитт. Применение Web-стандартов CSS и Ajax для больших сайтов. Корона-Век, Санкт-Петербург, 2011. ISBN 978 5 7931−0844−7.
  2. AdobeDreamweaver CS6. Официальный учебный курс. Эксмо, Москва, 2014. ISBN 978−5-699−69 655−0.
  3. Вадим Дунаев. HTML, скрипты и стили. BHV, Санкт-Петербург, 2015. ISBN 978−5-9775−3317−1.
  4. Чои Вин. Как спроектировать современный сайт. Питер, Санкт-Петербург, 2011. ISBN 978−5-459−579−0.
  5. А. Годин, К. Джонсон, К. Уоррен, М. Уэбер, Брайан Хоган. Книга веб-программиста: секреты профессиональной разработки веб-сайтов. Питер, Санкт-Петербург, 2013. ISBN 978−5-459−1 510−2.
  6. Алан Купер, Дэйв Кронин, Кристофер Носсел, Роберт Рейман. Алан Купер об интерфейсе. Основы проектирования взаимодействия. Символ, Санкт-Петербург, 2015. ISBN 978−5-93 286−132−5.
  7. Стив Круг. Как сделать сайт удобным. Юзабилити по методу Стива Круга. Питер, Санкт-Петербург, 2010. ISBN 978−5-49 807−515−0.
  8. Кирилл Сухов. HTML 5. Путеводитель по технологии. ДМК, Москва, 2013. ISBN 978−5-94 074−910−3.
Заполнить форму текущей работой
Купить готовую работу

ИЛИ