Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Посоветуйте что-нибудь для нарезки дизайна в div'ы
цитата
08/02/10 в 23:44
 kodek
Задача такова - есть .psd с дизайном, довольно простым. Посколько проект "с нуля" делается, хочется сразу сверстать всё по науке, на div'ах. Наверняка ведь есть какой-то софт удобный сейчас, который это дело может оформить? Из серии "нарезал колонки, ткнул ему, где будет картинка, а где текст", а он - выдал html + css + пачку .jpg! Желательно, конечно, что это было кроссброузерно (но думаю, с простыми раскладками проблем не должно быть).

Насоветуйте pls таких софтин, толковых!
Заранее спасибо icon_smile.gif
цитата
09/02/10 в 00:35
 Monty Python
нет такого, есть http://960.gs/, например, но этой системе до того что ты описал далеко.
цитата
09/02/10 в 00:52
 empty
Адоб Файерворкс для простых дизов вполне годен. Сложные придется руками править.
Фрэймворк 960гс совсем другая тема и к автоматизации не относится.
цитата
09/02/10 в 00:58
 kodek
Спасибо, буду смотреть!
цитата
09/02/10 в 01:05
 shamit
Я фОТОшопом сохраняю стайлами
получается топорно зато быстро smail101.gif
цитата
09/02/10 в 02:45
 Ph.Art
Fireworks для правки + Dreamweaver для сборки и выравнивания div.
мои 5c.
цитата
09/02/10 в 05:41
 SAV
kodek писал:
Наверняка ведь есть какой-то софт удобный сейчас

верстальщиком называется icon_smile.gif
цитата
09/02/10 в 07:52
 kodek
Ну ведь верстальщик тоже каким-то софтом пользуется icon_smile.gif
Вот мне нужно то же самое )
Я думаю, что смогу разобраться. Попробуй по крайней мере!
Всем спасибо icon_smile.gif
цитата
09/02/10 в 09:17
 SAV
kodek писал:
Ну ведь верстальщик тоже каким-то софтом пользуется icon_smile.gif

блокнот? icon_smile.gif
цитата
09/02/10 в 10:11
 _s_[sov]
ТС найди похожий блочный шаблон и подстрой его под себя, это уже накряйняк icon_smile.gif
цитата
09/02/10 в 10:13
 hardy
Ребята, если бы был софт который "по-науке, дивами, да еще и кроссбраузерно" верстал бы макеты из .psd, то верстальщики остались бы без работы. но в реальной жизни - работы ого-го ) догадались почему? icon_mrgreen.gif
цитата
09/02/10 в 10:41
 sydoow
Оффтопик: Верстальщики ддосят сайты с таким софтом? icon_mrgreen.gif
цитата
09/02/10 в 15:50
 Mistic
ТС все зависит от дизайна... если в дизайне есть фоны или прозрачные подложки, то тем методом что тебе надо не сделать, все делается в ручную, вырезается каждая картинка и сохраняется в фотошопе, после чего верстается все в Dreamweaver или в любой другой проге, кому как удобно...

если проект серьезный, то лучше не делай сам, а отдай спецам...
цитата
09/02/10 в 16:01
 _s_[sov]
конешно, если полагаются вложения и надежды на проект то ради 50-100 зеленых скупиться бессмыслено
цитата
09/02/10 в 16:17
 ksander60
ImageReady
Идет в пакете с photoshop cs2 и страше.
Я его постоянно юзаю для нарезки графики.

Там есть функция сохранить как html. В настройка можно выбрать div.
Единственно - дивы будут с position: absolute.
потом просто ручками поправить и более менее чтото выйдет.

А вообще учи html, css и юзай каконибудь редактор. Я например пользуюсь WebBuilder 2010.
цитата
09/02/10 в 17:40
 Afina
ksander60 писал:
ImageReady
Идет в пакете с photoshop cs2 и страше.
Я его постоянно юзаю для нарезки графики.
Там есть функция сохранить как html. В настройка можно выбрать div.
Единственно - дивы будут с position: absolute.
потом просто ручками поправить и более менее чтото выйдет.
А вообще учи html, css и юзай каконибудь редактор. Я например пользуюсь WebBuilder 2010.

ты совершенно прав, более менее что-то выйдет
чтобы вышло хорошо, лучше всё таки верстать руками(без помощи прог) icon_wink.gif
ИМХО Dreamweaver самая удобная для этого вещь smail54.gif
цитата
10/02/10 в 10:03
 hardy
ksander60 писал:
ImageReady
Идет в пакете с photoshop cs2 и страше.
Я его постоянно юзаю для нарезки графики.


Оффтопик: ужос icon_eek.gif



sydoow: ага smail54.gif
цитата
10/02/10 в 11:10
 harvester
ksander60 писал:
ImageReady
Идет в пакете с photoshop cs2 и страше.

как раз в последующих версиях этого imageready нету.

To ТС: в фотошопе режем на слайсы, потом эти слайсы сохраняем в папочку images, берем Дрим и с чистого листа делаем, когда сделаем один диз, у нас будет шаблон для дальнейших работ. А такого супер решения, чтобы по правилам из фотошопа и таблицу стилей ещё создал нет и вряд ли будет ибо человека в этом не заменить, слишком сложный процесс)
цитата
10/02/10 в 13:23
 roots
Отвечу на заданный вопрос icon_wink.gif - возможно, тебе поможет это.
цитата
10/02/10 в 16:27
 kodek
Ого, какая тут активность =) Я далёк от мысли отбирать у верстальщиков работу, верю что они отлично справляются и превращают самые навороченные дизайны в элегантный набор div'ов. Но у меня случай особый ) Я же говорю - дизайн реально простой, шапка, пара колонок меню и колонка с контентом (текст, фото). Я бы может и не парился, не будь так просто всё. В итоге - "фейерверк" отлично справился, спасибо! Нарезал, сохранил в "css + html", всё ровненько и кроссброузерно icon_smile.gif

roots, за ссылку спасибо, по описанию - интересная штука этот Divine. П осмотрю внимательней на неё, обязательно! Я правильно понял, что там только для WordPress'a темы режутся? Или любой диз можно запихнуть и получить на выходе html/css/jpg?

PS Всем поучаствовавшим добавил рейтинга, спасибо!
цитата
10/02/10 в 16:34
 adde.biz
roots писал:
Отвечу на заданный вопрос icon_wink.gif - возможно, тебе поможет это.


есть небольшое "но". эта приблуда для создания wordpress-овских тем.

но всё равно спасибо за ссылочку icon_wink.gif
цитата
11/02/10 в 13:04
 roots
Всё верно, только wordpress - но ведь это самая популярная в мире cms, и под нее столько всего (и шопы, и каталоги, и черта в ступе можно найти), что зачастую (для не самых больших ресурсов) пропадает необходимость использовать другие icon_smile.gif ИМХО
цитата
11/02/10 в 13:12
 _s_[sov]
roots: не факт не факт, для той же джумлы в сети выложено всего масса


Эта страница в полной версии