• Верстка дизайна с помощью фотошопа

Верстка дизайна с помощью фотошопа

Верстка дизайна с помощью фотошопа

Я думаю что у вас уже есть в наличии фотошоп, не важно какой, но лучше будет если он будет последней версии, ну на данный момент это Photoshop CS5,если же вам не нравиться интерфейс CS5, вы можете скачать любой другой фотошоп, может он вам будет по душе,а может и нет, но я вам советую использовать CS5. И так приступим....

1) Делаем эскиз нашего макета.
Создадим документ с размерами 1280х1024 или 1024х768 ну или 800х600, я использую более большие размеры.
Теперь работаем с сеткой зажмите две заветных клавиши Ctrl+R(сетка).
У вас должны появится цифры по бокам нашего документа.
Если ничего не изменилось идем в Просмотр - Линейка.
Зажимаем на верхней части линейки и тяним в низ, набросайте фрагменты где вы будете рисовать что либо.
В макет должны минимум входить. Блоки (меню), Шапка и Тело (body).

2) После того как вы все нарисовали берем инструмент "Рамка" горячая клавиша - "C" и выделяем каждый элемент и жмем сохранить в формате jpg/png/gif, но лучше jpg в 32 битах. После того как вы сохранили первый элемент, заходим в блок история и удаляем действие рамки, при этом изображение сохраняется. После того как вы сохранили все элементы, вы можете приступать к HTML. Если вы делаете сайт при поддержки ucoz, то советую вам узнать что такое глобальные блоки и коды юкоза, такие как $body$, $PAGE_LINK$ и прочие. Желаю удачи в веб-дизайне.

Добавление комментария
okl-5-wtu