Шаблон сайта в Photoshop
Создание собственного шаблона сайта в Photoshop даст вам гарантию того, что ваш дизайн не будет схож с другими проектами в Сети и сможет выделиться оригинальным стилем выполнения. Кроме того, с помощью данной программы вы сумеете настроить необходимые размеры ваших будущих страниц, что играет не последнюю роль в вопросе удержания посетителей.
Для изготовления шаблона сайта в Photoshop не помешает подготовить предварительную почву в виде схематичного наброска на листке бумаге. Таким образом, вы сумеете собрать воедино все свои планы относительно внешнего вида будущих страниц, а также в ходе работы не забыть о каких-то мелочах. Тут должны фигурировать не только шапка, число полос, навигация и футер, но и другие вспомогательные блоки: реклама, подписка, опросы и т.д. Всегда следует оставлять некоторые незаполненные пространства, потому что, во-первых, страница должна выглядеть как можно менее перегруженной, а во-вторых, при выполнении шаблона сайта в Photoshop может возникнуть необходимость внедрения новых дополнительных элементов.
После организации этой формальности можно приступать к открытию программы и созданию нового листка, параметры которого определяются 900х1200 пикселей. Теперь вам нужно уже в графическом формате воспроизвести ваш шаблон. При этом следует рисовать его не частями, а полностью, с головы до ног, то есть, от хидера к футеру. Не особенно увлекайтесь графическим разнообразием, поскольку потом будет довольно тяжело привести размер страниц к оптимальному размеру. Если имеются трудности в отношении определения углов рисования, обратитесь к функции разлиновывания, помещающейся в разделе меню View. Каждый элемент должен иметь размеры, которые являются для него пропорционально нормальными, дабы он не выглядел несоответственно маленьким либо большим. Области текста пока наполните произвольным набором знаком, дабы получить полное визуальное представление о своем шаблоне сайта в Photoshop.
Далее, когда страница приняла именно такой вид, какой вы бы хотели получить при отображении в браузере, можно приступить к его реорганизации для будущей верстки. Здесь от вас требуется разбить шаблон сайта в Photoshop на самые мельчайшие части, дабы позже соединить их между собой в коде. Чем мельче вы сделаете детали, и чем меньший размер придадите каждому изображению, тем быстрее будут подгружать страницы. Для деления вашего листа на части выделяйте каждую область инструментом Slice Tool (Ножик), жмите Enter и открывайте пункт меню Save for Web, которые предложит вам несколько вариантов качества и размера элементов. Если есть отдельные площади, на которых рисунок является однородным, то не нужно сохранять их полностью, достаточно избрать лишь малую часть, которая является основой, а при верстке вы продлите ее на необходимый промежуток.