Файл: Технологические средства для разработки вебсервиса.docx

НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ «МЭИ»
ИНЭИ


Задание на Производственную практику
по дисциплине «Производственная практика»

Тема: «Технологические средства для разработки веб-сервиса»

Студент: Бурдонос Т.Д.

Группа: ИЭоз-60-19

Руководитель: Горбунова А.О.


Москва 2023

Оглавление

Введение

Перед автором была поставлена задача: разработать структуру формы бронирования столика в ресторане. Реализовать эту структуру при помощи HTML и CSS создав сайт. Дополнить этот сайт следующими страницами:

-приветственная страница

-контакты

-о приложении

-бронирование

-страница “Спасибо, что выбрали наш ресторан” (открывается, когда правильно заполнена форма регистрации).

1. Постановка задачи

При помощи HTML и CSS разработать форму бронирования столика в ресторане. Необходимо предусмотреть проверку на правильность введенных данных. Также необходимо реализовать и предусмотреть всевозможные поля для реализации формы, указав на необходимые поля для заполнения формы. Добавить вспомогательные страницы на сайт, и связать эти страницы между собой при помощи ссылок или кнопок.

2.Структура формы

Н
Главная страница
а основе данного графика



Контакты

О ресторане

Бронирование



Страница “Спасибо, что выбрали наш ресторан”

была создана следующая структура:

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

из нее можно перейти на следующие страницы:

-О ресторане

-Бронирование

-Контакты

С каждой из них можно вернуться обратно на главную нажав на ссылку “Вернуться на главную”.

При правильном заполнении формы на странице Форма регистрации при нажатии на кнопку выполнится переход на страницу

-Спасибо, что выбрали наш ресторан.

3. Структура сайта

Сайт построен следующим образом:

---

При запуске файла book.html, открывается в браузере вкладка, на которой отображается “главная страница” сайта. На главной странице отображено название “Бронирование столика” и три кнопки “О ресторане”, “Заполнить форму для бронирования”, “Контакты”.

При нажатии на кнопку с названием “О приложении” мы перейдем на страницу “О ресторане”, где мы сможем ознакомится со всей информацией. После ознакомления, есть возможность вернуться на Главную Страницу.

При нажатии на кнопку “Контакты” мы перейдем на страницу “Контакты”. Там мы можем узнать номер телефона, место нахождения ресторана и почтовый ящик для связи. Так же, есть возможность вернуться на главную страницу.

При нажатии на кнопку ”Заполнить форму для бронирования” мы попадем на страницу бронирования. На данной странице отображены следующее поля для ввода данных, некоторые из них обязательны к заполнению: email, дата брони, ваше имя, ваша фамилия, ваш контактный телефон и ваши пожелания.

Заполнив все необходимые поля, появляется возможность нажать на кнопку “Забронировать ”. Так же, как и на других страницах имеется возможность вернуться на главную страницу перейдя по ссылке ”Вернуться на главную страницу”.

4. Интерфейс сайта.

Вид страницы “Главная страница”:


Вид страницы “Бронирование ”:




Вид страницы “О ресторане”:

Вид страницы “Контакты”:


Вид страницы “Спасибо, что выбрали наш ресторан”:

Заключение

В проделанной работе была разработана и реализована структура сайта “ Форма бронирования столика в ресторане ”. Реализация была написана на HTML и CSS с использованием фреймворка Bootstrap. Сайт получился работоспособным и его можно использовать, развивать и улучшать дальше.

---

---