Создание семантической разметки по макету. Кейс 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 лайк

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

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

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

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

1 лайк

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

2 лайка

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

Объясните плз, почему на главной странице блок “запчасти и аксессуары” в эталоне выделили тегом article? Разве можно запчасти, которые продаются в этом конкретно магазине, с конкретной ценой отделить от этого сайта?

Почему в вашем “эталоне” сначала идет текст, а уже потом радио-кнопка, хотя на макете наоборот?
Также на макете стоит checked на “до 5 лет” и “я даю согласие…”. У вас же почему то нет.
Уже подбешивает играть в угадайку.
22 22233

Косяк в каталоге.
Снимок Снимок3

Тут по аналогии с блоком «Товары магазина»: оба этих блока вполне «встраиваются» как рекламный виджет с ассортиментом товаров на сторонний сайт.

Это записал в доработки, поправим, как дойдём до этого.

Записал тоже, спасибо за репорт!

Список товаров использовать как рекламный виджет?
Если так за уши притягивать, то можно очень много всего в article запихать, например блок “кают-компания” из 10 кейса. Он не хуже подходит как рекламный виджет.

Добрый день!
Такое ощущение, что в кейсе сломалась проверка. Загружаю архив с 3 html-файлами, а выводит вот такой результат:

Проверьте, пожалуйста. Спасибо

Помогите, пожалуйста!!!
Не проходит проверку страница card.html
Различие с эталоном кроется в разделе article. Там после кнопки “приблизить” в эталонном решении какой-то отступ. Не пойму, откуда он взялся. Тег никакой не отображается…