8 (800) 333-3041Звонок бесплатный для
всех регионов России

Верстка сайтов и html-документов

  1. Стремитесь к минимуму HTML-кода. Одного и того же эффекта форматирования можно добиться разными способами.
  2. HTML-код должен быть понятно отформатирован. Должны быть иеаррхические отступы и комментарии.
  3. Одинаковое должно быть одинаковым. Определяйте классы стилей.
  4. Общие стили CSS и JS-код должны выноситься в отдельный файл.
  5. Названия классов и идентификаторов CSS должны быть логичными и понятными, с коментариями о том где этот стиль используется.
  6. Результат работы необходимо тестировать в ИЕ, Опера, FireFox, google chrome, safari.
  7. title в документе прописывается всегда со смыслом. Во-первых, для пользователей, чтобы они видели его в заголовке окна, при выборе окна на taskbar'е и при навигации в браузере при помощи кнопок "Назад" и "Вперед"
  8. URL страницы должен выглядить красиво и осмысленно, чтобы на любую страницу сайта можно было сослаться в печатных изданиях и произнести адрес по телефону. Например, itsoft.su/about/feedback
  9. keywords & description прописываются по необходимости и должны содержать только те слова, которые есть внутри самой страницы
  10. Шрифты должны изменять свои размеры, если пользователь того хочет! Не у всех хорошее зрение!
  11. Заголовки первого уровня делаются командой h1 и никак иначе! Заголовки второго уровня — h2 и т.д.
  12. С любой страницы должна быть очевидная возможность попасть на главную и на карту сайта. Если сайт состоит из 5 страниц, то карта ему явно не требуется.
  13. Подчеркнутой в тексте должна быть только гиперссылка.
  14. В меню ссылки могут быть не подчеркнутыми, в обычном тексте они обязаны быть подчеркнутыми, чтобы пользователи сразу видели, что это ссылка, желательно также и выделение цветом.
  15. Если из названия гиперссылки непонятно на что она указывает, пропишите атрибут title.
  16. Для рисунков обязательно должны быть указаны их размеры, а также в атрибуте alt альтернативный текст.
  17. — Тире не тоже самое, что - (дефис)! Для создания тире используйте —
  18. Имена собственные нужно заключать в красивые кавычки « », жаргонные термины можно в другие „plain text“ или простые "", тут надо смотреть какие красивше.
  19. Списки делаются списками и никак иначе!
  20. Во избежение неправильных переносов телефоны надо заключать в nobr, а О компании нужно писать так: О компании, т.е. предлоги надо привязывать к словам.
  21. Не должно быть пробелов после открывающей скобки и перед закрывающей.
  22. Классы стилей должны иметь понятное название, как впрочем и любые имена любых объектов, будь то файлы, переменные. Никто же не называет собаку 1234 или a. Название должно быть информативым и лаконичным. Очень желательно понимать для чего определен класс стилей, где он используется.
  23. Не вводите кучу ненужных стилей.
  24. Если в HTML-шаблоне используется более 2 вложенных таблиц, то скорее всего что-то не так. Код надо оптимизировать.
  25. Для задания отступов используются не пустые td или br и пробелы, а стили padding, margin. Для задания минимальной ширины ячейки можно прменять прозрачный gif размером width x 1 пиксель.
  26. Вместо адресов электронной почты лучше ставить формы отправки писем, чтобы избежать СПАМа и чтобы письма приходили в заданном формате с указанием всех необходимых данных. Если все же требуется опубликовать адрес электронной почты, то его нужно выводить в зашифрованном виде. На наших сайтах это делается так <?print codeEmail($email);?>
  27. Запрещается задавать глобальное выравнивание, т.к. на сайте могут быть таблицы или абзацы, где нужно другое выравнивание.

Если можете дополнить или есть замечания присылайте — опубликуем.


Eng
Наверх