Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Скрытие рисунка для отображения атрибутов alt

.

С помощью атрибута alt вы можете вставить текст, который выступит альтернативой изображению. В большинстве браузеров (кроме Internet Explorer), если изображение загружено, вы не увидите значение атрибута alt. Это может привести к определенным проблемам: например, вы правильно загрузите изображение, но забудете присвоить ему соответствующий атрибут alt и не заметите этого, так как он не отображается на странице. Выбрав команду Images — Display Alt Attributes (Изображения — Показать атрибуты Alt) в WDT, вы можете увидеть все атрибуты alt, относящиеся к каждому изображению. Это поможет вам выявить несоответствия, как показано на рис. 11.25.

Рис. 11.25. Кажется, здесь что-то не так с атрибутами alt

Вы также можете временно скрыть изображения, найти поврежденные рисунки на странице и — эту команду я использую особенно часто — скрыть фоновое изображение. Последнее особенно полезно, если на рисунке находится текст или для фонового изображения неправильно подобран цвет, что сразу же выявит этот инструмент.

Например, у вас на странице есть белый текст поверх фонового изображения в темно-синих тонах, но не установлен фоновый цвет. Если изображение не загрузилось, вы увидите на белом фоне текст, который невозможно прочитать. Такой тип ошибки очень легко выявить с помощью названного инструмента.

Вот еще один пример с нашим учебным сайтом. Заголовки и ячейки таблиц (th и td) каким-то образом утратили свой фоновый цвет, который стал белым. Верхняя часть рис. 11.26 демонстрирует, как это будет выглядеть на сайте, а нижняя — что получится в результате скрытия изображений.

Хотя информация в ячейках таблицы видна, заголовки нечитаемы, так как получился белый цвет на белом. WDT быстро выявил эту проблему в намеренно поврежденной версии нашей страницы с расписанием (в архиве кода — website_ files\02_webDevTool barExamples\03_NoBackgroundColorSpeci fi ed\events. html).

Рис. 11.26. Без фонового цвета текст в заголовках таблицы невозможно прочитать

.

Читайте так же:
Not found