Настоятельные рекомендации верстальщику

Материал из AOW

Перейти к: навигация, поиск

Для того, чтобы верстка макета сайта для мобильного устройства была соответствующей требованиям высоких стандартов, следует обратить внимание на некоторые практические рекомендации:

  • одна и та же страница должна отображаться а всех мобильных устройствах одинаково;
  • необходимо учитывать удобство навигации не только с помощью стилуса или прикосновения рукой, но и джойстика (кнопок);
  • все формы должны открываться в новом окне;
  • название поля не должно располагается в одной строке с самим полем, чтобы название вмещалось целиком вне зависимости от количества символов;
    Файл:3.png
  • размер шрифта следует задавать в относительных единицах, например % или em;
  • величины margin и padding должны состоять в пределах 3-5%;
  • следует отказаться от использования javascript (jQuery, jQuery mobile), flash, CSS3;
  • не все устройства поддерживают атрибут target со значением _blank;
  • не следует использовать свойство line-height, лучше обходиться margin-top(bottom);
  • дескриптор input не следует оформлять стилями;
  • свойству float должно соответствовать только значение none;
  • все элементы нужно помещать в div или table;
  • меню верстается в виде маркированного списка (с помощью конструкции ul-li);
  • меню может верстаться с помощью дескриптора select, но с обязательным задействованием кнопки перейти;
  • из любой странице должна быть ссылка на главное меню;
  • лучше использовать шрифты Tahoma или Arial;
  • посещенные ссылки должны менять цвет;


Написано wig'ом

Личные инструменты

Разработка веб-сайтов, автоматизация.
По всем вопросам обращайтесь по телефонам:

+7 495 640 29 90
http://artofweb.ru