пятница, 23 октября 2009 г.

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

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

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. Ссылка на сайт разработчика должна открываться в материнском окне 

Статья предоставлена: Деном Гришиным (http://www.artfront.ru/)