Урок 28. Тестирование верстки | Курс Веб разработчик | Академия верстки

Автор Georgiy Dronov
Урок 28. Тестирование верстки | Курс Веб разработчик | Академия верстки

Привет.

На связи. Артем Исламов это. Академия верстки вы сейчас находитесь в плейлисте который называется web-разработчик 10 поток — это записи нашего закрытого курса мы их бесплатно в YouTube, но мы не выложили домашнее задание и дипломный проект от этого курса для того чтобы получить полный доступ ко всем домашним дипломом и так далее.

Вам необходимо перейти по ссылке в описании или вот там справа в углу будет значок информации.

Вы можете кинуть туда и перейти по ссылке, а затем вы оплачиваете полный доступ ко всем домашку дипломным проектом указывайте свою почту после этого получаете доступ полностью к записям курсы веб разработчик 1000 со всеми модулями со всеми заданиями дополнительными заданиями со всеми видео уроками которые здесь есть как мы обычно прикрепляем к каждому нашему уроку и дополнительные документы дополнительные материалы макеты дополнительные ссылки. Поэтому если вы хотите получить полный доступ ко всем записям и не ждать пока они выйдут на ютуби. Вы можете перейти по ссылке в описании и оплатить. Приятного просмотра этого урока. До скорой встречи. Всем привет на связи. Артём Исламов мы продолжаем изучать основы веб разработки и сегодня мы поговорим про тестирование верстки тестирование её в части валидации и скорости загрузки сайта мы уже с вами прошли хостинга поэтому без проблем с мужем настроить всё, что нам необходимо для быстрой работы сайта, а также проверим нашу верстку на соответствие w3c Standard собственное. Что такое тестирование верстки на валидность — это когда в ваших верстка не содержит ошибок грубых по стандартам стандартам w3c. Что такое w3c — это стандарты мирового концерн консорциум его ну то есть получается консорциум получается есть группа людей которые принимает решение то есть сообщество которое принимает решение. Какие теги выйдут в новом станке как дети будут себя вести и так далее. То есть стандарты написания HTML кода — это больше большей части касается и тему потому, что сейчас с языком молодой и валидацию все спроси достаточно сложно потому, что с каждым разом мы используем новые новые фишки из этого языка которые поддерживаются ещё не везде и так стандарты w3c проверить на соответствие стандартам можно при помощи валидатора валидатор. w3.org — это сервис валидации здесь мы можем настроить вылета тамада. Ну обычно достаточно той предустановки которая уже здесь стоит проверить мы можем её по адресу например. Ислам av.ru на сайте. Артём исламов. у нас находится наш сайт. Давайте его сюда поместим вот эти вот и попробую прочитать и вот мы видим. Ура есть ошибки я смогу показать как они собственно выглядят во-первых есть ошибки которые называются р. То есть — это настолько явные ошибки, что валидатор на них очень сильно ругать его данном случае он видит, что Type Image у нас не может быть потому, что я говорил у нас здесь ошибка потому, что мы использовали неправильный снимется также он ругается на 100% для атрибута виз для. Ефремов — это у нас. Гугл карты и такого. Ефрема не должно быть то есть все настройки iPhone мы должны вынести все не используя уинфри borderstyle и так далее. ФБР на него ругается и дальше, что фраза просто означает, что лейбл должен быть привязан к какому-то полю если он не какому полю не привязан — это ошибка в данном случае мы видим, что у нас здесь решетки стоят. Это значит, что нашла бы он ни к чему не привязан. Ну и здесь есть такая ошибка как в. Ворде То есть — это предупреждение о том, что вот эти вот ошибки. Либо мы можем исправить. Каким образом. Давайте откроем нашу удаленный хостинг я открою sftp vs FTP сервер. Исламов Артем так как немножко не то — это не так настройка нужен. Артём Исламов до Server Host здесь найдём сайт. Артем исламов. ру и здесь уже изменим индексы членам и здесь мы найдём автор штукатурка. Автоматизированная штукатурка — это то, что мы с вами поменяли есть здесь лейбл он должен ссылаться на инпут в нашем случае Input — это имя поэтому идентификатор моему присвоим Input name. Это первый. Импульс и мы присвоим индикатор то есть твоего теперь будет ссылаться на индикатор Input name One дальше у нас есть Input ID Phone 10 Nokia iPhone 16 будет таким образом один дальше нам нужно сделать всё тоже самое находим ещё так форм вот здесь ещё есть ваше имя есть game2 здесь будет эдификатор на его здесь будет номер телефона. Это фон 25 и всё дальше у нас точно уже нет всё здесь уже идентификаторы все представленные здесь. Всё поставлено ей теперь я просто заново чикунова валидаторе ошибки я вижу, что здесь у нас всё равно есть ошибка ошибка у меня следующие уродан амфор без решётки нужен поэтому найдём здесь все элементы форм при помощи Control F все элементы for равно решётка всё, что ссылается на решётку нужно будет найти. Альт энтер и удалить решетку сохраним и попробуем пройти. Я всё такую маленькую плотность в общем. Сейчас мы видим, что у нас есть пустые появились. Да ну на. ошибочка No 736 линии на 791 и No 736. Снова опять же атрибут нужно найти вот здесь вот он остался без ничего до сообщение, а вот мы пропустили да то есть идентификатор здесь сделать идентификатор. Что — это у нас здесь — это у нас вопрос до месседж месседж месседж. Ну идентификатор соответственно здесь будет массаж он без импульсов. Это мой ошибочка. Ну и теперь если мы начнём заново то. Увидим, что есть всё-таки ещё один либо for email. Давайте прямо вот так вот за Google у точнее здесь сразу вот я пропустил один элемент H2 таким образом и теперь если я обновлю то я вижу, что эти ошибки ушли у меня осталось всего 7 ошибок. Ну и ошибки относятся к тегу Source. Ну, что нужно правильно прописать для того Source на самом деле Source в этом случае должен содержать Type.

0 комментариев
0

Читайте также