Техническое задание: Верстка HTML-страницы из PDF-макета
Цель проекта
Преобразовать предоставленный PDF-документ в корректно сверстанную HTML-страницу с использованием HTML и CSS.
Основное требование
Верстка должна быть выполнена таким образом, чтобы при печати страницы (используя CSS-правила @media print) результат в точности соответствовал исходному PDF-файлу по:
- Расположению всех элементов (текст, изображения, блоки).
- Размерам и отступам.
- Общему визуальному представлению.
Технические детали и ожидаемый результат
- Исходный материал: PDF-файл (приложен к заданию).
- Необходимо создать чистую, семантическую верстку (HTML5).
- Стилизация должна быть выполнена с помощью CSS.
- Особое внимание уделить настройке стилей для печати (
@media print). - Все конфиденциальные данные (названия фирм, телефоны, сайты), присутствующие в исходном PDF, должны быть заменены на нейтральные или скрыты в финальной верстке.
- Готовый результат должен представлять собой HTML-файл и связанные с ним CSS-стили.
Критерии приемки работы
- Визуальное соответствие HTML-страницы исходному PDF в браузере.
- Полное совпадение макета и расположения элементов при предпросмотре печати и прямой печати из браузера.
- Корректное отображение в современных браузерах.
- Чистый и валидный код.