Разработка дизайна упаковки для печенья
Требуется создать дизайн-концепцию практичной и привлекательной упаковки для печенья двух весовых категорий. Упаковка должна быть ориентирована на розничную продажу и использование в качестве подарка.
Техническое задание: Верстка макета интернет-магазина
Основные требования к HTML
- Валидность: Готовый HTML-код должен успешно проходить проверку на официальном валидаторе W3C без ошибок.
- Семантическая разметка: Необходимо использовать семантические теги (
<main>,<section>,<nav>,<article>и т.д.) для логичной и понятной структуры документа. - Доступность (a11y): Все интерактивные элементы (ссылки, кнопки) должны быть доступны для управления с клавиатуры (через Tab).
- Альтернативные тексты: Для всех контентных изображений должны быть заполнены информативные атрибуты
alt.
Основные требования к CSS/SCSS
- Методология БЭМ: Все классы должны быть именованы строго по методологии БЭМ. Допускается вложение селекторов только для элементов и модификаторов внутри их блока.
- Относительные единицы измерения: Для указания размеров должны использоваться относительные единицы (rem). Конвертацию из пикселей (px) в rem необходимо выполнять автоматически (например, с помощью функции в SCSS или предпроцессора).
- Чистота кода: Код должен быть чистым, хорошо структурированным и комментированным при необходимости.
Результат работы
Исполнитель должен предоставить полностью готовую, кроссбраузерную и адаптивную верстку, соответствующую предоставленному макету (PSD, Figma, Sketch) и всем перечисленным техническим требованиям.