1. Файл макета сайта должен соответствовать установленному формату. Основными форматами макета сайта принято считать файлы с расширением PSD (Photoshop Document) или TIFF (Tagged Image File Format). Если предоставленный макет – это файл другого формата, то соответственно это не макет сайта, а скорей всего миниатюра или превью.

2. Каждый элемент макета должен располагаться на своем отдельном слое. Выполнение такого требования повысит эффективность и скорость верстки сайта, а так же обеспечит независимость при редактировании отдельных элементов уже готового макета сайта.

3. При создании макета обязательно указывается возможность дальнейшего способа верстки. Так при создании макета сайта с фиксированной шириной разрабатывается отдельно фон «подложки» сайта и указывается место расположения сайта относительно краев браузера.

При создании макета «резинового» сайта уже отдельно и по определенным правилам готовятся как фоновые изображения, так и определенные блоки макета сайта. Что в дальнейшем позволит сайту растягиваться в зависимости от разрешения экрана.

4. При создании макета обязательно должны учитываться особенности всех основных браузеров. Яркий пример – это ширина макета. Так, к примеру, при ширине сайта 1024рх и при разрешении монитора те же 1024рх в браузере мы получаем горизонтальную полосу прокрутки, так как ширина окна основных браузеров, при таком разрешении экрана, не превышает 1002 рх.

5. Создавайте правильно фон сайта. Используйте для фона «бесшовные» изображения, которые при многократном повторении создают однородный фон, без разрывов и видимых переходов. Избегайте использования в качестве фона полноразмерных фотографий и изображений – это ухудшит скорость загрузки сайта, а так же очередность загрузки отдельных его элементов.

6. При создании макета сайта используйте направляющие. Использование направляющих не только упростит позиционирование отдельных элементов сайта, но так, же облегчит процесс верстки сайта. Именно поэтому, по окончанию работ по созданию макета сайта не удаляйте направляющие. Их достаточно просто скрыть.

7. При создании макета старайтесь использовать стандартные шрифты. Внедрение в разрабатываемый макет нестандартных шрифтов, очень часто приводит к проблемам при работе уже готового сайта. Даже существующая возможность подгружать извне шрифты не всегда справляется с этим, и мы наблюдаем не совсем лицеприятную картинку открывающегося сайта.

8. Старайтесь избегать специальных эффектов с текстом. Так эффекты выгибания текста, текста «волны» или текст «рыбий глаз» приводит к тому, что при верстке сайта вместо текста приходится прибегать к изображениям, а это соответственно только утяжеляет сайт. Поэтому минимизируйте применение специальных эффектов к тексту.

9. Осторожно экспериментируйте с формами. На мой взгляд, не стоит увлекаться изменением дизайна стандартных элементов форм. Как правило, это часто приводит к тому, что форма или вообще перестает работать, или работает не совсем корректно, что приводит к появлению ошибок при обработке информации формой.

10. Создавайте дизайнерские сборки для разрабатываемого макета. Мелкие элементы макета, особенно которые повторяются, как правило, должны храниться в отдельном файле или файле сборке. Такими элементами могут быть: иконки, стрелки, буллеты, маркеры, кнопки и т.д. На самом же макете такие элементы объединяются в один слой, что упрощает работу с ними, а так же уменьшает размет файла макета сайта.

11. При создании макета прописывайте графику и текстовое наполнение меню. Для простоты верстки, а так же соответствия графики разработанного меню стоит указывать возможные изменения элементов меню при наведении курсора при клике на пункт меню и т.д. Многоуровневые меню необходимо прорисовывать в нескольких положениях (наведение, нажатие, активное положение).

12. При создании макета прописывайте оформление ссылок. В случае с ссылками придерживайтесь правил предыдущего пункта, а то есть прописывайте порядок изменения внешнего вида ссылки при наведении, нажатии и активном положении ссылки.

Вот мы и рассмотрели основные правила и требования, которые предъявляются к макету сайта. Соблюдение данных пунктов позволит вам правильно создать макет будущего сайта и упростить работу при его верстке. На этом на сегодня все читайте материалы моего блога дальше будет еще интересней.