ВЕБ-СЕРВИС ДЛЯ СОЗДАНИЯ И КОНСТРУИРОВАНИЯ ВЕБ-СТРАНИЦ

WEB SERVICE FOR CREATING AND CONSTRUCTING WEB PAGES

Ivan Afanasyev

Student of the National Children's Technopark,

Republic of Belarus, Minsk

Timofey Vinogradov

Student of the National Children's Technopark,

Republic of Belarus, Minsk

Olga Novik

Lecturer at the BSUIR branch of MRK, lecturer at the National Children's Technopark,

 Republic of Belarus, Minsk

АННОТАЦИЯ

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

ABSTRACT

The article focuses on the development of a web service in Python designed to simplify the creation and customization of web pages through an intuitive interface. The service features functionality for creating, editing, and deleting page elements, as well as for constructing multi-page websites. The outcome is a streamlined process for web page creation, reduced time expenditure, and increased accessibility of web technologies for a broad range of users.

Ключевые слова: конструктор, веб-страница, веб-сайт, информационные технологии, язык программирования.

Keywords: constructor, web page, website, information technology, programming language.

Веб-сайт – информационная единица в интернете, ресурс из веб-страниц (документов), которые объединены общей темой и связаны между друг с другом с помощью ссылок [1]. Веб-сайты направлены на снижение трудоемкости процессов поиска, обработки и представления информации.

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

Веб-страница — это документ или информационный ресурс в интернете с собственным уникальным URL [2]. Важность таких веб-страниц заключается в том, что они предназначены для упрощения выполнения множества задач.

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

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

Цель разрабатываемого веб-сервиса состоит в оказании помощи любому пользователю без навыков программирования создать свою веб-страницу.

После разработки конструктора пользователи смогут быстро и просто создать веб-страницу и персонализировать ее под собственные требования/желания, а затем – экспортировать результат.

Интерфейс является одностраничным и создан с помощью Streamlit, что обеспечивает его стабильную работу (рисунок 1).

Streamlit – это веб-фреймворк, предназначенный для исследователей данных для простого развертывания моделей и визуализаций с использованием Python [3].     

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

Рисунок 1. Пример работы веб-конструктора

Рисунок 2. Области рабочего пространства

Для реализации веб-сервиса был разработан ряд функций, основные из которых выполняют следующие действия.

Функция find_classes(page) принимает в себя строку, которая является HTML-кодом создаваемой страницы и возвращает массив из классов, содержащихся на странице.

Функция get_class_params(page, edited_class) принимает в себя код страницы, в виде строки и класс, который пользователь собирается редактировать. Функция заполняет форму, которая содержит информацию о параметрах элемента для более удобного редактирования.

Функция get_html(page, edited_class) принимает в себя код страницы, в виде строки и класс, который пользователь собирается редактировать. Функция возвращает HTML и CSS-код нужного элемента для последующего его изменения.

Функция Save(page) сохраняет обновление

Последним отображается интерфейс, который принимает данные работы функций и отображает всю нужную информацию.

Перспективы развития проекта:

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

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

1. Seonews.ru[Электронный ресурс] – Режим доступа: https://www.seonews.ru/glossary/veb-sayt/ - Дата доступа: 28.07.2024
2. Weblium.com[Электронный ресурс] – Режим доступа: https://ru.weblium.com/blog/web-stranicza-kak-sozdat-bez-znanij-html/ - Дата доступа: 28.07.2024
3. Habr.com[Электронный ресурс]– Режим доступа: https://habr.com/ru/companies/skillfactory/articles/509340/ - Дата доступа: 28.07.2024