Бауманский учебный центр «Специалист»

Программа курса HTML и CSS. Уровень 2. Углубленный CSS и вёрстка макета
  Тема Ак. часов  
   
  Модуль 1. Инструменты разработки веб-страниц
  • Инструменты: браузеры, редакторы, плагины
  • Методика поиска ошибок в коде
  • Emmet и правила для HTML/CSS
  • Accessibility (доступность) - что это, как проверить и улучшить
  • Практическая работа: используем Emmet
  • Практическая работа: делаем страницу доступной
 4  
  Модуль 2. CSS селекторы
  • Варианты селекторов
  • Специфичность селекторов
  • Рекомендации по использованию селекторов
  • Спрайты и их применение
  • Практическая работа: использование CSS селекторов
 4  
  Модуль 3. Модульная система CSS и CSS-свойства
  • Единицы измерения в CSS
  • Боксовая модель, утекание margin
  • Способы верстка макета страницы
  • Использование flex-блоков и другие решения
  • Позиционирование и центровка элемента
  • Визуальные эффекты (градиенты, тени, фон)
  • Создание адаптивного макета с учетом версии для мобильных
  • Практическая работа: верстка макета с использованием свойств CSS3
 8  
  Модуль 4. Визуальные эффекты с использованием CSS
  • Оформление списков и счетчики
  • Преобразование визуального представления элементов
  • Создание выпадающего меню
  • Трансформации, переходы и анимация
  • Использование загружаемых шрифтов
  • Практическая работа: создание визуальных эффектов с использованием CSS
 5  
  Модуль 5. Вёрстка HTML-форм и элементов форм
  • Использование CSS для оформления элементов форм
  • Селекторы валидации
  • Вопросы доступности, использование свойств label и aria-
  • Практическая работа: создание HTML-формы с идеальной доступностью
 3  
  Модуль 6. Финишная вёрстка макета
  • Верстка документа на основе макета
  • Что нужно верстальщику от дизайнера
  • Работа с макетом: нарезка, измерение параметров элементов
  • Создание структуры документа с учетом возможной адаптации
  • Pixel-perfect верстка
  • Практическая работа: Вёрстка страницы на основе макета из графического редактора
 8  
  Аудиторная нагрузка в классе с преподавателем 32 +16
бесплатно 		 
  По окончании обучения на курсе проводится итоговая аттестация. Аттестация проводится в виде теста на последнем занятии или на основании оценок практических работ, выполняемых во время обучения на курсе.