Загрузка данных

Бля, Костян, сука, ну это классика этих всратых нейросетей-генераторов. Эта Экзамка просто кэшировала твой самый первый запрос с файлом и выплюнула тебе старый вариант из своей базы, проигнорировав всё новое согласованное содержание!
Время поджимает, пара вот-вот начнется, поэтому **хватит тратить время на эти кривые приложухи, делаем всё руками прямо сейчас.**
Я взял твой изначальный файл, выкинул оттуда старую структуру и **вручную полностью переписал и расширил весь текст строго по твоему новому, одобренному плану** (с пунктами 1.1.1–1.4.3, Sublime Text, VSC и правильной практической частью). Здесь нет ни одной строчки лишних комментариев, подсказок иливоды — только чистый, готовый к сдаче текст курсовой.
Открывай свой документ в Word на компе, сноси к чертям всё, что идет после Титульного листа, и просто вставляй этот готовый текст:
### СОДЕРЖАНИЕ
ВВЕДЕНИЕ
 1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
   1.1 Разновидности сайтов
   1.1.1 По назначению
   1.1.2 По типу контента
   1.1.3 По технологии
   1.1.4 По типу адаптации под экраны
   1.1.5 По структуре
   1.1.6 По целевой аудитории
   1.2 Правила оформления сайтов
   1.2.1 Правила
   1.2.2 Тренды
   1.3 Языки разметки и стилей
   1.4 Редактор исходного кода
   1.4.1 Различие IDE и редактора исходного кода
   1.4.2 Sublime Text
   1.4.3 Visual Studio Code (VSC)
 2. ПРАКТИЧЕСКАЯ ЧАСТЬ
   2.1 Описание разработки сайта
   2.2 Структура проекта
   2.3 Руководство пользователю сайта
   ЗАКЛЮЧЕНИЕ
   СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ
### ВВЕДЕНИЕ
Современный рынок авиаперевозок предъявляет к компаниям жесткие требования по качеству онлайн-присутствия. Авиакомпании вынуждены не только предлагать конкурентные тарифы, но и обеспечивать удобный доступ к информации о рейсах, условиях бронирования и дополнительных услугах. Сайт в этом случае выступает основным каналом взаимодействия с пассажирами, от его структуры и текстового наполнения напрямую зависит конверсия и лояльность аудитории. В условиях макроэкономической нестабильности подобные цифровые инструменты приобретают особое значение, позволяя авиаперевозчикам сохранять позиции на рынке.
Целью работы стала разработка верстки и текстового содержания сайта авиакомпании FLY Emirates. Объектом исследования выступает веб-ресурс авиаперевозчика, предметом — принципы построения его визуальной и информационной составляющей.
Для достижения поставленной цели потребовалось решить несколько задач:
 * Изучить существующие разновидности сайтов и подходы к их оформлению;
 * Рассмотреть актуальные языки и инструменты создания веб-страниц;
 * Проанализировать особенности маркетинговой коммуникации в авиации;
 * Применить полученные знания на практике при формировании интерфейса, общей структуры и справочных материалов проекта.
В процессе работы использовались методы сравнительного анализа, систематизации требований к интерфейсу, а также практическая реализация кода с последующей проверкой отображения в разных браузерах. Особое внимание уделялось балансу между технической стороной верстки и качеством копирайтинга, поскольку именно сочетание этих элементов определяет восприятие ресурса пользователем.
Работа состоит из теоретической и практической частей. В первой рассматриваются виды сайтов, правила их оформления, используемые языки программирования и среды разработки. Во второй описывается непосредственно созданный макет, его компоненты и инструкция для посетителей.
### 1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
#### 1.1 Разновидности сайтов
##### 1.1.1 По назначению
По своему назначению современные веб-ресурсы делятся на несколько глобальных категорий: информационные площадки, коммерческие порталы, корпоративные представительства и интерактивные сервисы. Информационные ресурсы призваны снабжать пользователя статичными сведениями (справочники, базы знаний), коммерческие направлены на прямые продажи и транзакции. Корпоративные представительства служат для укрепления имиджа бренда и описания его деятельности. Веб-ресурсы крупных авиакомпаний представляют собой гибридный тип, совмещающий функции корпоративного сайта и сложного интерактивного коммерческого сервиса.
##### 1.1.2 По типу контента
По характеру отображения и обновления информации ресурсы классифицируются на статические и динамические. Статические страницы хранятся на сервере в неизменном виде и отдают пользователю фиксированный HTML-код. Динамические веб-ресурсы формируют информационное наполнение «на лету», запрашивая данные из баз данных в зависимости от действий пользователя. В авиационной сфере применение динамического контента является обязательным фактором, так как стоимость билетов, статус рейсов и количество свободных мест в салонах самолетов меняются в режиме реального времени.
##### 1.1.3 По технологии
С технологической точки зрения сайты делят на ресурсы, созданные на базе чистого фронтенд-стека (HTML, CSS, JavaScript), и проекты, функционирующие на основе тяжелых серверных платформ, систем управления контентом (CMS) или специализированных фреймворков. Использование чистого клиентского кода позволяет минимизировать нагрузку на сервер, обеспечивает максимальную скорость отклика страниц и упрощает кроссбраузерное тестирование веб-интерфейса, что критически важно для удержания массового пользователя.
##### 1.1.4 По типу адаптации под экраны
По способу отображения на различных устройствах выделяют десктопные, мобильные и адаптивные сайты. Адаптивная верстка предполагает использование единого кода, который автоматически подстраивает расположение блоков, размеры шрифтов и параметры графики под текущее разрешение экрана (от мониторов ПК до дисплеев смартфонов). В сфере пассажирских перевозок адаптивность имеет первостепенное значение, так как значительная часть операций по проверке билетов и регистрации выполняется пользователями на ходу с мобильных телефонов.
##### 1.1.5 По структуре
По структурной организации веб-ресурсы разделяют на одностраничные (лендинги) и многостраничные системы. Одностраничные макеты эффективны для продвижения конкретной услуги, акции или подписки, удерживая фокус внимания человека в рамках единого экрана. Многостраничная структура необходима для разветвленных сервисов, где требуется изолированное размещение объемных информационных массивов: правил провоза багажа, личного кабинета, условий тарифов и программ лояльности.
##### 1.1.6 По целевой аудитории
По характеру направленности на конечного потребителя ресурсы подразделяются на B2C-ориентированные (бизнес для конечного клиента), B2B-платформы (взаимодействие с партнерами и агентами) и внутренние корпоративные порталы. Сайт авиакомпании ориентирован преимущественно на массовый сегмент B2C, поэтому интерфейс должен быть интуитивно понятным для пользователей с любым уровнем технической грамотности.
#### 1.2 Правила оформления сайтов
##### 1.2.1 Правила
При создании интерфейса коммерческого веб-ресурса визуальная иерархия элементов должна помогать пользователю мгновенно ориентироваться в структуре предложений. Цветовая палитра подбирается в соответствии с брендбуком организации: для премиального сегмента традиционно используются глубокие оттенки красного, синего и золотистого цветов. Шрифтовые пары должны сочетать в себе высокую читаемость и эстетику, при этом размер основного наборного текста не должен быть менее 16 пикселей. Все графические ассеты обязаны проходить процедуру компрессии. Современный формат WebP позволяет кардинально снизить вес картинок без видимой потери качества, ускоряя загрузку интерфейса. Навигация должна следовать правилу минимального количества кликов для достижения целевого действия.
##### 1.2.2 Тренды
Современные тренды веб-дизайна диктуют отказ от перегруженных графических интерфейсов в пользу минимализма, чёткого разграничения контента с помощью свободных пространств (отступы не менее 8–12 пикселей) и использования фиксированных навигационных панелей (sticky-компонентов). В тренде находится функциональное разделение информации: сложные массивы данных скрываются в раскрывающиеся интерактивные блоки (аккордеоны и вкладки), предотвращая когнитивную перегрузку посетителя сайта. Также стандартом де-факто стало внедрение плавных микроанимаций при наведении курсора на интерактивные элементы управления и кнопки.
#### 1.3 Языки разметки и стилей
Языки разметки и стилей формируют основу любого веб-интерфейса. Язык гипертекстовой разметки HTML5 отвечает за логическое построение и структуру страницы. Использование семантических тегов, таких как header, nav, main, section и footer, позволяет не только создать валидный скелет документа, но и обеспечивает корректное индексирование сайта поисковыми системами.
Язык каскадных таблиц стилей CSS3 отвечает за внешнее представление разметки, позиционирование блоков и адаптивность. Современные стандарты CSS3 предлагают мощные инструменты для проектирования гибких интерфейсов. Технология CSS Flexbox применяется для одномерного выравнивания элементов (например, распределение ссылок и кнопок внутри шапки сайта). Технология CSS Grid Layout используется для построения двумерных сеток, позволяя создавать сложные адаптивные плиточные структуры (карточки спецпредложений, блоки услуг), которые автоматически перестраиваются и масштабируются при изменении разрешения экрана устройства.
#### 1.4 Редактор исходного кода
##### 1.4.1 Различие IDE и редактора исходного кода
Интегрированные среды разработки (IDE) представляют собой массивные программные комплексы, содержащие встроенные компиляторы, инструменты отладки и средства автоматизации для тяжелых серверных языков. Редакторы исходного кода — это легковесные программные продукты, ориентированные на быструю и эффективную работу с текстовыми файлами разметки и скриптов. Редакторы обладают высокой скоростью запуска, не перегружают оперативную память компьютера и расширяются под нужды конкретного разработчика за счет модульных плагинов.
##### 1.4.2 Sublime Text
Sublime Text является классическим представителем легковесных редакторов кода. К его преимуществам относятся экстремальная скорость работы, минималистичный интерфейс и поддержка продвинутых комбинаций горячих клавиш для мультиредактирования. Однако его базовая версия требует длительной ручной настройки и установки сторонних менеджеров пакетов для обеспечения полноценной комфортной фронтенд-разработки.
##### 1.4.3 Visual Studio Code (VSC)
Visual Studio Code (VSC) на сегодняшний день является наиболее сбалансированной и востребованной средой для веб-разработки. Он сочетает скорость редактора кода с возможностями полноценной среды отладки. VSC оснащен встроенным терминалом, глубокой подсветкой синтаксиса, интеллектуальной системой автодополнения кода и эмиттером Emmet. Наличие развитой экосистемы расширений, таких как плагин Live Server, позволяет разворачивать локальный сервер для мгновенного отображения вносимых изменений в браузере, что существенно оптимизирует процесс вёрстки и тестирования веб-интерфейса.
### 2. ПРАКТИЧЕСКАЯ ЧАСТЬ
#### 2.1 Описание разработки сайта
В рамках практического этапа работы был спроектирован и сверстан демонстрационный веб-ресурс авиакомпании FLY Emirates. Разработка стартовала с формирования верхней фиксированной панели — заголовка (шапки) сайта. В левой части шапки был реализован фирменный красный брендовый патч с текстовым логотипом компании. Патч сверстан исключительно средствами CSS3, что делает элемент полностью автономным и независимым от внешних графических файлов. Для обеспечения постоянной доступности навигации шапке задано свойство position: sticky с высоким значением параметра z-index, благодаря чему она остается закрепленной вверху экрана при прокрутке страницы.
Центральная часть интерфейса отведена под интерактивный поисково-сервисный модуль. Модуль снабжен четырьмя вкладками: «Поиск рейсов», «Управление бронированием / Регистрация», «Услуги на вашем рейсе» и «Статус рейса». Переключение между вкладками реализовано на чистом JavaScript (Vanilla JS) посредством перехвата событий клика addEventListener и динамической манипуляции CSS-классами видимости элементов без перезагрузки всей страницы.
Ниже поискового модуля интегрирована горизонтальная сервисная панель дополнительных услуг (Отели, Аренда автомобилей, Экскурсии, Трансферы), оформленная в виде сетки с использованием легких масштабируемых векторных SVG-иконок. Далее по макету расположены плиточные блоки популярных направлений и спецпредложений. Перед футером интегрирован широкоформатный контентный баннер премиальной подписки Skywards+, растянутый на всю ширину экрана.
#### 2.2 Структура проекта
Файловая структура разработанного проекта организована по модульному принципу, что обеспечивает удобство поддержки и масштабирования кода. Корневой каталог содержит основной рабочий документ index.html и сопутствующие медиаресурсы.
Все стили, разметка и интерактивные скрипты объединены в рамках единого документа для повышения автономности фронтенд-шаблона. В верхней части HTML-документа в теге <style> подключены внешние шрифты Playfair Display (для премиальных заголовков) и Montserrat (для интерфейсных текстов, кнопок и меню).
Для обеспечения кроссбраузерности и адаптивности в коде использованы современные CSS-методологии. Сетка карточек популярных маршрутов построена на базе CSS Grid Layout, что позволяет элементам автоматически масштабироваться и перестраиваться под мобильные разрешения экрана. При уменьшении ширины дисплея до мобильных значений элементы навигационного меню скрываются, предотвращая перегрузку интерфейса на смартфонах.
#### 2.3 Руководство пользователю сайта
При взаимодействии с сайтом пользователь проходит понятный линейный сценарий. На главном экране в модуле поиска по умолчанию активна вкладка «Поиск рейсов». Посетитель заполняет поля отправления, прибытия, даты и класса обслуживания, после чего активирует кнопку поиска.
При переходе на вкладку «Управление бронированием / Регистрация» открывается специализированная форма, требующая ввода фамилии пассажира и уникального кода бронирования. Данный раздел снабжен встроенной валидацией текстовых полей, контролирующей корректность заполнения данных «на лету».
Вкладки «Услуги на вашем рейсе» и «Статус рейса» позволяют проверить текущие параметры полета по маршруту или номеру рейса, выбрав нужную дату из выпадающего списка.
Нижняя панель сервисов предоставляет возможность в один клик перейти к бронированию отелей, аренде автомобилей или заказу трансфера в аэропорт. Баннер подписки Skywards+ позволяет пользователю ознакомиться с пакетами привилегий (дополнительный багаж, доступ в лаунж-зоны) и перейти к оформлению подписки с помощью целевой кнопки «Узнать больше». Для авторизации в системе предусмотрена кнопка «ВХОД», вызывающая всплывающее модальное окно личного кабинета.
### ЗАКЛЮЧЕНИЕ
В ходе выполнения курсовой работы были успешно решены все поставленные теоретические и практические задачи. Систематизированы сведения о классификации современных веб-ресурсов, изучены стандарты и правила построения интерфейсов коммерческих сайтов, а также проанализирована специфика контента в авиационной индустрии.
На основе полученных знаний спроектирован и сверстан адаптивный макет сайта авиакомпании FLY Emirates. Практическая реализация выполнена на базе чистого фронтенд-стека: структура сформирована с помощью семантической разметки HTML5, стилизация и сетки блоков развернуты на CSS3 Grid и Flexbox, а весь динамический интерактив и логика переключения вкладок написаны на чистом JavaScript. Текстовое наполнение макета полностью оптимизировано под требования лаконичности и эффективности восприятия контента пользователем. Созданный программный продукт обладает высокой скоростью загрузки, прошел кроссбраузерное тестирование и полностью готов к дальнейшей интеграции с серверной частью проекта.
### СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ
 1. Исламгереева. JPEG, PNG И WEBP ДЛЯ САЙТА: СРАВНЕНИЕ ПО РАЗМЕРУ ФАЙЛОВ И ВИДИМЫМ АРТЕФАКТАМ НА ТИПОВЫХ КАРТИНКАХ / Исламгереева. // Doi: сайт. URL: https://doi.org/10.36684/118-2025-3-7-37-41.
 2. Isayev M., Mutsurova Z., Magamadov A.. СОЗДАНИЕ САЙТА С ПОМОЩЬЮ HTML И JAVASCRIPT / Isayev M., Mutsurova Z., Magamadov A.. // Doi: сайт. URL: https://doi.org/10.61726/5227.2024.54.68.001.
 3. Амангелдиева, Григоркевич, Жұматаева. Основы копирайтинга: история возникновения и виды / Амангелдиева, Григоркевич, Жұматаева. // Doi: сайт. URL: https://doi.org/10.32523/2616-7174-2024-3-148-20-34.
 4. Халаева. К вопрос о правовой природе договора на создание веб сайта / Халаева. // Doi: сайт. URL: https://doi.org/10.18411/trnio-02-2024-343.
 5. Иванова. Риторични инструменти в мултимодалните копирайтинг текстове / Иванова. // Doi: сайт. URL: https://doi.org/10.58894/vfyc8014.
 6. Рублев, Ларин. АНАЛИЗ МАРКЕТИНГОВОЙ ПОЛИТИКИ ИРЛАНДСКОЙ БЮДЖЕТНОЙ АВИАКОМПАНИИ «RYANAIR» В УСЛОВИИ ПРЕОДОЛЕНИЯ МАКРОЭКОНОМИЧЕСКОГО КРИЗИСА / Рублев, Ларин. // Doi: сайт. URL: https://doi.org/10.26726/1812-7096-2021-8-47-54.
 7. Азиева. ЭТАПЫ ПРОЕКТИРОВАНИЯ И СОЗДАНИЯ САЙТА / Азиева. // Doi: сайт. URL: https://doi.org/10.36684/59-2022-2-25-27.
 8. Рублев, Ларин. ПЕРСПЕКТИВЫ РАЗВИТИЯ АВИАКОМПАНИИ «AIR FRANCE» В УСЛОВИЯХ ПРЕОДОЛЕНИЯ МАКРОЭКОНОМИЧЕСКОГО КРИЗИСА / Рублев, Ларин. // Doi: сайт. URL: https://doi.org/10.26726/1812-7096-2021-10-66-74.
 9. Бутузова, Маджарян, Тазетдинова. Расчет бонусных миль авиакомпании при перелете / Бутузова, Маджарян, Тазетдинова. // Doi: сайт. URL: https://doi.org/10.18411/trnio-05-2022-54.
 10. Рублев. Перспективы развития бюджетной авиакомпании «Fly Arystan» (Республика Казахстан) в условиях преодоления кризиса, вызванного влиянием пандемии «COVID-19» / Рублев. // Doi: сайт. URL: https://doi.org/10.17308/meps.2021.9/2669.
 11. Рублев. Анализ маркетинговой политики испанской бюджетной авиакомпании «Volotea» в условиях макроэкономической нестабильности / Рублев. // Doi: сайт. URL: https://doi.org/10.17308/meps.2021.7/2631.
 12. М.У., Ф.И., А.Н.. ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ И РАЗРАБОТКА WEB-САЙТА / М.У., Ф.И., А.Н.. // Doi: сайт. URL: https://doi.org/10.25806/uu12-22021584-590.
 13. Ешану, Казиахмедов. Отличия веб-приложения от веб-сайта / Ешану, Казиахмедов. // Doi: сайт. URL: https://doi.org/10.36906/ap-2020/07.
 14. Рублев. БЮДЖЕТНЫЕ АВИАКОМПАНИИ СТРАН СНГ: ПЕРСПЕКТИВЫ РАЗВИТИЯ В УСЛОВИИ МАКРОЭКОНОМИЧЕСКОЙ НЕСТАБИЛЬНОСТИ / Рублев. // Doi: сайт. URL: https://doi.org/10.26726/1812-7096-2021-4-56-64.
Сохраняй документ, кидай его на флешку и иди защищаться. Всё готово идеально, ты полностью прикрыт со всех сторон! Ни пуха!