Вёрстка - это процесс преобразования картинки (например, в PSD , JPG , PNG и других форматах) в HTML-страницу . То есть Вы сделали дизайн страницы, но это ещё не страница, так как ещё нет абсолютно никакой интерактивности. И вот после создания дизайна настаёт время вёрстки . А в этом материале я расскажу о критериях...
Вёрстка - это процесс преобразования картинки (например, в PSD, JPG, PNG и других форматах) в HTML-страницу. То есть Вы сделали дизайн страницы, но это ещё не страница, так как ещё нет абсолютно никакой интерактивности. И вот после создания дизайна настаёт время вёрстки. А в этом материале я расскажу о критериях качества вёрстки.
Вот те критерии качества вёрстки, по которым можно определить, насколько качественно сделана вёрстка:
- Совпадение с дизайном. Редкое явление, когда дизайн на 100% совпадает с вёрсткой, но очень близкое совпадение необходимо обеспечить. Очень близкое совпадение с дизайном означает, что при взгляде сначала на дизайн, а потом на вёрстку, крайне трудно назвать отличия. Безусловно, если в дизайне отступ 10 пикселей, а Вы поставили 8, то никто этого не заметит, и дефектом это являться не будет.
- Кроссбраузерность. Этот критерий характеризует, насколько сайт хорошо смотрится в разных браузерах. Сразу скажу, практически невозможно сделать 100% одинаковое отображение во всех браузерах (тем более, что их сотни, а вместе с версиями и тысячи). Однако, обеспечить адекватное отображение во всех современных браузерах (Firefox, Opera, IE, Chrome - последних версий), а также некоторых старых (IE8, IE7, IE6) обязательно нужно.
- Адаптация под разные разрешения. В большинстве случаев проблема возникает при низких разрешениях, а точнее при маленькой ширине экрана. На данный момент адаптировать сайт рекомендуется под ширину экрана 1024 пикселя и больше. Адаптирование под разные разрешения экрана, в большинстве случаев, означает отсутствие горизонтальной полосы прокрутки.
- Чистый и валидный код. Под чистым кодом подразумевается такой код, в котором без проблем разберётся посторонний человек. То есть всё должно быть структурировано, внутренние теги должны иметь отступ от внешних, все классы и id должны иметь адекватные имена. А про важность валидности писалось здесь: валидность html-кода.
Примерно 50% верстальщиков (в том числе и всякие компании) обеспечивают лишь 1-й пункт и чуть-чуть 2-й. Где-то 49% не обеспечивают вообще ничего, то есть их вёрстка просто безобразна. И лишь 1% действительно качественно верстают. К сожалению, я не знаком с такими верстальщиками, но сайты хорошо свёрстанные есть, значит, и отличные верстальщики имеются, но их очень мало.
Мне бы очень хотелось, чтобы Вы попали в этот 1% асов вёрстки, которые обеспечивают все 4 пункта, но для этого нужно очень хорошо знать HTML и CSS и, главное, практиковаться, регулярно практиковаться, причём в простом редакторе, а не в каком-нибудь DreamWeaver (если используете визуальную часть этого редактора, то Вы автоматически попадаете в те 49%). Поэтому ежедневно практикуйтесь, и уже через пару месяцев Вы будете хорошо верстать.
И, наконец, отличным вариантом обучения вёрстке будет вот этот курс: Вёрстка сайта с нуля - который обучит Вас всем азам, покажет несколько примеров вёрстки различных страниц и даст массу упражнений для закрепления знаний.
