Создание сайтов > Верстка > Правила верстки

Правила верстки

verstka, pravila, rules, правила, верстка, Rules of DTP, правила верстки

В последнее время ведется много разговоров о том, как и что верстать. Особенно часто этот вопрос возникает у начинающих верстальщиков. Так как сейчас не так просто найти справочники по техническому редактированию, то начинаются различные изыски, приводящие к тому что верстальщик получает удовольствие глядя на собственное «произведение искусства», а посетитель мучается, глядя на совершенно не читабельную страницу.

Примечание: данная статья носит рекомендательный характер. Это советы опытного кодера, которые могут быть полезны вам при организации вашей работы и верстке сайта. С подобными требованиями к верстке веб-сайтов вы можете столкнуться при работе в рекламном агенстве или дизайн-студии. Желательно выучить эти правила.

  1. Отступы, отбивки, межстрочное расстояние, и размер шрифта должны совпадать с этими же элементами эскиза (макета, выполненного в графическом редакторе)
  2. Каждый раздел сайта первого уровня должен располагаться в отдельной папке
  3. Название папки должно быть переведено на английский язык
  4. Папка с графикой для интерфейса сайта имеет название i
  5. Папка с таблицами стилей для сайта имеет название css
  6. Папка с ява-скриптами для сайта имеет название js
  7. Папка с flash-вставками для сайта имеет название flash
  8. Папка с графикой заказчика (фотографии в каталоге, схемы проезда, иллюстрации к новостям и т.д.) имеет название images
  9. Прозрачный gif размером 1 на 1 пиксель имеет название spacer.gif
  10. Макет предоставляемый менеджерам проекта должен иметь связи с указанием главного файла папки about/index.html
  11. Завершенный макет предоставляемый программистам должен иметь связи без указания головного файла папки about
  12. На странице недопустима ссылка на саму себя
  13. Все alt`ы на сайте должны начинаться либо c заглавной буквы либо с прописной и должны быть написаны на одном языке
  14. Надписи на кнопках должны быть написаны либо c все заглавной буквы либо все с прописной и на одном языке
  15. Все кнопки должны иметь либо стандартный вид, либо настроены через таблицы стилей, либо сделаны как графические элементы
  16. Логотип должен быть ссылкой на главную страницу сайта и иметь alt=»на главную | название компании»
  17. Аlt на заголовке раздела должен совпадать с названием раздела
  18. Тitle должен иметь следющий вид: Название подраздела | Название раздела | Название компании
  19. В таблицах стилей все буквы должны быть строчными, исключение заглавные буквы в названии шрифтов.
  20. В таблицах стилей первыми определяются стандартные элементыp {margin: 0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;},а только затем элементы подклассов
  21. В таблицах стилей все величины должны иметь одинаковые единицы измерения px или pt
  22. Если дизайн сайта резиновый, то размеры шрифтов прописываются плавающими . font-size: 8/12pt (8pt когда пользователь выбирает в настройках браузера размер шрифта самый мелкий и соответственно 12pt — самый большой)
  23. При использовании таблиц стилей конструкции в теле html-документа типа font-size и bgcolor недопустимы.
  24. Значение атрибутов тегов должны быть заключены в кавычки.
  25. Контактная информация на всех страницах сайта указывается в порядке: адрес, телефон, факс, электронная почта.
  26. Телефон и факс обязательно указывается с кодом города.
  27. Авторские права (copyright) должны быть указаны в следующем порядке: Copyright © 1998-2002 Название_компании.
  28. Ссылка на сайт разработчика должна открываться в материнском окне.
2 октября 2008 в 22:0613 комментариев Верстка,

Комментарии — 13 комментариев

  1. #111 oSs в 4:10, 19 ноября 2008:

    Ответить | Цитировать

    непогано! дякуб, пригодиццо…

  2. #129 Митя в 21:16, 24 ноября 2008:

    Ответить | Цитировать

    >>Все alt`ы на сайте должны начинаться либо c заглавной буквы либо с прописной

    заглавная и прописная — синонимы 🙂

  3. #130 Митя в 21:31, 24 ноября 2008:

    Ответить | Цитировать

    >> Copyright © 1998-2002 Название_компании.

    диапазон числительных пишется через mDash (alt-0151)
    в последнее время иногда употребляется nDash (alt-0150)
    но никогда — через дефис

  4. #131 WebMast в 21:57, 24 ноября 2008:

    Ответить | Цитировать

    заглавная и прописная — синонимы
    Впервые слышу =)

  5. #133 Митя в 0:23, 25 ноября 2008:

    Ответить | Цитировать

    ПРОПИСНАЯ БУКВА (заглавная буква) — буква увеличенного размера по сравнению со строчной буквой’, с нее начинается предложение. Прописные буквы используются также и для набора выделений, заглавий, заголовков, колонтитулов и т.д.

    как-то так )

  6. #213 40a в 21:56, 13 января 2009:

    Ответить | Цитировать

    Откуда этот бред в пункте 22

  7. #214 WebMast в 9:17, 14 января 2009:

    Ответить | Цитировать

    Это не бред! Что вас не устраивает? Раньше и я таким методом пользовался..

  8. #215 40a в 20:50, 14 января 2009:

    Ответить | Цитировать

    Попробуйте прописать font-size:50px;
    а затем заменить на font-size:10/50px;
    и выставить самый крупный шрифт.

  9. #216 WebMast в 9:04, 15 января 2009:

    Ответить | Цитировать

    Написав font-size:50px; — вы задаете фиксированный размер шрифта.
    Изменив на font-size:10/50px; — вы превращаете размер шрифта в плавающий. Который установлен у вас в настройках браузера! Имхо..

  10. #217 40a в 20:35, 15 января 2009:

    Ответить | Цитировать

    Если я правильно понял, то прописав font-size:10/50px; и ваставив в браузере самый большой шрифт мы должны получить размер шрифта 50px. Однако этого не происходит, а браузер полностью игнорирует это правило и выставляет значения по умолчанию.

  11. #219 WebMast в 8:06, 16 января 2009:

    Ответить | Цитировать

    Значит я чего-то не понимаю.. Действительно, мой браузер тоже игнорирует это правило.

  12. #274 3dk в 2:00, 31 января 2009:

    Ответить | Цитировать

    Copyright и © — одно и тоже. Писать их рядом есть грубейшая ошибка половины рунета.
    25 — далеко не факт.
    28 — а что такое «материнское»? self? Вообще его стоит в _blank открывать.

  13. #1215 unad в 21:27, 31 мая 2009:

    Ответить | Цитировать

    Не плохо было бы дать ссылку на сайт авторов http://www.postroika.ru там все понятно по п. 22

Добавить комментарий

имя:

e-mail:

сайт:

текст:

Subscribe without commenting