Общая информация
АИШ 10 лет О программе Схема обучения Программа обучения Стоимость обучения Преподаватели Новости и успехи Дни открытых дверей Работы слушателей О филиале АИШ Летняя школа
Обучающимся
Расписание занятий Списки групп и оценки Поиск школьника
Внеучебная жизнь
Олимпиады Политех-квест КРОСС И3 Курс для родителей Small Basic - клуб Битва роботов
Обратная связь
Форум Как нас найти Контакты

Дни открытых дверей Академии информатики для школьников —

Печать

Семестр 2. Продвинутая вёрстка сайтов (новая программа)

( Продвинутая вёрстка сайтов )

Продолжительность обучения: 28 ак.ч. лекции очно + 28 ак.ч. практики очно + 22 ак.ч. самостоятельно
График обучения: 78 академических часов

Преподаватели

Аннотация

Курс "Продвинутая вёрстка сайтов" является продолжением первого семестра направления "Веб-технологии".

Знания и умения, полученные в результате обучения

  • Знание HTML, в объеме достаточном для создания веб-сайтов.
  • Знание CSS, в объеме достаточном для создания веб-сайтов.
  • Умение верстать страницы сайтов и собирать сайт целиком.
  • Кроссбраузерная верстка.

Требования к начальному уровню знаний

Поступление по результатам обучения на 1-ом семестре направления.

Программа курса

Занятие 1

Таблицы

  • Простые таблицы.
  • Большие таблицы.
  • Стилевые свойства таблиц.
  • Псевдокласс :nth-child.

Занятие 2

Формы

  • Тег form
  • Элементы формы. Элемент input. Кнопка button. Список выбора. Многострочное текстовое поле. Элемент datalist и атрибут list. Подпись для элемента формы: label.
  • Группировка элементов формы.
  • Атрибуты элементов формы.
  • Псевдоклассы для элементов форм.
  • Псевдоэлемент ::placeholder.

Занятие 3

Карты и изображения

  • Карты: map, area
  • Изображения: picture

Занятие 4

  • Аудио и видео.
  • Полезные псевдоклассы.

Занятие 5

  • Анимация в CSS.

Занятие 6

  • Функции calc() и attr().
  • Колонки текста.

Занятие 7

  • Позиционирование.

Занятие 8

  • CSS3 Media Queries.

Занятие 9-10

Сетка страницы

  • Flexbox.
  • Grid.

Занятие 11

  • Новые элементы вывода
  • Полезные теги форматирования текста
  • Фильтры для изображений
  • Подробнее о meta
  • Печать страницы
  • Полный базовый адрес документа: base
  • Группировка заголовков: hgroup

Занятие 12

Экзамен