HTML-вёрстка

Кроссбраузерная валидная вёрстка PSD-макетов в HTML 4/5 или XHTML 1.0 Strict. Соответствие стандартам W3C. Если Вы не очень знакомы с процессом и назначением вёрстки, то посмотреть и оценить работу профессионалов можно по видеопрезентациям на сайте psd2cms.ru


Требования к PSD-макетам

1. Шрифт основного текста

Желательно использование стандартных шрифтов (Arial, Verdana, Tahoma, Trebuchet MS, Times New Roman, ...) для основного текста страницы. Текст, по возможности, не должен отбрасывать тень, иметь градиентные цветовые переходы либо другие эффекты. Сглаживание мелкого текста должно быть отключено.

3. Эффекты при наведении мыши

Если должно быть выпадающее подменю или изменение фона либо цвета ссылок при наведении указателя мыши, то это должно быть явно указано, то есть подменю и новый вариант заливки должны присутствовать в макете на отдельных слоях поверх слоёв с неактивными элементами.

 

2. Ширина сайта

При передаче макета оговаривайте минимальную и максимальную ширину содержимого сайта (если сайт «резиновый», то есть растягивается во всю ширину окна браузера либо до определённого предела).

4. Структура слоёв

Все слои внутри PSD-файла должны быть понятно сгруппированы, слои и их группы внятно названы. Слияния слоёв в процессе дизайна происходить не должно.

 

Рекомендации к дизайну сайта

1. Фон

Чем сложнее и неоднороднее фон, тем больший суммарный размер будет иметь свёрстанная страница. Самые оптимальные варианты – это однородный (одноцветный или горизонтально либо вертикально градиентный) и собранный путём повторения маленького участка текстуры. Если же фон состоит из нескольких изображений и не повторяется, то его необходимо будет сохранить целиком в один большой файл или даже разбить на прозрачные слои с отдельными элементами. Такой фон будет иметь размер до нескольких мегабайт.

2. Меню

Меню должно быть «нарисовано» со взглядом на будущее сайта. Если его необходимо будет менять в будущем, то оно должно быть текстовым и гибким для добавления либо удаления пунктов. Бесконечное множество пунктов можно сделать только в вертикальном меню. Если же оно больше никогда (или в достаточно долгом времени) не изменится, то можно и нарисовать пункты со всевозможными тенями, обводками, любым шрифтом. При любом изменении их уже нужно будет перерисовывать.

3. Блоки с текстом

Все блоки должны быть такими, чтобы можно было предсказать, что будет с каждым, если там будет вдруг на несколько строк больше или меньше текста. Другими словами, всё должно иметь запас «тягучести» и места по высоте.