+7 (812) 703-02-02 info@hse.spbstu.ru

Семестр 1. Основы веб-дизайна

C 7 класса | 12 занятий | Очно

Длительность курса: 78 ак. часов (12 занятий по 4 ак. часа + 30 часов домашней работы)

О чём курс

Разработка сайта на сегодняшний день стала одной из самых стремительно развивающихся и достаточно дорогих услуг.

Сайты учат, развлекают, информируют, помогают делать покупки. С одними сайтами «общаться» интересно и легко. Другие сайты требуют от посетителей дополнительных усилий как по поиску, так и по восприятию контента.

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

В рамках курса мы ответим на вопрос: «Зачем веб-дизайнеру понимать вёрстку?». Познакомимся с современными возможностями языков разметки гипертекста HTML и каскадных таблиц стилей CSS. Поймём основной принцип дизайна адаптивных сайтов и их мобильных приложений. Научимся подбирать цветовую палитру проекта, работать с веб-графикой в растровом редакторе. Прикоснёмся к искусству композиции и типографики.

Чему научим

  • Необходимым знаниям в HTML и CSS, для понимания задач веб-верстальщика.
  • Работать с цветом, подбирать цветовое решение для оформления сайта.
  • Форматировать и оформлять текстовый контент.
  • Обрабатывать графику для веба.

Занятие 1

Введение в Веб-дизайн

  • Постановка задачи
  • Инструментарий веб-дизайнера

Основы HTML

  • Понятие тега и атрибута
  • Структура кода страницы
  • Вложенность тегов
  • Разметка текста

Занятие 2

Веб-адресация

  • Понятие URL
  • Абсолютная адресация
  • Относительная адресация

Списки

  • Маркированный
  • Нумерованный
  • Многоуровневый
  • Определений

Занятие 3

Веб-графика

  • Графические форматы
  • Оптимизация веб-графики
  • Внедрение графики

Занятие 4

Навигация сайта

  • Тенденции в оформлении навигационной системы
  • Виды ссылок на сайте
  • Структура ссылки

Цвет в веб

  • Цветовые модели
  • Теория цвета
  • Инструменты для работы с цветом

Знакомство с CSS

  • Синтаксис и внедрение стилей
  • Селекторы и стилевые правила
  • Применение цвета в CSS

Занятие 5

Блочная модель

  • Понятие блочного и строчного тега
  • Служебные теги div и span
  • Структурные элементы страницы
  • CSS-свойства: width, height, margin, padding
  • Фоновые заливки и градиенты

Занятие 6

Типографика в CSS3

  • Основные принципы типографики
  • Подбор и применение шрифтовой пары
  • Возможности CSS3 для оформления текста

Занятие 7

Раскладка элементов на CSS3 Flexbox

  • Технология CSS Flexbox для гибких макетов
  • Понятие flex-контейнера и flex-элемента
  • Способы компановки элементов

Занятие 8

Современные возможности CSS3

  • Переходы
  • Трансформация
  • Фильтры

Занятие 9

Формы в HTML

  • Знакомство с элементами формы в HTML
  • Особенности стилевых описаний

Занятие 10

Концепция CSS3 Grid Layout

  • Система Grid Layout для дизайна пользовательского интерфейса
  • Понятие grid-контейнера и grid-элемента
  • Определение сетки

Занятие 11

Адаптивная вёрстка сайта

  • Понятие адаптивной вёрстки
  • Принципы создания медиазапросов CSS3

Занятие 12

Итоговая работа

Стоимость

19 400 ₽

Есть скидки от 10% до 20%. Узнать подробнее...

Как поступить

Для тех, кто еще не учится в АИШ:

  • Вступительное тестирование

Для уже обучающихся в АИШ:

  • Базовый курс: Компьютер - друг или Основы компьютерной грамотности
  • Промежуточная аттестация: 60 баллов и больше
  • Итоговая оценка: удовлетворительно и выше
Тест № АИШ-001 Основы компьютерной грамотности

Тест на владение практическими навыками работы в ОС MS Windows:

  • Проходной балл: 60
  • Длительность: 60 минут
  • Количество попыток: 2

Необходимы знания и навыки для успешного прохождения тестирования:

  • Понятия файла
  • Понятие папки
  • Расширение файлов
  • Работа с файловой системой: копирование, удаление, перемещение, поиск, создание файлов и папок
  • Горячие клавиши
  • Работа с оконными приложениями
  • Работа с мышкой
  • Устройство и принцип работы компьютера
  • Операционная система: что это такое, цели и задачи

Как записаться на занятия

Если ребёнок уже обучается

оставьте заявку в Личном кабинете

Если ребёнок ещё не обучается

заполните форму

среда 25.01.2023 - 26.04.2023 18:00 - 21:30

Группа
111.01.01
Свободных мест: 11
Аудитория
№207
ул. Обручевых, д.1, вход с ул. Гидротехников
суббота 28.01.2023 - 22.04.2023 18:00 - 21:30

Группа
111.01.02
Свободных мест: 11
Аудитория
№313
ул. Обручевых, д.1, вход с ул. Гидротехников

Выберите группу

Академия информатики для школьников в цифрах

18 лет

успешной работы
в Политехническом университете Петра Великого

16

направлений обучения

83

учебные программы

3 500

школьников
проходят обучение
ежегодно

4

учебные площадки

36

компьютерных классов