Профессиональный навык

Создание семантической разметки по макету

Подробное описание навыка

Самая обычная веб-страница состоит из кода, написанного на HTML, CSS и JavaScript. В HTML описывается разметка страницы — её каркас, в CSS пишутся стили для оформления, а JavaScript делает страницу интерактивной.

Вёрстка любой веб-страницы начинается с написания HTML-кода, то есть с её разметки. Создание разметки — это проектирование информационной архитектуры страниц. И именно этому навыку вы научитесь в этом руководстве.

Почему этот этап идёт первым и он важен? Представьте себе строительство дома. От того, как заложен фундамент дома и построен его каркас, зависит его устойчивость и надёжность. Так же и в «строительстве» страниц. Качественно сделанная разметка прослужит долго и её не нужно будет много дорабатывать на следующих этапах вёрстки.

Вот какой базовый комплект обучающих материалов мы предлагаем для освоения навыка:

  • Методика разметки — в этом документе разбирается алгоритм создания семантической разметки типичной веб-страницы;
  • Кейс 1 — демонстрационный кейс лёгкого уровня, включает макет страницы сайта, пошаговую демонстрацию процесса создания разметки по методике;
  • Кейс 2 — учебный кейс лёгкого уровня, включает макет сайта, похожий на макет из первого кейса, а также эталонную реализацию его разметки;
  • Кейс 3 — учебный кейс лёгкого уровня, включает макет сложнее и объёмнее и эталонную реализацию его разметки;
  • Кейс 4 — демонстрационный кейс среднего уровня, включает макет страниц интернет-магазина, пошаговую демонстрацию процесса создания разметки по методике;
  • Кейс 5 — учебный кейс среднего уровня, включает макет одностраничного сайта с формой обратной связи, а также эталонную реализацию его разметки;
  • Кейс 6 — учебный кейс среднего уровня, включает макет немного объёмнее макета пятого кейса и эталонную реализацию его разметки;
  • Кейс 7 — демонстрационный кейс сложного уровня, включает макет страниц сайта туристического клуба, пошаговую демонстрацию процесса создания разметки по методике;
  • Кейс 8 — учебный кейс сложного уровня, включает макет одностраничного сайта, содержащего сложные элементы, а также эталонную реализацию его разметки;
  • Кейс 9 — учебный кейс сложного уровня, включает макет одностраничного сайта и эталонную реализацию его разметки;
  • Дополнительная теория — углублённая теория, дополняющая и расширяющая главы интерактивных курсов.

Минимальные требования

4 главы курса «Знакомство с HTML и CSS».

Зарегистрироваться и оплатить
навык «Создание семантической разметки по макету»

Зарегистрироваться и оплатить
навык «Создание семантической разметки по макету»

590

Нажимая «Оплатить», вы подтверждаете своё согласие с условиями предоставления услуг.