Создание семантической разметки по макету. Кейс 12. Вопросы

Добрый день, коллеги.
Серия вопросов по 12 кейсу.

  1. какая структура каталогов требуется для валидатора?
    инструкция на странице отправки 12го кейса содержит стандартные требования из предыдущих кейсов:

в моем пакете из index.html есть ссылки на страницу каталога и страницу карточки. из страницы каталога тоже есть ссылка на страницу карточки. архив содержит все 3 файла + рисунки,
но в результате всё равно выдается ошибка:

что требуется валидатору?

2 еще что заметил:
в текстовом описании страниц в исходнике перечень навигационных ссылок для футера не соответствует макету:
исходник:

макет

3 и также какая-то ерунда в текстовом исходнике в этих местах:
изображение
макет:


и вот тут в исходнике не понятно где в макете в этом месте кнопка “в корзину”
изображение
Макет:

1 Симпатия

Проблема как-нибудь решилась? Столкнулся с тем же самым “Количество файлов в проекте не соответствует необходимому”.

Пробовал играться с названиями файлов, рассовывать их по папкам и все такое - не помогает. С одним html файлом (как отправлял остальные кейсы) тоже не работает

Покопал еще немного. Оказалось просто - нужно всего лишь совпадение имен html-ек с правильными. Правильные имена - index.html, catalog.html и card.html. Все должны лежать в корне, не в подпапках (но это не точно. У меня в корне лежало и сработало)

Привет! спс!
а все кто столкнулся с аналогичной трудностью, называем файлы следующим образом:
главная - index.html
каталог - catalog.html
карта товара - card.html
архивируем в месте с папкой img
то есть - index.html , catalog.html , card.html и папка img (с изображениями) на одном уровне.
дальше уже каждый сам по себе)
но возможно ещё отпишусь в этой же теме)

Привет!
Уважаемые составители курсов, надеюсь на ваши комментарии по вопросам к оформлению страницы catalog.html:

  1. в 11 предыдущих кейсах logo в header был частью блока nav, а в этом финальном кейсе довольно неожиданно “выпал” из него. Хотелось бы последовательности, а не подобных сюрпризов :slight_smile:

  2. почему сортировка карточек “по популярности” выполнена ссылкой, а не выпадающим списком (<select><option></select>), который вроде логичнее здесь использовать? ведь вряд ли предполагается наличие единственного типа сортировки.
    2_sort

  3. почему переключение между раскладкой карточек “9/24/все” выполнено ссылками, а переключение между отображением “в столбик/карточками” - кнопками? не правильнее ли всё сделать кнопками? ведь мы не переходим на новую страницу при изменении раскладки карточек.

  4. почему карточки с велосипедами поместили в блок с заголовком “Сортировка карточек” - не лучше ли его выделить в отдельный блок с соответствующим заголовком вроде “Карточки товаров”? ведь блок с фильтрами - отдельный блок со своим заголовком и “сортировке карточек”, вероятно, логичнее быть отдельным блоком, как и блоку карточек логичнее иметь свой собственный заголовок.

PS: размер логотипа 184x30. Подбор размеров svg - досадно долгое занятие :slightly_frowning_face:

поправим, спасибо

элемент неоднозначный, его можно реализовать по-разному, и таких правильных подходом несколько; нет точного вида этого элемента в «выпавшем» виде, поэтому элемент упрощён до ссылки

доработаем решение, спасибо

вариант 1: открыть файл svg через текстовый редактор. Там увидите размеры.
вариант 2: открыть файл svg через браузер, нажать F12, в коде найти размеры.
В целом делов на минуту.

1 Симпатия

Предложение.
На форуме пишите какие изменения уже внесли по ошибкам. А то вы пишите “доработаем”, но в итоге через пол года нет изменений. Как-то не очень… Так хотя бы будет понятно, что можно нормально делать, а что надо с ошибкой ))

спасибо за совет! буду использовать!