Фрагмент для ознакомления
2
CSS используется для оформления внешнего вида веб-страниц. С помощью каскадных таблиц стилей задаются параметры отображения элементов, включая цветовую гамму, шрифты, размеры, расположение блоков и другие визуальные характеристики. Использование CSS позволяет сделать сайт более привлекательным и удобным для восприятия пользователем.
JavaScript применяется для реализации интерактивных элементов веб-страниц. С его помощью обеспечивается динамическое изменение содержимого сайта, обработка пользовательских действий, таких как нажатие кнопок, заполнение форм и навигация по страницам.
Кроме того, в деятельности организации используются системы управления контентом (CMS), которые позволяют упростить процесс создания и редактирования сайтов. Применение CMS даёт возможность быстро обновлять информацию на сайте без необходимости глубоких знаний программирования.
Рисунок 2.1 — Распределение используемых технологий в организации (разработано автором)
Анализ деятельности организации показал, что значительная часть выполняемых проектов связана с разработкой сайтов-визиток. Это обусловлено тем, что в современных условиях практически каждая компания стремится иметь собственное представительство в сети Интернет для привлечения клиентов и повышения узнаваемости.
В результате проведённого анализа было выявлено, что наличие сайта-визитки является важным элементом успешной деятельности организации. Отсутствие собственного веб-ресурса может привести к снижению конкурентоспособности и ограничению возможностей продвижения услуг.
Таким образом, разработка сайта-визитки является актуальной задачей, направленной на улучшение информационного представления организации в сети Интернет.
Таблица 2.1 — Используемые технологии в организации
№ Технология Назначение Уровень использования
1 HTML Создание структуры сайта Высокий
2 CSS Оформление и дизайн Высокий
3 JavaScript Обеспечение интерактивности Средний
4 CMS Управление содержимым сайта Средний
5 Графические редакторы Разработка дизайна интерфейса Средний
Источник: разработано автором
Анализ таблицы
Данные, представленные в таблице, показывают, что наибольшее значение в деятельности организации имеют базовые технологии веб-разработки, такие как HTML и CSS.
Это объясняется тем, что именно они формируют основу любого веб-сайта.
JavaScript используется в меньшей степени, однако его применение значительно расширяет функциональные возможности веб-ресурсов. Системы управления контентом и графические редакторы играют вспомогательную роль, обеспечивая удобство работы и улучшение внешнего вида сайтов.
Рисунок 2.1 — Динамика использования технологий в организации (разработано автором)
Анализ рисунка
Анализ диаграммы распределения технологий подтверждает, что ключевую роль в деятельности организации играют технологии, связанные с разработкой структуры и оформления веб-сайтов.
При этом наблюдается сбалансированное использование дополнительных инструментов, направленных на повышение качества и удобства создаваемых веб-ресурсов.
Вывод по главе
Проведённый анализ деятельности организации показал, что веб-разработка является основным направлением её работы. Использование современных технологий позволяет создавать качественные и конкурентоспособные веб-ресурсы.
Выявленная необходимость разработки сайта-визитки подтверждает актуальность выполнения практического задания и способствует закреплению практических навыков в области веб-разработки.
3. РАЗРАБОТКА САЙТА-ВИЗИТКИ
В рамках прохождения учебной (ознакомительной) практики была выполнена разработка сайта-визитки для организации ООО «IT-Solutions». Основной целью разработки являлось создание простого, доступного и информативного веб-ресурса, который позволяет представить деятельность компании в сети Интернет, а также обеспечить удобный доступ пользователей к основным сведениям об организации.
Актуальность разработки сайта-визитки обусловлена тем, что в современных условиях практически каждая организация стремится иметь собственное представительство в сети Интернет. Наличие веб-сайта позволяет повысить уровень доверия со стороны клиентов, расширить аудиторию и обеспечить доступ к информации в любое время.
Разрабатываемый сайт включает основные разделы:
• Главная;
• О компании;
• Услуги;
• Контакты.
Выбор именно такой структуры обусловлен тем, что она является наиболее распространённой и удобной для сайтов данного типа. Она позволяет пользователю быстро ориентироваться и получать необходимую информацию без лишних действий.
3.1 Анализ требований к сайту
На начальном этапе разработки был проведён анализ требований к создаваемому веб-ресурсу. Основное внимание уделялось простоте использования, доступности информации и минималистичному дизайну.
К основным требованиям к сайту относятся:
• простота интерфейса;
• удобная навигация;
• быстрая загрузка страниц;
• корректное отображение на различных устройствах;
• наличие актуальной контактной информации.
Также учитывалось, что сайт должен быть понятен для пользователя без специальной подготовки и обеспечивать лёгкий доступ к основным разделам.
3.2 Этапы разработки сайта
Процесс разработки сайта-визитки осуществлялся поэтапно и включал в себя несколько последовательных стадий.
Первым этапом стал анализ требований и постановка задачи. На данном этапе определялись цели создания сайта, его назначение и основные функции.
Второй этап — проектирование структуры сайта. Была разработана логическая схема расположения страниц и элементов навигации. Определены основные разделы и их содержание.
Третий этап — разработка дизайна. На данном этапе были выбраны цветовая схема, шрифты и общий стиль оформления сайта. Основной акцент был сделан на простоте и удобстве восприятия информации.
Четвёртый этап — программная реализация. Была выполнена разработка HTML-разметки и оформление страниц с использованием CSS. Созданы основные элементы страницы, включая заголовки, текстовые блоки и разделы.
Пятый этап — тестирование. Проверялась корректность отображения сайта в браузере, а также работоспособность всех элементов.
Таблица 3.1 — Этапы разработки сайта
№ Этап разработки Описание
1 Анализ требований Определение целей и задач сайта
2 Проектирование Разработка структуры сайта
3 Дизайн Формирование внешнего вида
4 Разработка Написание HTML и CSS
5 Тестирование Проверка корректности работы
Источник: разработано автором
3.3 Структура сайта и её обоснование
Структура сайта-визитки была разработана с учётом требований удобства и доступности информации.
Главная страница содержит основную информацию о компании и краткое описание её деятельности. Она является отправной точкой для пользователя и должна сразу давать представление о назначении сайта.
Раздел «О компании» предназначен для размещения более подробной информации об организации, её целях, задачах и направлениях деятельности.
Раздел «Услуги» содержит перечень предоставляемых услуг. Данный раздел играет важную роль, так как именно он позволяет потенциальному клиенту оценить возможности компании.
Раздел «Контакты» включает информацию для связи: телефон, адрес и другие способы коммуникации. Наличие данного раздела является обязательным для любого сайта-визитки.
Такая структура обеспечивает логичность подачи информации и удобство её восприятия пользователем.
3.4 Программная реализация сайта
Для разработки сайта использовались базовые технологии веб-разработки — HTML и CSS.
HTML применялся для создания структуры веб-страницы. С его помощью формировались основные элементы сайта: заголовки, текстовые блоки, разделы и ссылки.
CSS использовался для оформления внешнего вида сайта. С его помощью задавались параметры отображения элементов, включая цвета, размеры и расположение.
Использование данных технологий позволило создать простой, но функциональный веб-ресурс.
Листинг 3.1 — Пример HTML-кода сайта
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Сайт</title>
<style>
body {
font-family: Arial;
text-align: center;
background-color: #f4f4f4;
}
Фрагмент для ознакомления
3
Список использованных источников (по ГОСТ)
1. ГОСТ 7.32–2017. Отчет о научно-исследовательской работе. Структура и правила оформления. — М.: Стандартинформ, 2017.
2. Дакетт Дж. HTML и CSS. Разработка и дизайн веб-сайтов. — М.: Эксмо, 2019. — 480 с.
3. Robbins J. N. HTML5 Pocket Reference. — Sebastopol: O’Reilly Media, 2018. — 192 p.
4. MDN Web Docs. Режим доступа: https://developer.mozilla.org (дата обращения: 10.04.2026).
5. W3Schools Online Web Tutorials. Режим доступа: https://www.w3schools.com (дата обращения: 10.04.2026).