СОДЕРЖАНИЕ

ВВЕДЕНИЕ

В наше время Интернет является неотъемлемой частью нашей жизни. Он предоставляет нам доступ к информации, общение с друзьями и знакомыми, возможность покупать товары и услуги, а также многие другие преимущества. Кинотеатры также следуют этому тренду и создают свои веб-сайты, чтобы привлечь больше зрителей и облегчить процесс бронирования билетов. Например, мы разрабатываем веб-сайт кинотеатр "Луч", который поможет улучшить качество обслуживания клиентов и повысить уровень комфорта при посещении кинотеатра. На сайте будут представлены расписание сеансов и цены на билеты, а также информация о фильмах, которые можно посмотреть в кинотеатре. Кроме того, на сайте будет возможность покупки билетов по пушкинской карте.

В целом, разработка веб-сайта для кинотеатра - это важный шаг в улучшении качества обслуживания клиентов и повышении их удовлетворенности. Он предоставит дополнительные возможности для получения информации о кинотеатре и его услугах.

Основная цель исследования: Разработка веб-сайта для кинотеатра "Луч", который позволит увеличить посещаемость людей, продажи билетов по пушкинской карте через интернет и обеспечит эффективное продвижение на рынке.

Основными задачами работы являются:

• 
  Выбрать и изучить технологии, с помощью которых будет разрабатываться сайт;
  
• 
  Создать макет сайта;
  
• 
  Разработать клиентскую часть;
  
• 
  Разработать серверную часть;
  
• 
  Разместить на хостинге.
  

---

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

Для разработки сайта также необходимо использовать языки программирования, такие как php, JavaScript. Язык гипертекстовой разметки - html и каскадные таблицы стилей - css. Это позволит создать функциональный сайт, который будет удобным для использования, как на компьютере, так и на мобильных устройствах.

1. ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ СОЗДАНИЯ САЙТОВ

   1. Основные понятия и структура сайта

Структура сайта (карта сайта) — это логическая схема распределения страниц сайта по категориям / разделам (папкам). С точки зрения пользователя, структура сайта — это навигация, путь той или иной странице или категории.

Она представляет собой иерархию его страниц и их взаимосвязь. Продуманная каталогизация ресурса обеспечит быструю работу поисковых роботов по нахождению нужного контента и легкость навигации между разделами для посетителей

Поисковые системы пристально следят за тем, как структурируется тот или иной ресурс, создавая вариант шаблона. Поэтому без соблюдения требований типового образца довольно сложно выйти в первую десятку поисковой выдачи. Но рано или поздно шаблоны поиска меняются, они не формируются навечно.

Основные понятия при верстке сайта:

• 
  Заголовок (Header) - верхняя часть сайта, которая содержит логотип, название сайта и основное меню навигации.
  
• 
  Содержание (Content) - основная часть сайта, которая содержит информацию, которую посетители ищут.
  
• 
  Боковая панель (Sidebar) - часть сайта, которая содержит дополнительные ссылки, виджеты и информацию.
  
• 
  Подвал (Footer) - нижняя часть сайта, которая содержит дополнительную информацию, контакты и ссылки на социальные сети.
  
• 
  Страницы (Pages) - отдельные страницы, которые содержат информацию о конкретной теме или услуге.
  
• 
  Посты (Posts) - отдельные записи, которые содержат новости, статьи или другую информацию, которая обновляется регулярно.
  

---

Большинство посетителей тех или иных веб-страниц совершенно не задумывается над тем, что такое структура сайта и зачем она нужна. Людям это просто ни к чему. Чего не скажешь о владельце ресурса. Если сайт имеет неудобную для посетителей структуру, пользователей в конечном итоге может просто не оказаться.

И наоборот, сделав все по уму, легко добиться прекрасных результатов: улучшить поисковую видимость сайта, обеспечить ему эффективное индексирование, увеличить число постоянных посетителей и длительность их пребывания на площадке.

Понятие веб-страницы и веб-сайта

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

Языки разметки, такие как HTML и CSS, используются для создания веб-страниц и определения их внешнего вида и стиля. JavaScript используется для создания интерактивных элементов на странице, таких как кнопки, формы и другие элементы пользовательского интерфейса.

Веб-сайт - это набор связанных веб-страниц, которые объединены вместе по тематике или цели, предоставление информации о компании или продукте, продажа товаров или услуг, обмен информацией и т.д.

Могут быть доступны публично или ограничены для определенных пользователей. Например, корпоративный сайт может быть доступен только для сотрудников компании, а сайт для СКЦ «Луч» может быть доступен для всех пользователей Интернета.

Они созданы с использованием различных инструментов и технологий, таких как CMS (системы управления контентом), фреймворки, языки программирования и другие. Кроме того, веб-сайты могут быть оптимизированы для поисковых систем, чтобы улучшить их видимость и привлекать больше посетителей.

1.2 Выбор программной среды и языка для разработки кода

Создание сайта на языках программирования - это один из вариантов, который имеет ряд преимуществ перед использованием готовых движков.

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

---

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

Создание сайта на языках программирования имеет ряд преимуществ перед использованием готовых движков. Однако, для этого требуется определенный уровень знаний и опыта в программировании.

Тем не менее, использование Visual Studio Code может значительно облегчить и ускорить процесс разработки, благодаря различным инструментам и плагинам, доступным в этой среде. Именно поэтому разработчикам, которые стремятся создавать сайты быстро и эффективно, использование Visual Studio Code может оказаться особенно полезным.

Выбор языка программирования зависит от целей и требований проекта. Некоторые из наиболее популярных языков программирования для веб-разработки включают HTML, CSS, JavaScript, PHP, Python, Ruby и Java.

Для начинающих разработчиков часто рекомендуется начать с HTML, CSS и JavaScript, так как они являются основными языками для создания веб-сайтов и взаимодействия с пользователем. Для более сложных проектов может потребоваться использование серверных языков программирования, таких как PHP или Python, для обработки данных и взаимодействия с базами данных.

Выбор программной среды также зависит от личных предпочтений и опыта разработчика. Некоторые из наиболее популярных программных сред для веб-разработки включают Visual Studio Code, Sublime Text, Atom, Brackets и WebStorm.

В данном дипломе была выбрана среда разработки «Visual Studio Code» и языки программирования, такие как php, JavaScript. Язык гипертекстовой разметки - html и каскадные таблицы стилей - css.

3. Что такое Visual Studio Codе и его особенности.

Visual Studio Code, также известный как VS Code, это мощный редактор кода, который может использоваться для разных языков программирования. Он представляет собой «облегченную» версию Visual Studio от Microsoft и обладает гибким и удобным интерфейсом, а также множеством функций.

Благодаря поддержке большого количества плагинов, VS Code может быть расширен до полноценной среды программирования.

VS Code подходит для работы на операционных системах Windows, MacOS и Linux, и

---

распространяется бесплатно, что сделало его очень популярным среди разработчиков. Этот редактор кода работает одинаково хорошо на старых и новых устройствах.

VS Code поддерживает множество языков программирования, что делает его идеальным инструментом для кроссплатформенной разработки. Он широко используется веб-программистами и поддерживает языки, такие как:

• 
  JavaScript;
  
• 
  HTML;
  
• 
  CSS;
  
• 
  PHP;
  
• 
  Go;
  
• 
  Ruby;
  
• 
  Python;
  
• 
  C#;
  
• 
  TypeScript.
  

VS Code позволяет работать с практически всеми современными языками программирования. Среди особенностей VS Code можно отметить поддержку отладки кода, автодополнение, интеграцию с Git и другими системами контроля версий, а также возможность настройки рабочей среды в соответствии с индивидуальными потребностями пользователя.

В целом, VS Code является мощным и гибким редактором кода, который может быть использован для разных языков программирования и на разных операционных системах. Благодаря его бесплатной распространяемости и широкой поддержке, он стал одним из самых популярных инструментов для разработки программного обеспечения

3. 
   Основы HTML
   

Верстка — это описание визуальной части сайта с помощью гипертекстового документа на основе HTML-разметки. Проще говоря, соединение и расположение на странице документа разных элементов веб-сайта: текстовых блоков, изображений, таблиц, видео и т.д.

От нее зависит:

• 
  скорость загрузки сайта;
  
• 
  корректность его отображения в браузере;
  
• 
  соответствие стандартам HTML и требованиям поисковых систем;
  
• 
  адаптивность под разные устройства пользователей (планшет, смартфон, ноутбук).
  

HTML — язык разметки, при помощи которого браузеры показывают нам размер, порядок, шрифт и форму текста.

Популярные HTML-теги:

• 
  

---

Смотрите также файлы

• Контрольная работа Системный анализ в управлении Вариант 2 Выполнил студент группы эпз30319 Жеребятников И. С.docx

• Планконспект проведения занятий группой 14 дежурного караула 44 псч 14 псо. Тема 4 17 Организация и тактика тушения пожаров на складах лесоматериалов.docx

• Практических заданий по дисциплине общая и профессиональная риторика в рекламной и паблик рилейшнз деятельности.docx

• Расчет общеобменной вентиляции производственных помещений (работа 6) Студента Великановой(Имамиевой) Валерии.docx

• Михаил Юрьевич Лермонтов 18141841.pptx