Вёрстка PSD дизайна

Тема в разделе "Веб-дизайн", создана пользователем Deu$, 8 фев 2008.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Deu$

    Deu$ Прохожие

    В общем есть шаблоны для сайта PSD, не знаю как ими пользоваться, не приходилось. Как их отверстать в HTML например?
     
  2. rootkit

    rootkit Постоялец

    Регистр.:
    4 апр 2007
    Сообщения:
    143
    Симпатии:
    27
    в фотошоп открываешь, сохраняешь как картинку и потом ее начинаешь резатьи делать html'ку...всё просто...
     
  3. Don Vito

    Don Vito Создатель

    Регистр.:
    25 янв 2008
    Сообщения:
    20
    Симпатии:
    3
    Нужно в фотошопе проделать следующее File > Save For Web & Devices... или Alt+Shift+Ctrl+S после нарезать как надо и сохранить куда надо.
     
  4. DrCrash

    DrCrash Писатель

    Регистр.:
    22 янв 2008
    Сообщения:
    7
    Симпатии:
    0
    в том же фотошопе есть - нарезать для веб. Самый оптимальный вариант для максимального сжатия выходной страницы без потери качества (для веб).
     
  5. Electra

    Electra Создатель

    Регистр.:
    1 окт 2007
    Сообщения:
    38
    Симпатии:
    0
    для начла нужно мысленно разрезать шаблон на кусочки
     
  6. Dark Wizard

    Dark Wizard

    Регистр.:
    23 сен 2007
    Сообщения:
    153
    Симпатии:
    76
    Сначала в фотошопе делаешь невидимыми все слои с текстом и прочими элементами нефоновой графики, потом жмёшь кнопочку в левом меню самую нижнюю - переход на imageready, там с помощью slice tool режешь картинку на куски, потом сохраняй куда-нибудь как html с картинками, и вот у тебя свёрстанная таблично страничка)

    Потом делаешь некоторые картинки фоном ячейки, а в ячейки пишешь что-нибудь. Или всё нафиг перевёрстываешь слоями.
     
  7. wolgast

    wolgast

    Регистр.:
    9 дек 2006
    Сообщения:
    293
    Симпатии:
    30
    Нет программы, которая делает это всё автоматом?
     
  8. ksido

    ksido Создатель

    Регистр.:
    8 авг 2007
    Сообщения:
    28
    Симпатии:
    5
    wolgast
    К сожалению такой программы нет. Какие то функции желаемой программы можно добиться как раз методами, которые были описаны ранее... т.е. разметить (разрезать) картинку инструментом slice tool и сахранить файл "для ВЕБ" как HTML с картинками. Фотошоп сам сожранит картинки и создаст табличную структуру странички. Потом страничку нужно открыть через программу типа DreamWeaver или что-то иное и отредактировать полученную страничку нужным образом ... т.е. удалить картинку рабочей области, чтобы там был текст, некоторые картинки нужно будет перенести в бэкграунд.

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

    rootkit Постоялец

    Регистр.:
    4 апр 2007
    Сообщения:
    143
    Симпатии:
    27
    нет и вряд ли появиться...только человек может сверставть хорошо. То, что выдаст программма - это будет ужас, если верстка сложная...

    p.s. если нужны услуги верстальщика - обращайся ;)
     
  10. shkura

    shkura Создатель

    Регистр.:
    16 дек 2007
    Сообщения:
    25
    Симпатии:
    2
    автоматическая вёрстка не рулит

    есть такие программы, погуглив, находил неплохие, типа встроенного в фотошоп верстальщика по слоям, но... они верстают НЕРЕЗИНОВО, а это решает многое, плюс гораздо удобнее подключать какой-нибудь CSS со стилями для таблиц, а сам html Будет чистеньким, лучше обращайтесь к верстальщикам, благо, цены до 50$ практически везде.
     
Статус темы:
Закрыта.