Бакалавриат
2024/2025





Проектный семинар "Создание сайтов"
Статус:
Курс по выбору (Медиакоммуникации)
Направление:
42.03.05. Медиакоммуникации
Кто читает:
Институт медиа
Где читается:
Факультет креативных индустрий
Когда читается:
2-й курс, 4 модуль
Формат изучения:
без онлайн-курса
Охват аудитории:
для своего кампуса
Язык:
русский
Кредиты:
2
Программа дисциплины
Аннотация
Современные медиаспециалисты всё чаще работают в цифровой среде, где знание базовых веб-технологий становится не просто техническим навыком, а частью профессиональной медиаграмотности. Несмотря на обилие конструкторов, no-code решений и визуальных редакторов, важно понимать, как устроены сайты и медиаплатформы «под капотом».
Курс «Создание сайтов» предназначен для студентов, не имеющих технической подготовки. Он охватывает основы устройства интернета, знакомит с языком гипертекстовой разметки HTML, каскадными таблицами стилей CSS, а также с принципами адаптивной и семантической вёрстки. Студенты изучат инструменты для создания современных веб-страниц, таких как лендинги, мини-СМИ и портфолио.
Особое внимание в курсе уделено практической работе с ИИ (например, GigaChat), который рассматривается как инструмент поддержки и ускорения вёрстки. Студенты научатся формулировать технические запросы к ИИ, адаптировать сгенерированный код под реальные задачи и оценивать его корректность. Такой подход помогает выработать критическое мышление и уверенность в работе с цифровыми инструментами.
Полученные навыки будут полезны при запуске медиапроектов, продюсировании цифровых форматов, создании MVP, взаимодействии с техническими специалистами, а также в сферах email-маркетинга, контент-менеджмента и веб-аналитики.
Цель освоения дисциплины
- Дать студентам базовые навыки создания информационных сайтов и медиастраниц с использованием HTML и CSS.
- Научить понимать структуру веб-страниц, принципы адаптивной вёрстки и размещения сайтов в сети.
- Сформировать терминологическую и понятийную базу для эффективного взаимодействия с техническими специалистами.
- Ознакомить с инструментами автоматизации и базовыми возможностями хостинга.
- Научить использовать ИИ (в частности, GPT) как вспомогательный инструмент в процессе проектирования и вёрстки.
Планируемые результаты обучения
- Применяет теги HTML и каскадные стили CSS для создания структурированной и стилизованной веб-страницы.
- Разрабатывает одностраничные и адаптивные сайты с корректным отображением на разных устройствах.
- Использует инструменты автоматизации и генерации кода, включая GPT, с последующей корректировкой и доработкой.
- Публикует сайты в интернете с помощью FTP, SSH.
- Понимает принципы работы веба и умеет формулировать технические задания для командной работы в медиапроектах.
Содержание учебной дисциплины
- Тема 1. Основные понятия в веб-разработке (видеолекция)
- Тема 2. Основы языка разметки документов HTML
- Тема 3. Основы языка оформления стилей документа CSS
- Тема 4. Позиционирование элементов на странице с помощью CSS. Принципы адаптивной верстки
- Тема 5. Возможности flex
- Тема 6. Автоматизация кодинга. Блочная верстка. Верстка сайта по макету.
- Тема 7. Псевдоклассы CSS. Формы. Основы работы с хостингом.
Элементы контроля
- Создание одностраничного макета по шаблону
- Еженедельное тестирование по темам
- Тестирование на семинарахНа каждом семинаре проводится по 2 тестирования. Первое в самом начале занятия, второе - в самом конце. Тесты открываются и закрываются в определенное время. Продолжительность тестирования 10 минут. В формулу оценивание передается среднее арифметическое всех семинарских тестов, округленное ближайшего меньшего целого.
Промежуточная аттестация
- 2024/2025 4th module0.31 * Еженедельное тестирование по темам + 0.4 * Создание одностраничного макета по шаблону + 0.29 * Тестирование на семинарах
Список литературы
Рекомендуемая основная литература
- HTML5 и CSS3 : разработка сайтов для любых браузеров и устройств, Фрэйн, Б., 2017
- Диков, А. В. Клиентские технологии веб-дизайна. HTML5 и CSS3 / А. В. Диков. — 2-е изд., стер. — Санкт-Петербург : Лань, 2023. — 188 с. — ISBN 978-5-507-46740-2. — Текст : электронный // Лань : электронно-библиотечная система. — URL: https://e.lanbook.com/book/318443 (дата обращения: 00.00.0000). — Режим доступа: для авториз. пользователей.
Рекомендуемая дополнительная литература
- Семантический веб, Антониоу, Г., 2016