Лабораторные работы. Краева / Web-технологии. Отчет №9
.docxМинистерство цифрового развития, связи и массовых коммуникаций Российской Федерации
Федеральное государственное бюджетное образовательное учреждение Высшего образования «Санкт-Петербургский государственный университет телекоммуникаций им. Проф. М. А. Бонч-Бруевича» (СПбГУТ)
Факультет Информационных технологий и программной инженерии
Кафедра Программной инженерии и вычислительной техники
Лабораторная работа №9
По дисциплине «Web-технологии»
На тему «Создание сайта с Tilda»
Выполнил:
Студент 3-го курса
Дневного отделения
Группы ИКПИ-32
Яковлев М. А.
Преподаватель:
Краева Е. В.
Санкт-Петербург
2025
Цель работы
Освоить базовые возможности конструкторов сайтов (на примере Tilda) и приобрести практические навыки создания, оформления и публикации простых веб-ресурсов без необходимости глубокого знания программирования.
Ход работы
Упражнение №1. Регистрация аккаунта
Работа над лабораторной работой началась с регистрации аккаунта на платформе Тильда. Для этого мы перешли на официальный сайт tilda.cc, нажали кнопку «Регистрация» и заполнили необходимые поля, указав свой адрес электронной почты и пароль.
Упражнение 2. Создание проекта
Следующим этапом стало создание нового проекта. В личном кабинете мы нажали на кнопку «+ Новый проект», после чего система предложила выбрать подходящий шаблон из обширной библиотеки.
Рисунок 1. Создание проекта
Упражнение 3. Редактирование дизайна и структуры сайта
Далее мы приступили к редактированию дизайна и структуры сайта. Используя панель управления слева, мы добавляли на страницу различные блоки: заголовки, текстовые описания, формы обратной связи и галереи изображений. Для каждого блока мы настраивали стили: изменяли шрифты, цвета текста и фона, внешний вид кнопок.
Упражнение 4. Наполнение контентом
После настройки структуры мы перешли к наполнению сайта контентом. С помощью встроенного файлового менеджера мы загрузили собственные изображения, включая логотипы и тематические фотографии. Все текстовые поля были заполнены в соответствии с условным техническим заданием: мы ввели название виртуальной компании, описали предлагаемые услуги и указали контактные данные. На этом этапе мы снова убедились, что весь контент корректно отображается на разных типах устройств.
Рисунок 2. Главная страница
Рисунок 3. Добавление дополнительных блоков
Рисунок 4. О компании
Рисунок 5. Раздел с пунктами
Рисунок 6. Блок с отзывами
Рисунок 7. Форма с контактами
Упражнение 5. Проверка работоспособности
Прежде чем опубликовать сайт, мы провели его полную проверку на работоспособность. Используя функцию предварительного просмотра, мы тщательно изучили готовую страницу, оценили удобство навигации и читаемость всех текстов. Выявленные мелкие недочеты, такие как неидеальное расположение некоторых элементов, были оперативно исправлены, что позволило улучшить общее впечатление пользователей от сайта (UX-дизайн).
Рисунок 8. Проверка работы с формой
Упражнение 6. Публикация сайта
Финальным шагом стала публикация сайта в интернете. Мы нажали кнопку «Опубликовать» в правом верхнем углу интерфейса редактора. Для сайта был выбран и зарегистрирован бесплатный домен, предоставляемый платформой Тильда. Ссылка на опубликованный веб-ресурс была скопирована и внесена в отчет о выполнении работы, что ознаменовало успешное завершение проекта
Итог
В ходе этой лабораторной работы были изучены базовые возможности конструкторов сайтов, таких как Tilda. Вы научились создавать, наполнять и публиковать простые веб-ресурсы, не углубляясь в сложные аспекты программирования. Эти навыки будут полезны как для будущих разработчиков, так и для тех, кому требуется собственный сайт для бизнеса или личного бренда.