О насСтруктураУченый советСведения об образовательной организацииСистема менеджмента качестваМеждународная деятельностьБезопасность и противодействие терроризмуДоступная средаКультурно-просветительский центр «Музей СПбГУТ»РеквизитыАбитуриенту
Высшее образованиеЦентр профориентации и довузовского образованияДовузовская подготовкаСреднее профессиональное образованиеДополнительное профессиональное образованиеЭлектронная информационная образовательная среда
АспирантураДиссертационные советыНаучные подразделенияНаучные журналыНаучно-технический советИнновационные предприятияРуководящие документы
РасписаниеБиблиотекаДипломникуАдминистративная комиссияКультурно-досуговый центрСтуденческий советЗдоровьеПсихологическая помощьТрудоустройствоПрактика обучающихсяВыпускникиСтуденческий городокСпортОплата обучения онлайнАкадемические отпускаШтаб студенческих отрядов СПбГУТПереход с платного обучения на бесплатноеЛьготы и материальная поддержка
УниверситетО насСтруктураУченый советСведения об образовательной организацииСистема менеджмента качестваМеждународная деятельностьБезопасность и противодействие терроризмуДоступная средаКультурно-просветительский центр «Музей СПбГУТ»РеквизитыАбитуриентуСтудентуРасписаниеБиблиотекаДипломникуАдминистративная комиссияКультурно-досуговый центрСтуденческий советЗдоровьеПсихологическая помощьТрудоустройствоПрактика обучающихсяВыпускникиСтуденческий городокСпортОплата обучения онлайнАкадемические отпускаШтаб студенческих отрядов СПбГУТПереход с платного обучения на бесплатноеЛьготы и материальная поддержка
ОбразованиеВысшее образованиеЦентр профориентации и довузовского образованияДовузовская подготовкаСреднее профессиональное образованиеДополнительное профессиональное образованиеЭлектронная информационная образовательная средаНаукаАспирантураДиссертационные советыНаучные подразделенияНаучные журналыНаучно-технический советИнновационные предприятияРуководящие документы
Вопрос-ответ
Часто задаваемые вопросы
Обращения граждан
Телефонный справочник
+7 (800) 550-41-72
Телефон горячей линии
+7 (812) 326-31-63
Многоканальный телефон
Россия, 193232, Санкт-Петербург,
пр. Большевиков д.22, к.1
rector@sut.ru
пр. Большевиков д.22, к.1
ОбразованиеЦентр профориентации и довузовского образованияДовузовское образованиеЦифровая академия школьниковКурсы в партнёрстве с АлгоритмикойСоздание сайтов
Создание сайтов
.png)
О курсе
В современном мире сайт нужен всем, кто хочет заявить о себе, своем деле, увлечении, услуге или компании.
Какую бы профессию ни выбрал ваш ребенок в будущем, умение создавать сайты будет его конкурентным преимуществом.
Каждый научится:
- Продумывать концепцию и проектировать структуру сайта;
- Разрабатывать дизайн в Figma и создавать сайты на блочном конструкторе Tilda;
- Создавать дизайн интерфейсов с учетом принципов UX и UI;
- Адаптировать сайт под мобильные устройства;
Слушатели: учащиеся средних школ 7–11 классов
Продолжительность обучения:
- 40 академических часов (стоимость: 23 300 руб.)
Формат обучения: очный
Аттестация: Сертификат Цифровой академии школьников СПбГУТ
Содержание программы
1
Модуль. Создай свой первый сайт
- Что такое сайт?
- Из чего сайт состоит?
- Индивидуальный проект
2
Модуль. Базовые правила создания сайта
- Изображения для сайа
- Текст на сайте. Меню сайта
- Проект(групповой)
3
Модуль. Сам себе конструктор
- Разметка простых объектов на HTML
- Таблицы и их оформление
- Вложенность тегов
- Стили объектов разного типа
- Проект (индивидуальный)
4
Модуль. Управляй стилями
- Селекторы по тегу
- Контекстные селекторы
- Каскадные таблицы стилей
- Селекторы по классу
- Проект(индивидуальный)
5
Модуль. Макет веб-страницы
- Принципы создания макета
- Виды отступов и границ
- Списки маркированные и нумерованные
- Проект (групповой)
6
Модуль. Блоки встаньте в ряд
- Контейнеры. Знакомство
- Виды контейнеров
- Флексбоксы
- Проект (индивидуальный)
7
Модуль. Профессиональная вёрстка: псевдоклассы, псевдоэлементы, позиционирование объектов на веб-странице
- Псевдоклассы
- Псевдоэлементы
- Абсолютное позиционирование
- Проект (индивидуальный)
8
Модуль. Профессиональная верстка: линейные градиенты, двумерные трансформации, мультимедиа на сайте
- Линейные градиенты
- Двумерные трансформации
- Размещаем видео и аудио на сайте
- Защита проекта