Файл: Технологические средства для разработки вебсервиса.docx
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 09.11.2023
Просмотров: 131
Скачиваний: 8
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ «МЭИ»ИНЭИ Задание на Производственную практикупо дисциплине «Производственная практика»Тема: «Технологические средства для разработки веб-сервиса»Студент: Бурдонос Т.Д.Группа: ИЭоз-60-19Руководитель: Горбунова А.О. Москва 2023
1. Постановка задачи 3
2.Структура формы 3
3. Структура сайта 4
4. Интерфейс сайта. 5
Заключение 7
ВведениеПеред автором была поставлена задача: разработать структуру формы бронирования столика в ресторане. Реализовать эту структуру при помощи HTML и CSS создав сайт. Дополнить этот сайт следующими страницами:-приветственная страница-контакты-о приложении-бронирование-страница “Спасибо, что выбрали наш ресторан” (открывается, когда правильно заполнена форма регистрации).
Главная страница
а основе данного графика
Контакты
О ресторане
Бронирование
Страница “Спасибо, что выбрали наш ресторан”
была создана следующая структура:-Главная страница из нее можно перейти на следующие страницы:-О ресторане-Бронирование-КонтактыС каждой из них можно вернуться обратно на главную нажав на ссылку “Вернуться на главную”.При правильном заполнении формы на странице Форма регистрации при нажатии на кнопку выполнится переход на страницу-Спасибо, что выбрали наш ресторан.
При запуске файла book.html, открывается в браузере вкладка, на которой отображается “главная страница” сайта. На главной странице отображено название “Бронирование столика” и три кнопки “О ресторане”, “Заполнить форму для бронирования”, “Контакты”. При нажатии на кнопку с названием “О приложении” мы перейдем на страницу “О ресторане”, где мы сможем ознакомится со всей информацией. После ознакомления, есть возможность вернуться на Главную Страницу. При нажатии на кнопку “Контакты” мы перейдем на страницу “Контакты”. Там мы можем узнать номер телефона, место нахождения ресторана и почтовый ящик для связи. Так же, есть возможность вернуться на главную страницу. При нажатии на кнопку ”Заполнить форму для бронирования” мы попадем на страницу бронирования. На данной странице отображены следующее поля для ввода данных, некоторые из них обязательны к заполнению: email, дата брони, ваше имя, ваша фамилия, ваш контактный телефон и ваши пожелания.Заполнив все необходимые поля, появляется возможность нажать на кнопку “Забронировать ”. Так же, как и на других страницах имеется возможность вернуться на главную страницу перейдя по ссылке ”Вернуться на главную страницу”.
Оглавление
1. Постановка задачи 3
2.Структура формы 3
3. Структура сайта 4
4. Интерфейс сайта. 5
Заключение 7
1. Постановка задачи
При помощи HTML и CSS разработать форму бронирования столика в ресторане. Необходимо предусмотреть проверку на правильность введенных данных. Также необходимо реализовать и предусмотреть всевозможные поля для реализации формы, указав на необходимые поля для заполнения формы. Добавить вспомогательные страницы на сайт, и связать эти страницы между собой при помощи ссылок или кнопок.2.Структура формы
НГлавная страница
а основе данного графика
Контакты
О ресторане
Бронирование
Страница “Спасибо, что выбрали наш ресторан”
была создана следующая структура:-Главная страница из нее можно перейти на следующие страницы:-О ресторане-Бронирование-КонтактыС каждой из них можно вернуться обратно на главную нажав на ссылку “Вернуться на главную”.При правильном заполнении формы на странице Форма регистрации при нажатии на кнопку выполнится переход на страницу-Спасибо, что выбрали наш ресторан.
3. Структура сайта
Сайт построен следующим образом:При запуске файла book.html, открывается в браузере вкладка, на которой отображается “главная страница” сайта. На главной странице отображено название “Бронирование столика” и три кнопки “О ресторане”, “Заполнить форму для бронирования”, “Контакты”. При нажатии на кнопку с названием “О приложении” мы перейдем на страницу “О ресторане”, где мы сможем ознакомится со всей информацией. После ознакомления, есть возможность вернуться на Главную Страницу. При нажатии на кнопку “Контакты” мы перейдем на страницу “Контакты”. Там мы можем узнать номер телефона, место нахождения ресторана и почтовый ящик для связи. Так же, есть возможность вернуться на главную страницу. При нажатии на кнопку ”Заполнить форму для бронирования” мы попадем на страницу бронирования. На данной странице отображены следующее поля для ввода данных, некоторые из них обязательны к заполнению: email, дата брони, ваше имя, ваша фамилия, ваш контактный телефон и ваши пожелания.Заполнив все необходимые поля, появляется возможность нажать на кнопку “Забронировать ”. Так же, как и на других страницах имеется возможность вернуться на главную страницу перейдя по ссылке ”Вернуться на главную страницу”.