Данная статья носит рекомендательный характер. Это советы опытного кодера, которые могут быть полезны вам при организации вашей работы и верстке сайта. С подобными требованиями к верстке веб-сайтов вы можете столкнуться при работе в рекламном агенстве или дизайн-студии.
В общем, эти правила пригодятся каждому веб программисту.
· Отступы, отбивки, межстрочное расстояние, и размер шрифта должны совпадать с этими же элементами эскиза (макета, выполненного в графическом редакторе)
· Каждый раздел сайта первого уровня должен располагаться в отдельной папке
· Название папки должно быть переведено на английский язык
· Папка с графикой для интерфейса сайта имеет название i
· Папка с таблицами стилей для сайта имеет название css
· Папка с ява-скриптами для сайта имеет название js
· Папка с flash-вставками для сайта имеет название flash
· Папка с графикой заказчика (фотографии в каталоге, схемы проезда, иллюстрации к новостям и т.д.) имеет название images
· Прозрачный gif размером 1 на 1 пиксель имеет название spacer.gif
· Макет, предоставляемый менеджерам проекта, должен иметь связи с указанием главного файла папки about/index.html
· Завершенный макет, предоставляемый программистам, должен иметь связи без указания головного файла папки about
· На странице недопустима ссылка на саму себя
· Все alt`ы на сайте должны начинаться либо c заглавной буквы, либо с прописной и должны быть написаны на одном языке
· Надписи на кнопках должны быть написаны либо c все заглавной буквы либо все с прописной и на одном языке
· Все кнопки должны иметь либо стандартный вид, либо настроены через таблицы стилей, либо сделаны как графические элементы
· Логотип должен быть ссылкой на главную страницу сайта и иметь alt="на главную | название компании"
· Аlt на заголовке раздела должен совпадать с названием раздела
· Тitle должен иметь следющий вид: Название подраздела | Название раздела | Название компании
· В таблицах стилей все буквы должны быть строчными, исключение заглавные буквы в названии шрифтов.
· В таблицах стилей первыми определяются стандартные элементы
· p {margin: 0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;},
· а только затем элементы подклассов
· В таблицах стилей все величины должны иметь одинаковые единицы измерения px или pt
· Если дизайн сайта резиновый, то размеры шрифтов прописываются плавающими . font-size: 8/12pt (8pt когда пользователь выбирает в настройках браузера размер шрифта самый мелкий и соответственно 12pt - самый большой)
· При использовании таблиц стилей конструкции в теле html-документа типа font-size и bgcolor недопустимы.
· Значение атрибутов тегов должны быть заключены в кавычки
· Контактная информация на всех страницах сайта указывается в порядке: адрес, телефон, факс, электронная почта.
· Телефон и факс обязательно указывается с кодом города
· Авторские права (copyright) должны быть указаны в следующем порядке: Copyright © 1998-2012 Название_компании
· Ссылка на сайт разработчика должна открываться в материнском окне
В web программировании важна каждая деталь, второстепенных не бывает. Качественное веб программирование определяет работу Вашего сайта. Поэтому не стоит пренебрегать хорошими курсами по web программированию. В учебном центре «Практикум» (http://www.praktikum.com.ua) есть курс Web-программирование. Первое занятие бесплатное и каждый может его посетить и посмотреть что к чему.
Источник: www.postroika.ru
0 коммент.:
Отправить комментарий