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

Дни открытых дверей Академии информатики для школьников — 10 января (Среда) в 19:00 Аудитория №148
17 января,

Печать

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

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

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

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

Аннотация

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

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

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

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

  • Возрастное ограничение: не младше 8 класса школы.
  • Вступительное практическое задание на знание основ верстки сайтов (ВПТ-551.1).
  • Письменное практическое задание на основы математической культуры, системы счисления и алгебру логики (Вступительный тес №ВПТ-530)
  • Обязательны знание теоритической информатики в объеме программы семестра "Информатика" направления "Базовая подготовка"

Для успешной сдачи теста №ВПТ-551.1 необходимо обладать следующими знаниями:

  1. Знание следующих элементов HTML:
    • гиперссылка;
    • параграф, заголовки, длинная цитата, mark, span, b, I, hr;
    • списки: маркированный, нумерованный, список определений, многоуровневый список;
    • изображение, группировка изображений и подписей.
  2. Назначение гиперссылок тексту и картинке.
  3. Знание каскадных таблиц стилей.
  4. Основные структурные элементы страницы: header, footer, nav, aside, main, section, article.
  5. Знание блочной верстки страниц: обтекание.

По результатам выполнения практического задания необходимо получить оценку "Хорошо". Для сдачи теста предоставляется 1 попытка.

Для успешной сдачи теста №ВПТ-530 необходимо обладать следующими знаниями:

  • Знания курса математики за 7 классов общеобразовательной школы/
  • Общие принципы организации и работы ЭВМ. Арифметические и логические операции. Представление информации в памяти компьютера.
  • Умение анализировать и формализовать постановку задачи.
  • Умение решать задачу в общем виде, строить математическую модель.

По результатам выполнения практического задания необходимо набрать не менее 55 баллов. Для сдачи теста предоставляется 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

Экзамен