Содержание
Если вы когда-либо создавали веб-сайт, вы, вероятно, обнаружили, что все не всегда идет по плану. Быть веб-дизайнером означает, что вам нужно освоиться с отладочными проблемами сайтов, которые вы создаете.
Иногда выяснить, что не так с вашим веб-дизайном, может быть очень сложно, но если вы систематически относитесь к своему анализу, вы часто можете найти причину проблемы и устранить ее быстрее. Вот несколько советов, которые вы можете использовать, чтобы это произошло.
Проверьте ваш HTML
Если у вас есть проблема с вашей веб-страницей, первое, что нужно сделать, это проверить HTML. Есть много причин для проверки HTML, но когда у вас есть проблема, это должно быть первым делом. Уже есть много людей, которые проверяют каждую страницу автоматически. Но даже если у вас есть привычка, рекомендуется проверить правильность вашего HTML, когда у вас возникнут проблемы. Это гарантирует, что это не простая ошибка, как элемент или свойство HTML с ошибкой, которая вызывает вашу проблему.
Подтвердите свой CSS
Следующее наиболее вероятное место, где у вас будут проблемы, это ваш CSS. Проверка вашего CSS выполняет ту же функцию, что и проверка вашего HTML. Если есть ошибки, это гарантирует, что ваш CSS правильный, и это не является причиной ваших проблем.
Проверьте свой JavaScript или другие динамические элементы
Как и в случае с HTML и CSS, если ваша страница использует JavaScript, PHP, JSP или некоторые другие динамические элементы, вы должны убедиться, что они также действительны.
Тест в нескольких браузерах
Возможно, проблема возникает из-за браузера, в котором вы ее просматриваете. Если проблема возникает в каждом браузере, который вы можете протестировать, это говорит вам о том, что вам нужно сделать, чтобы ее исправить. Например, если вы знаете, что проблема возникает только в определенном браузере, вы можете глубже понять, почему только один браузер может вызывать проблему, в то время как другие в порядке.
Упростить страницу
Если проверка HTML и CSS не помогает, вам следует сузить страницу, чтобы найти проблему. Самый простой способ сделать это — удалить или «закомментировать» части страницы, пока не останется только часть с проблемой. Вы должны также сократить CSS аналогичным образом.
Идея, лежащая в основе упрощения, заключается не в том, что вы оставляете страницу только с фиксированным элементом, а в том, что вы сами определяете причину проблемы и затем исправляете ее.
Вычтите и затем добавьте назад
Как только вы сузили проблемную область своего сайта, начните вычитать элементы из дизайна, пока проблема не исчезнет. Например, если вы сузили проблему до конкретного
и CSS, который его стилизует, начинается с удаления одной строки CSS за раз.
Тест после каждого удаления. Если то, что вы удалили, исправляет или полностью устраняет проблему, то вы знаете, что нужно исправить.
Как только вы точно знаете, что является причиной проблемы, начните добавлять ее обратно с измененными элементами. Обязательно проверяйте после каждого изменения. Когда вы занимаетесь веб-дизайном, удивительно, как часто мелочи могут иметь значение. Но если вы не протестируете, как выглядит страница после каждого изменения, даже кажущегося незначительным, вы можете не определить, в чем проблема.
Первый дизайн для браузеров, соответствующих стандартам
Наиболее распространенные проблемы, с которыми сталкиваются веб-дизайнеры, связаны с тем, чтобы страницы выглядели одинаково в большинстве браузеров. В то время как мы обсуждали, что может быть очень трудно, если не невозможно, заставить веб-страницы выглядеть одинаково во всех браузерах, это по-прежнему является целью большинства дизайнеров. Поэтому вам следует начать с разработки лучших браузеров, в том числе тех, которые соответствуют стандартам. После того, как они будут работать, вы можете поиграть с другими браузерами, чтобы заставить их работать, включая старые браузеры, которые все еще могут иметь отношение к аудитории вашего сайта.
Сохраняйте код простым
После того, как вы нашли и исправили свои проблемы, вы должны сохранять бдительность, чтобы они не появлялись снова позже. Самый простой способ избежать проблем — максимально упростить HTML и CSS. Обратите внимание, что это не означает, что вам не следует делать что-то вроде создания закругленных углов просто потому, что HTML или CSS сложны. Только то, что вы должны избегать делать сложные вещи, когда простое решение представляет себя.
Получить помощь
Значение того, кто может помочь вам отладить проблему сайта, невозможно переоценить. Если вы некоторое время просматривали один и тот же код, становится легко пропустить легкую ошибку. Попытка взглянуть на этот код — это лучшее, что вы можете для него сделать.
Под редакцией Джереми Жирар.
