Divine Project – автоматическое создание сайта из PSD шаблона / Веб-разработка / Хабрахабр

Divine Project – автоматическое создание сайта из PSD шаблона

Привет всем! Очень странно, что я не нашел на Хабре ничего такого, про что расскажу вам далее…
Это мой первый пост, а потому попрошу сильно не ругать =)

Я думаю, кто-то из вас рано или поздно сталкивался с задачей сделать для своего сайта уникальный дизайн, но, увы, это не так просто осуществить, как хотелось бы. Но с помощью DIVINE всё становиться гараздо проще. Дизайнерам теперь не нужно владеть HTML, CSS и понятием о том, как устроены темы для WordPress
Конечно, можно в сети поискать ресурсы с бесплатными шаблонами, таких, в принципе, достаточно много, но вот уникальным скачанный оттуда макет точно не будет. Для создания собственного шаблона потребуются не только знания HTML/CSS, но и некоторые особенности их построения. В общем, не буду тянуть резину и секретничать, проект DIVINE позволяет создавать веб-сайты для Wordpress из графического редактора Photoshop. Это настолько просто и легко, что создание тем для Wordpress с помощью DIVINE может занимать до пяти минут, что, конечно, намного меньше и дешевле работы верстальщика. Также вам должно хватить минимальных знаний для осуществления всего процесса преобразования. На сайте есть документация по установке и работе с DIVINE, поэтому, думаю, проблем возникнуть не должно.

К теме прилагаю ознакомительное видею, я думаю даже далекий от этого человек поймет о чем идет речь.

+31

27 ноября 2009, 00:38

124

Krivoy

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

комментарии (109)

+19

Fesor 27 ноября 2009, 00:42 #

вещь забавная но я на пока настроен очень скептически.

+14

nimoff 27 ноября 2009, 01:08 #

скока тонн лишнего мусора и ссылок добавляет в код?

sunnybear 27 ноября 2009, 01:13 # ↑

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

+12

aps 28 ноября 2009, 12:57 # ↑

Сложнее учесть все баги броузеров. Особенно Оперы. У них релиз-диарея. Невозможно уследить какой баг пофиксен, какой появился, какой всплыл из жопы предыдущих релизов.

–16

stas_agarkov 28 ноября 2009, 16:42 # ↑

нихуя подобного
опера самый правильный браузер

Deenamo 28 ноября 2009, 19:49 # ↑

вы кодер?

Chikey 28 ноября 2009, 20:07 # ↑

я чуть не блеванул с такого утверждения. Хром, фаерфокс — вот тру браузеры. Опера — поделка непризнаваемая как браузер некоторыми компаниями.

–3

Fesor 28 ноября 2009, 23:33 # ↑

хром — да, а огнелис не всегда хорошо себя ведет. Опера же… на самом деле у нее не так много багфиксов, не так много как хотелось бы

Mokkey 28 ноября 2009, 15:13 # ↑

Если Вы знаете, как и что оптимизировать, то подобный софт/сервис Вам скорее всего просто не нужен — проще самому тему сверстать изначально качественно.

sunnybear 28 ноября 2009, 15:51 # ↑

вряд ли. Если он сэкономит мое время — то будет нужен

GRuff 28 ноября 2009, 16:34 # ↑

фронт-пейдж уже пробовали? =)

LeeMiller 27 ноября 2009, 01:13 #

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

+10

Napolsky 27 ноября 2009, 03:02 # ↑

>> подобный софт/сервисы приведут к снижению спроса на услуги верстальщиков

Вы хотели сказать на услуги школьников, халтурящих «на пиво»? (:

LeeMiller 27 ноября 2009, 03:26 # ↑

да нет, есть много людей которым нравится заниматься версткой, и не в халтуре дело, нас же с детства учили что для каждого дела есть свой человек. что каждая профессия важна =) и если человек ничего кроме верстки не умеет то не стоит называть его халтурщиком или школьником. А то о чем вы говорите… школьники халтурщики и в дизайне есть и ремонте и администрировании даже есть чудо-кодеры, после которых приходится все переделывать

xaerom 27 ноября 2009, 10:40 # ↑

Вот про то что для каждого дела нужен свой человек, так это даже сейчас не все взрослые дяди и тети понимают :)

Такого рода программы могут заменить только весьма малокомпетентного верстальщика и на очень узкой области задач, так что волноваться что спрос на верстку пропадет не стоит.

Очень сложно написать правильный код и хорошую верстку :)

Render 28 ноября 2009, 17:11 # ↑

А когда эта робо-верстка будет трещать по швам, тут-то владелец и обратится за квалифицированной помощью, и возможно поймет что лучше сделать с нуля и качественно ^^

KuzmaZaykin 28 ноября 2009, 18:44 # ↑

Двумя руками за, не много знаю «качественных верстальщиков». Не многие сделают правильный мультибраузерный код.

Napolsky 27 ноября 2009, 11:30 # ↑

Нет, вы немного не поняли. Я ничего не имею против верстальщиков, я к тому что пока _качество_ автоматической верстки будет сравнимо только с работой «школьников, халтурящих «на пиво»», поэтому пока они имхо никакой угрозы нормальным верстальщикам не представляют, и спрос на верстальщиков каким был, таким и останется в ближайшем будущем

M_org 28 ноября 2009, 17:56 # ↑

Однако это может увести тех клиентов, которым похрену, как хорошо сверстано — работает, и ладно.

salvadorz 28 ноября 2009, 19:36 # ↑

Клиенты, которым похрену верстка, уже давно ушли н залежи бесплатных шаблонов…

alebezh 28 ноября 2009, 18:51 # ↑

И на какие деньги теперь «школьники» будут покупать пиво!?

egorinsk 28 ноября 2009, 13:57 # ↑

Эта программа будет генерировать фигню, а не нормальную вертку, неужели вы еще не поняли?

Хотя, что тут говорить, я сам видел, верстку, где люди тупо всю шапку одной png-картинкой на 300 Кб верстали — вот им стоит опасаться, их этой программой заменть легко.

lazycoder 28 ноября 2009, 20:59 # ↑

вы знаете много школьников способных сверстать что-нибудь более или менее сложно нормально, читаемо, семантично и кроссбраузерно? :)

menvil 28 ноября 2009, 12:50 # ↑

Владельцы лошадей то же были недовольны когда появился электрический транспорт.

LeeMiller 28 ноября 2009, 13:12 # ↑

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

Kain_Haart 28 ноября 2009, 13:18 # ↑

[улыбнуло] «у владельцев лошадей сейчас дела идут лучше, чем было до появления лошадей» [/] :)

+21

ernt 28 ноября 2009, 15:01 # ↑

4 слова «лошадь» в одном предложении — Вы никогда SEO не занимались? :)

ave 28 ноября 2009, 16:27 # ↑

«у владельцев лошадей сейчас дела идут лучше»

только самих владельцев стало на несколько порядков меньше.

mustangostang 28 ноября 2009, 19:18 # ↑

про то, что лошади раньше стоили копейки — это глупость. сейчас среднюю лошадь можно купить за 50 т.р., судя по сайтам. а вот, скажем, по «Рипуарской правде» (VII в.) конь стоил 12 солидов. солид — 4,5 г золота, итого 54 г золота, по сегодняшнему курсу — 60 т.р. вот и сравнивайте, когда кони были дешевле.

AlexeyTokar 28 ноября 2009, 15:04 # ↑

может Вы еще и против конвееров? :)
хендмейд при конвеерах тоже никто не отменял

aps 28 ноября 2009, 15:16 # ↑

>но подобный софт/сервисы приведут к снижению спроса на услуги верстальщиков,
Вау! Разве FrontPage не сделал этого?

>дизайнеры тоже будут страдать, как и в работе так и в цене на эту работу
Разве Narod.Ru не упразднил дезигнеров?

Ferroman 28 ноября 2009, 18:18 # ↑

Ну да, и при промышленной революции тоже никто не пострадал.

+11

Kudja 27 ноября 2009, 01:16 #

Почемуто я уверен что там на выходе будет такая каша из css/html что там черт ногу сломит.
Лучше уж я сам сверстаю или закажу верстку, чтоб потом можно было легко модернизировать, добавить что-либо…

LeeMiller 27 ноября 2009, 01:23 # ↑

ну это первые шаги, а сама тенденция ведет к тому, что ценным в ближайший десяток лет останется только дизайн. Все остальное будет делаться в автоматическом или полуа-втоматическом режиме. Конечно новое поколение это будет радовать, поскольку учить придется меньше. А для среднего и старшего это удар ниже пояса. А когда технологию отточат, Вакансий с требованиями знаний xHTML, CSS и кроссбраузерной верстки уже не будет.

Kudja 27 ноября 2009, 03:21 # ↑

Ну эти шаги ещё имхо долго будут шагать, а вот школяту вполне возможно скоро заменят )))
А на счет Вакансий с требованиями знаний xHTML, CSS и кроссбраузерной верстки уже не будет. ну очень сильно сомневаюсь… количество вакансий при таком раскладе уменьшится — это да, но никуда они полностью не денутся, всегда останутся вещи, которые программа сама не сможет нормально сделать. Да и находить глюки под новые версии бразеров кому-то надо будет.
Хотя если прога сможет сама выдавать нормальную адекватную кроссбраузерную верстку макета — это уже будет супер просто, это будет идеальный инструмент для верстки: закинул в прогу, получил резалт, подправил его где надо, добавил разных js с эффектами и ложи к сайту )))

amplitudo 27 ноября 2009, 23:13 # ↑

Автоматизация только увеличивает количетсво рабочих мест, а не уменьшает, как многие думают.

AlexeyTokar 28 ноября 2009, 15:06 # ↑

мир изменчив — поспевайте за ним и все будет ок :)
не нужно ныть что раньше деревья были большими, ведь прогресс, а прогресс штука хорошая

aps 28 ноября 2009, 15:22 # ↑

>ну это первые шаги, а сама тенденция ведет…
Это школа Соломона Шкляра,
Школа бальных танцев, вам говорят.
Две шаги налево, две шаги направо,
Шаг вперед и две назад.

XeNum 28 ноября 2009, 20:17 # ↑

[irony]
Интернет-каналы станут все доступнее, и можно будет просто весь сайт одной картинкой грузить. Верстка будет не нужна, только дизайн. И контент набивать в фотошопе можно будет.

А среднее и старшее поколение будут как дураки продолжать писать оптимизированный кроссбраузерный код…
[/irony]

NeonXP 29 ноября 2009, 00:26 # ↑

Не не не, ни как дураки. При таком раскладе ручная верстка будет считаться элитарным раритетом, который себе могут позволить только а)корпорации с огромными буджетами б)те кто умеет сам верстать. И будут фразы вида " — Вау! у них сайт сверстан в XHTML кроссбраузерно и семантично, и весит 100Кб. — Интересно, сколько лямов они отдали за ручную верстку и оптимизацию?!" или " — А раньше были уберменши, которые были способны написать XHTML страницу хоть в блокноте. — о_О Заливаешь! Это фантастика!"

Hellplix 27 ноября 2009, 01:23 #

кто затестит скажите (выложите) результат кода, если что сам к выходным отпишусь.

LeeMiller 27 ноября 2009, 01:27 #

Ну собственно так оно и есть

W3C valid shorthand and optimized CSS (пока нет, в процессе)
SEO friendly (пока нет, в процессе).

LeeMiller 27 ноября 2009, 01:33 #

Кстати если кому инетересно.
Divine это украинский стартап, проект я так понял пишется на C/C++ (увидел вакансию)

Так же в него изут Верстальщика Дивами, с базовыми знаниями

НЛО прилетело и опубликовало эту надпись здесь

pixxxel 27 ноября 2009, 02:48 #

логотип понравился

–6

nitro80 27 ноября 2009, 03:24 #

А чем вам Artisteer не нравится? Можно сделать шаблон самому :)

–25

nitro80 27 ноября 2009, 03:50 # ↑

Блин, сайт полностью на английском. Даже смотреть не хочу саму софтину.

pieceofsummer 27 ноября 2009, 09:39 # ↑

> сайт полностью на английском
и это прекрасно!

–4

asmerdev 28 ноября 2009, 13:55 # ↑

И что же тут _прекрасного_? То, что не на арабском? Я не против английского, просто русский как-то ближе :)

pieceofsummer 28 ноября 2009, 14:28 # ↑

Если бы речь шла о художественной литературе, то да, русский был бы ближе.

Но так уж сложилось, что язык высоких технологий — английский. А качество перевода обычно такое, что все остальные языки только усложняют понимание — особенно это касается всяких средств для разработчиков.

Chikey 28 ноября 2009, 20:09 # ↑

про поводу перевода это вы зря. Но язык it английский, не спорю.

M_org 28 ноября 2009, 17:58 # ↑

Ну как бы человек не хочет пользоваться полезным приложением, только из-за того что его не перевели на его язык. Хотя без знания английского в интернете делать нечего, в общем-то.

AVR 27 ноября 2009, 03:42 #

неужто они изобрели Искусственный Интеллект? Без него нормальную верстку сможет сделать только опытный в данном вопросе человек!

AVR 28 ноября 2009, 15:38 # ↑

блин, как же я устал от этих минусяторов…

Chikey 28 ноября 2009, 20:10 # ↑

странно, не правда ли?

Andrey_Rogovsky 27 ноября 2009, 09:12 #

Автоматизация работы верстальщика это хорошо, но вот автоматизацию оптимизации верстки пока еще не осилили

pieceofsummer 27 ноября 2009, 09:40 #

Я так полагаю, чтобы добавить потом «резину» в эту верстку, нужно будет переделывать почти всё :)

Droy 27 ноября 2009, 12:11 #

«Дизайнерам теперь не нужно владеть HTML, CSS и понятием о том, как устроены темы для WordPress»

И вообще, зачем теперь дизайнеры? Давай ещё создадим авто-программистов и ИИ победит! =/

pieceofsummer 28 ноября 2009, 14:34 # ↑

Ууу, как страшно!.. И где же это убили резиновые сайты, когда процентов 80 посещаемых мною западных ресурсов — вполне себе резиновые? И недостаток у них только один — верстать их таблицами «не круто», а дивами — не все быдло-куны справляются )

Alaunquirie 28 ноября 2009, 12:45 #

За эту штуку вас найдут верстальщики и убьют. лучше держите в тайне и смените пару раз имя/фамилию в паспорте. Удачи ;)

cgvictor 28 ноября 2009, 12:54 #

>> Дизайнерам теперь не нужно владеть HTML, CSS и понятием о том, как устроены темы для WordPress
… и в этом их проблема ;)

acy 28 ноября 2009, 12:55 #

Ахуеено. Опираясь на
> скока тонн лишнего мусора и ссылок добавляет в код?
предсказываю очередное вливание порции говна в инет и увеличения кол-ва говно-сайтов на 2,73%.

Jamon 28 ноября 2009, 13:14 # ↑

ну во всяком случае это лучше, чем многие сайты на народ.ру =)

RedFox 28 ноября 2009, 15:05 # ↑

создателям сайтов на народе и этот инструмент не поможет :)

DeMx 28 ноября 2009, 13:07 #

С каких это пор дизайнер должен владить HTML, CSS, да еще и WP? O_o

Hellcunt 28 ноября 2009, 14:46 # ↑

Web-дизайнеру, на самом деле, не плохо было бы владеть CSS/HTML.

Не профессионально, конечно. Но хотя бы иметь представление нужно, чтобы не рисовать неверстаемые/сложноверстаемые дизайны :-)

paratrooper5730 28 ноября 2009, 21:36 # ↑

А что понимается под «иметь представление»? ведь если он будет знать лишь азы — несколько тегов и свойств css — то это не поможет ему избегать неверстаемого дизайна. Понимание того, что можно сверстать, что- можно но сложно, а что и вовсе нельзя, приходит когда человек набил уже руку на вёрстке.
вот ваш покорный слуга уже довольно долго знаком с html и css, пару раз создавал свой «дизайн», допиливая имеющиеся шаблоны для joomla!.. Но при этом я с трудом могу себе представить, чтобы вот так глядя на голую картинку вынести вердикт: верстаемо или нет.
Так что, объём знаний, которыми должен обладать такой дизайнер, достаточно велик, и вряд ли массово достижим

Hellcunt 28 ноября 2009, 21:41 # ↑

Справедливо, но хотя бы общие познания о том, что просходит с сайтом дальше, после того как дизайн нарисован, позволит избежать особо клинические случаи :-)

Mokkey 28 ноября 2009, 15:18 # ↑

… с тех самых пор, как решит, что создает дизайн для ВЕБа, а не просто скриншоты рисует.

Jamon 28 ноября 2009, 13:13 #

А есть ли смысл в обозримом будущем ждать вариант PSD в html, который не привязан ни к какой CMS? И в чем суть этой привязки — т.е. что Divine использует от WP такого особенного, без чего бы нельзя было сгенерировать html без привязки к WP?

3ds 28 ноября 2009, 13:52 # ↑

Откройте потом старичку в WP и сохраните — вот вам чистый html )

3ds 28 ноября 2009, 13:53 # ↑

Кстати, там по моему был вариант HTML при экспорте ;)

variable 28 ноября 2009, 13:28 #

для личных блогов/сатов вполне приемлемое решение…
а псд2хтмл вроде есть и в фотошопе…

–8

BorisT 28 ноября 2009, 13:42 #

Divine — смешаем с дерьмом людей…

RxB 28 ноября 2009, 13:46 #

Нормальным верстальщикам нечего бояться, кто-то решит сэкономить, сделает УГ из нормальной PSD-шки, потом поймёт, что обломался и обратится к верстальщику

egorinsk 28 ноября 2009, 15:01 # ↑

Есть чего бояться горе-верстальщикам с фриланса и недоучкам, освоившим несколько основных тегов и jQuery. Если будут появляться такие «авто-верстальщики» не только под Вордпресс. спрос на их услуги упадет (хотя не, я думаю, они сами же первые скачают эту программу :) )

И вообще. подозреваю, что с появлением фронтпейджа, дримвивера и экспорта HTML в ворде, были такие же опасения.

–2

Setti 28 ноября 2009, 14:24 #

> Это мой первый пост, а потому попрошу сильно не ругать

Napolsky 28 ноября 2009, 18:19 # ↑

уг

VasilioRuzanni 28 ноября 2009, 14:30 #

Мне кажется — это невозможно. То есть, конечно, часть работы верстальщика можно автоматизировать. Но самого верстальщика — неа. А он нужен.

kr1z 28 ноября 2009, 14:46 #

Я так с сайта и не понял под Mac OS есть версия?

neJa 28 ноября 2009, 15:04 #

Прикольная вещь, но не более… Интересно бы посмотреть как оно будет генерировать css, если в проекте будет 100 страниц — наследования наверное никакого нет, тем самым «убивается» весь принцип Cascading Style Sheets. Вобщем для простых проектов может и покатит, а так — игрушка…

doloh 28 ноября 2009, 15:54 #

У меня ссылка не работает, хабраэфект?

doloh 28 ноября 2009, 15:58 # ↑

Товарищи, будте добры, выложите куда-нибудь версию для mac (если она есть, конечно). Ну или под win, на худой конец.
Буду очень благодарен.

madhare 28 ноября 2009, 15:55 #

Окончательную верстку это программа конечно не даст, но её вполне можно использовать для создания кликабельного прототипа. Быстро и удобно, и есть что показать заказчику. :)

malahov 28 ноября 2009, 16:32 #

psd2cssonline.com/

nayjest 28 ноября 2009, 16:40 # ↑

Название интригует, сейчас посмотрим что внутри

nayjest 28 ноября 2009, 16:39 #

Как-то слишком много негодования в комментах, а как по мне — респект! Недостатков конечно масса и вообще, зря это конкретно под вордпресс заточено, но движение в направлении автоматизации верстки — это очень, очень(!) позитивно.

Кстати, существует еще какой-то серьезный и более-менее юзабельный софт для генерации верстки из psd макета?

Вообще-то у меня была подобная задумка для стартапа, но ввиду сложности задачи откладывалась на «далекое-далекое потом» :)

nayjest 28 ноября 2009, 18:00 #

PSD -- особая уличная магия -- HTML + CSS

Napolsky 28 ноября 2009, 18:27 # ↑

под «уличной магией» подразумевается видимо тот самый www.flickr.com/photos/murray_fortescue/265918244/

nayjest 28 ноября 2009, 20:21 # ↑

Неа, не угадали :)
Это картинка из поста в моем блоге и я так понимаю, в веб-сервисе, о котором я написал, все решается не кучей верстальщиков, молниеносно кодящих на html за еду :)

VSOP_juDGe 29 ноября 2009, 12:56 # ↑

Есть такие сайты. Например www.psd2html.com. Не молниеносно и не дешево, но за конкретные сроки и качественно.

ryzhmann 30 ноября 2009, 00:34 # ↑

или вот w3-markup.com/ — чем быстрее, тем соответственно дороже.

nayjest 28 ноября 2009, 20:23 # ↑

Ну а на самом деле, есть ведь к примеру веб-сервисы, предоставляющие API для разгадывания капчи, причем они гарантируют получение ответа в течении нескольких секунд, а капчи там действительно разгадывает куча индусов :)

KuzmaZaykin 28 ноября 2009, 18:57 # ↑

без дизайна и эта программа не поможет.

p1xel 28 ноября 2009, 19:44 #

Автоматизированная верстка – это гуд. Но нельзя заставить программные алгоритмы сделать человеческую, креативную работу.

Такими темпами в скором времени появятся сервисы рисующие уникальный дизайн…

not_ice 28 ноября 2009, 22:30 # ↑

а в процессе html-верстки сильно много человеческой и креативной работы? безусловно, там есть где пораскинуть мозгами, но теоретически, машина способна сделать более качественную хмтл-верстку, чем человек. важнее то, каким образом объяснить машине то, что должно получиться на выходе.

Dalairen 29 ноября 2009, 03:25 # ↑

Как и в любой работе, к которой подходят заинтересованные люди.
Если бы машина могла выдавать идеальный результат без сбоев там, где человеческий фактор всегда был и будет необходим, мы бы давно жили в мире фильма «Исскуственный интеллект» с Джадом Лоу, и вокруг нас бегали бы одинаковые дети с криками «Я — Девид!»

Malerok 29 ноября 2009, 00:45 #

Мнений конечно столько сколько и людей, но пусть сервис всё таки будет, мало ли всякое в жизни бывает…

deniamnet 29 ноября 2009, 05:59 #

жду, когда уже появится кнопка «make pizdato»…

zeka 29 ноября 2009, 09:02 #

Так и не нашёл на сайте сколько стоит полная версия продукта. М?

crx 29 ноября 2009, 09:26 # ↑

пока еще его пишут. ждите в 2010

elsinor 29 ноября 2009, 11:31 #

Размер и положение областей, как я понял, менять нельзя?

Okocha 30 ноября 2009, 16:39 #

Автор: «Для создания собственного шаблона потребуются не только знания HTML/CSS, но и некоторые особенности их построения.»

А для использования данного сервиса нужны знания Photoshop. А это, можно сказать, сложнее чем HTML…

ryzhmann 1 декабря 2009, 18:39 #

Сервис может быть полезен только дизайнерам, которые:

а) сами рисуют макеты
б) умеют верстать из дизайна темы
в) понимают, как работает этот сервис

Для того, чтобы сверстать тему, во-первых, слои в макете должны быть упорядочены, собраны в группы и правильно поименованы, что нехарактерно для большинства дизайнов, которые я видел. Во-вторых, макет должен иметь размер от 700х1000рх до 1000х2000рх, что тоже, мягко говоря, не всегда выполняется. В-третьих, нет возможности поставить на бг изображение, а не цвет, да и еще и растянуть это изображение. Короче, школьники-верстальщики могут спать спокойно — никто их не лишит сигарет и пива, а жаль…

almazmusic 5 декабря 2009, 03:28 #

Конкретно эта «софтина» платная. Так что и школьникам достанется. А люди, занимающиеся этим профессионально, ничего не потеряют.

py3u 20 февраля 2010, 02:53 #

жду выхода. скачаю пиратскую. если понравится — куплю

Веб-разработка