Оптимизация верстки сайта спортпитания 4Pump.ru

Задание: 1) Привести всю верстку в "красивый вид", так чтобы все было структурировано и было удобно для работы. Выполнение: Для всех трех страниц: rate.4pump.ru/index.php, rate.4pump.ru/top_product.php и rate.4pump.ru/top_store.php верстка,находящаяся на сайте была максимально структурирована. Выявлено частое употребление заголовков h1– h5 в местах, где это недопустимо.  Вообще теги заголовков желательно использовать лишь там, где находится контент, посему заголовки h1 – h5 в сайдбаре, хедере и других местах были заменены на другие более желательные теги. Изменения произведены на всех трех страницах. Код стал максимально структурированным и адаптированным для работы верстальщика и программиста.  Задание: 2) Внести предложения по оптимизации верстки. Проверить верстку на валидность, исправить ошибки.  Верстка была максимально оптимизирована. Теги выстроены в строгой последовательности, закрытие тегов происходит в порядке их вложенности. Весь Javascript - код, который было возможно вынести во внешние файлы без потери функционала страницы, был перемещен в файл script/main.js. Оставшийся код яваскрипта был перемещен в самый низ страницы во избежание блокировки загрузки самой страницы.   Для проверки валидности верстки был использован валидатор от всемирного консорциума WС3, как наиболее авторитетный и точный при выявлении ошибок в верстке. Непосредственно перед выполнением работ проверка главной страницы rate.4pump.ru/index.php показала такие результаты по ошибкам. Итого было выявлено 65 ошибок в верстке, преимущественное большинство ошибок возникло вследствие неверного именования товаров из базы данных. Для исправления большинства ошибок необходимо было изменять структуру названий товаров, которые передаются в адресную строку. Все названия должны быть без пробелов, а слова должны разделяться либо дефисом, либо нижним подчеркиванием. К примеру, страничка товара http://rate.4pump.ru/category_tovar-Complex amino acids.html должна отображаться как http://rate.4pump.ru/category_tovar-Complex-amino-acids.html или http://rate.4pump.ru/category_tovar-Complex_amino_acids.html. Приблизительно 80% ошибок в верстке, выявленных валидатором https://validator.w3.org/ основываются на этом нюансе, так что предстоит исправить названия в базе. Остальные ошибки (кроме тех, что вызывались вследствие неверного именования товаров) были благополучно исправлены. После выполнения работ на всех трех страницах добились таких результатов:Главная страница – 33 ошибки (исправлено 32 ошибки). Страница товаров – 1 ошибка (исправлена). Страница магазинов – 1 ошибка (исправлена). Задание 4) Проверить верстку на адаптивность.Страницы сайта были проверены на возможность загрузки в браузерах разных устройств, в том числе планшетов и смартфонов. Протестирована возможность адаптации страницы под просмотр на мобильных устройствах. Персональный компьютер: Страница загружается полностью, горизонтальной прокрутки нет, скрытых и смещенных блоков также не обнаружено. Планшет: Слайдер работает исправно, поэтапно сменяет блоки, меню«категории и бренды» скрыты во всплывающем списке, который при касании к тачскрину открывается вниз. Блоки для удобного просмотра (в отличии от версии для ПК) немного смещены и адаптированы для просмотра на данном мобильном устройстве. Скрытых блоков не обнаружено, посему пользователь увидит всю необходимую информацию. Смартфон: Блоки максимально адаптированы и сжаты для просмотра на мобильном устройстве, слайдер работает исправно, поочередно сменяя блоки. Путем настроек стилей была убрана горизонтальная прокрутка, мешающая пользователю удобно пользоваться сайтом. Задание: 6) Исправить все ошибки в консоли браузера. Были исправлены все ошибки, имеющиеся на момент начала работ в консоли браузера. На данный момент на всех трех страницах ошибок не обнаружено.