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

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

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

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

    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 110

      +19
      вещь забавная но я на пока настроен очень скептически.
        +14
        скока тонн лишнего мусора и ссылок добавляет в код?
          +1
          это-то оптимизировать не так сложно. Сложнее нормальный алгоритм сделать, чтобы слои в узлы дерева перегонялись нормально…
            +12
            Сложнее учесть все баги броузеров. Особенно Оперы. У них релиз-диарея. Невозможно уследить какой баг пофиксен, какой появился, какой всплыл из жопы предыдущих релизов.
              –16
              нихуя подобного
              опера самый правильный браузер
                +3
                вы кодер?
                  +6
                  я чуть не блеванул с такого утверждения. Хром, фаерфокс — вот тру браузеры. Опера — поделка непризнаваемая как браузер некоторыми компаниями.
                    –3
                    хром — да, а огнелис не всегда хорошо себя ведет. Опера же… на самом деле у нее не так много багфиксов, не так много как хотелось бы
                +1
                Если Вы знаете, как и что оптимизировать, то подобный софт/сервис Вам скорее всего просто не нужен — проще самому тему сверстать изначально качественно.
                  0
                  вряд ли. Если он сэкономит мое время — то будет нужен
                    +6
                    фронт-пейдж уже пробовали? =)
              +4
              соглашусь с предыдущими высказываниями, лишь добавлю пусть оно пока не вредит, но подобный софт/сервисы приведут к снижению спроса на услуги верстальщиков, да и дизайнеры тоже будут страдать, как и в работе так и в цене на эту работу. Куда уж там до здорового духа и полноценной работы
                +10
                >> подобный софт/сервисы приведут к снижению спроса на услуги верстальщиков

                Вы хотели сказать на услуги школьников, халтурящих «на пиво»? (:
                  +4
                  да нет, есть много людей которым нравится заниматься версткой, и не в халтуре дело, нас же с детства учили что для каждого дела есть свой человек. что каждая профессия важна =) и если человек ничего кроме верстки не умеет то не стоит называть его халтурщиком или школьником. А то о чем вы говорите… школьники халтурщики и в дизайне есть и ремонте и администрировании даже есть чудо-кодеры, после которых приходится все переделывать
                    +5
                    Вот про то что для каждого дела нужен свой человек, так это даже сейчас не все взрослые дяди и тети понимают :)

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

                    Очень сложно написать правильный код и хорошую верстку :)
                      +4
                      А когда эта робо-верстка будет трещать по швам, тут-то владелец и обратится за квалифицированной помощью, и возможно поймет что лучше сделать с нуля и качественно ^^
                        0
                        Двумя руками за, не много знаю «качественных верстальщиков». Не многие сделают правильный мультибраузерный код.
                        +10
                        Нет, вы немного не поняли. Я ничего не имею против верстальщиков, я к тому что пока _качество_ автоматической верстки будет сравнимо только с работой «школьников, халтурящих «на пиво»», поэтому пока они имхо никакой угрозы нормальным верстальщикам не представляют, и спрос на верстальщиков каким был, таким и останется в ближайшем будущем
                          0
                          Однако это может увести тех клиентов, которым похрену, как хорошо сверстано — работает, и ладно.
                            0
                            Клиенты, которым похрену верстка, уже давно ушли н залежи бесплатных шаблонов…
                            0
                            И на какие деньги теперь «школьники» будут покупать пиво!?
                            +2
                            Эта программа будет генерировать фигню, а не нормальную вертку, неужели вы еще не поняли?

                            Хотя, что тут говорить, я сам видел, верстку, где люди тупо всю шапку одной png-картинкой на 300 Кб верстали — вот им стоит опасаться, их этой программой заменть легко.
                            0
                            вы знаете много школьников способных сверстать что-нибудь более или менее сложно нормально, читаемо, семантично и кроссбраузерно? :)
                            +6
                            Владельцы лошадей то же были недовольны когда появился электрический транспорт.
                              +3
                              у владельцев лошадей сейчас дела идут лучше, чем было до появления лошадей, раньше лошади стоили копейки, а зачастую были бесплатны, сейчас же это эстетика, хобби, искусство, и элита, за уроки, за лошадей платят огромные деньги, так что придумайте что-нибудь стоящее, а не берите примеры с потолка
                                +2
                                [улыбнуло] «у владельцев лошадей сейчас дела идут лучше, чем было до появления лошадей» [/] :)
                                  +21
                                  4 слова «лошадь» в одном предложении — Вы никогда SEO не занимались? :)
                                  • UFO just landed and posted this here
                                      +2
                                      про то, что лошади раньше стоили копейки — это глупость. сейчас среднюю лошадь можно купить за 50 т.р., судя по сайтам. а вот, скажем, по «Рипуарской правде» (VII в.) конь стоил 12 солидов. солид — 4,5 г золота, итого 54 г золота, по сегодняшнему курсу — 60 т.р. вот и сравнивайте, когда кони были дешевле.
                                    0
                                    может Вы еще и против конвееров? :)
                                    хендмейд при конвеерах тоже никто не отменял
                                      +2
                                      >но подобный софт/сервисы приведут к снижению спроса на услуги верстальщиков,
                                      Вау! Разве FrontPage не сделал этого?

                                      >дизайнеры тоже будут страдать, как и в работе так и в цене на эту работу
                                      Разве Narod.Ru не упразднил дезигнеров?
                                        0
                                        Ну да, и при промышленной революции тоже никто не пострадал.
                                      +11
                                      Почемуто я уверен что там на выходе будет такая каша из css/html что там черт ногу сломит.
                                      Лучше уж я сам сверстаю или закажу верстку, чтоб потом можно было легко модернизировать, добавить что-либо…
                                        +4
                                        ну это первые шаги, а сама тенденция ведет к тому, что ценным в ближайший десяток лет останется только дизайн. Все остальное будет делаться в автоматическом или полуа-втоматическом режиме. Конечно новое поколение это будет радовать, поскольку учить придется меньше. А для среднего и старшего это удар ниже пояса. А когда технологию отточат, Вакансий с требованиями знаний xHTML, CSS и кроссбраузерной верстки уже не будет.
                                          +1
                                          Ну эти шаги ещё имхо долго будут шагать, а вот школяту вполне возможно скоро заменят )))
                                          А на счет Вакансий с требованиями знаний xHTML, CSS и кроссбраузерной верстки уже не будет. ну очень сильно сомневаюсь… количество вакансий при таком раскладе уменьшится — это да, но никуда они полностью не денутся, всегда останутся вещи, которые программа сама не сможет нормально сделать. Да и находить глюки под новые версии бразеров кому-то надо будет.
                                          Хотя если прога сможет сама выдавать нормальную адекватную кроссбраузерную верстку макета — это уже будет супер просто, это будет идеальный инструмент для верстки: закинул в прогу, получил резалт, подправил его где надо, добавил разных js с эффектами и ложи к сайту )))
                                            +5
                                            Автоматизация только увеличивает количетсво рабочих мест, а не уменьшает, как многие думают.
                                              0
                                              мир изменчив — поспевайте за ним и все будет ок :)
                                              не нужно ныть что раньше деревья были большими, ведь прогресс, а прогресс штука хорошая
                                                0
                                                >ну это первые шаги, а сама тенденция ведет…
                                                Это школа Соломона Шкляра,
                                                Школа бальных танцев, вам говорят.
                                                Две шаги налево, две шаги направо,
                                                Шаг вперед и две назад.
                                                  +2
                                                  [irony]
                                                  Интернет-каналы станут все доступнее, и можно будет просто весь сайт одной картинкой грузить. Верстка будет не нужна, только дизайн. И контент набивать в фотошопе можно будет.

                                                  А среднее и старшее поколение будут как дураки продолжать писать оптимизированный кроссбраузерный код…
                                                  [/irony]
                                                    0
                                                    Не не не, ни как дураки. При таком раскладе ручная верстка будет считаться элитарным раритетом, который себе могут позволить только а)корпорации с огромными буджетами б)те кто умеет сам верстать. И будут фразы вида " — Вау! у них сайт сверстан в XHTML кроссбраузерно и семантично, и весит 100Кб. — Интересно, сколько лямов они отдали за ручную верстку и оптимизацию?!" или " — А раньше были уберменши, которые были способны написать XHTML страницу хоть в блокноте. — о_О Заливаешь! Это фантастика!"
                                              • UFO just landed and posted this here
                                                  0
                                                  Ну собственно так оно и есть
                                                  W3C valid shorthand and optimized CSS (пока нет, в процессе)
                                                  SEO friendly (пока нет, в процессе).
                                                    0
                                                    Кстати если кому инетересно.
                                                    Divine это украинский стартап, проект я так понял пишется на C/C++ (увидел вакансию)

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

                                                    • UFO just landed and posted this here
                                                        +1
                                                        логотип понравился
                                                          –6
                                                          А чем вам Artisteer не нравится? Можно сделать шаблон самому :)
                                                            –25
                                                            Блин, сайт полностью на английском. Даже смотреть не хочу саму софтину.
                                                              +3
                                                              > сайт полностью на английском
                                                              и это прекрасно!
                                                                –4
                                                                И что же тут _прекрасного_? То, что не на арабском? Я не против английского, просто русский как-то ближе :)
                                                                  0
                                                                  Если бы речь шла о художественной литературе, то да, русский был бы ближе.

                                                                  Но так уж сложилось, что язык высоких технологий — английский. А качество перевода обычно такое, что все остальные языки только усложняют понимание — особенно это касается всяких средств для разработчиков.
                                                                    0
                                                                    про поводу перевода это вы зря. Но язык it английский, не спорю.
                                                                    0
                                                                    Ну как бы человек не хочет пользоваться полезным приложением, только из-за того что его не перевели на его язык. Хотя без знания английского в интернете делать нечего, в общем-то.
                                                              +5
                                                              неужто они изобрели Искусственный Интеллект? Без него нормальную верстку сможет сделать только опытный в данном вопросе человек!
                                                                0
                                                                блин, как же я устал от этих минусяторов…
                                                                  0
                                                                  странно, не правда ли?
                                                                0
                                                                Автоматизация работы верстальщика это хорошо, но вот автоматизацию оптимизации верстки пока еще не осилили
                                                                  +7
                                                                  Я так полагаю, чтобы добавить потом «резину» в эту верстку, нужно будет переделывать почти всё :)
                                                                    +6
                                                                    «Дизайнерам теперь не нужно владеть HTML, CSS и понятием о том, как устроены темы для WordPress»

                                                                    И вообще, зачем теперь дизайнеры? Давай ещё создадим авто-программистов и ИИ победит! =/
                                                                    • UFO just landed and posted this here
                                                                        +6
                                                                        Ууу, как страшно!.. И где же это убили резиновые сайты, когда процентов 80 посещаемых мною западных ресурсов — вполне себе резиновые? И недостаток у них только один — верстать их таблицами «не круто», а дивами — не все быдло-куны справляются )
                                                                        +2
                                                                        За эту штуку вас найдут верстальщики и убьют. лучше держите в тайне и смените пару раз имя/фамилию в паспорте. Удачи ;)
                                                                          +2
                                                                          >> Дизайнерам теперь не нужно владеть HTML, CSS и понятием о том, как устроены темы для WordPress
                                                                          … и в этом их проблема ;)
                                                                            +4
                                                                            Ахуеено. Опираясь на
                                                                            > скока тонн лишнего мусора и ссылок добавляет в код?
                                                                            предсказываю очередное вливание порции говна в инет и увеличения кол-ва говно-сайтов на 2,73%.
                                                                              +3
                                                                              ну во всяком случае это лучше, чем многие сайты на народ.ру =)
                                                                                +3
                                                                                создателям сайтов на народе и этот инструмент не поможет :)
                                                                              +4
                                                                              С каких это пор дизайнер должен владить HTML, CSS, да еще и WP? O_o
                                                                                +4
                                                                                Web-дизайнеру, на самом деле, не плохо было бы владеть CSS/HTML.

                                                                                Не профессионально, конечно. Но хотя бы иметь представление нужно, чтобы не рисовать неверстаемые/сложноверстаемые дизайны :-)
                                                                                  0
                                                                                  А что понимается под «иметь представление»? ведь если он будет знать лишь азы — несколько тегов и свойств css — то это не поможет ему избегать неверстаемого дизайна. Понимание того, что можно сверстать, что- можно но сложно, а что и вовсе нельзя, приходит когда человек набил уже руку на вёрстке.
                                                                                  вот ваш покорный слуга уже довольно долго знаком с html и css, пару раз создавал свой «дизайн», допиливая имеющиеся шаблоны для joomla!.. Но при этом я с трудом могу себе представить, чтобы вот так глядя на голую картинку вынести вердикт: верстаемо или нет.
                                                                                  Так что, объём знаний, которыми должен обладать такой дизайнер, достаточно велик, и вряд ли массово достижим
                                                                                    0
                                                                                    Справедливо, но хотя бы общие познания о том, что просходит с сайтом дальше, после того как дизайн нарисован, позволит избежать особо клинические случаи :-)
                                                                                  +2
                                                                                  … с тех самых пор, как решит, что создает дизайн для ВЕБа, а не просто скриншоты рисует.
                                                                                  +2
                                                                                  А есть ли смысл в обозримом будущем ждать вариант PSD в html, который не привязан ни к какой CMS? И в чем суть этой привязки — т.е. что Divine использует от WP такого особенного, без чего бы нельзя было сгенерировать html без привязки к WP?
                                                                                    0
                                                                                    Откройте потом старичку в WP и сохраните — вот вам чистый html )
                                                                                      0
                                                                                      Кстати, там по моему был вариант HTML при экспорте ;)
                                                                                    0
                                                                                    для личных блогов/сатов вполне приемлемое решение…
                                                                                    а псд2хтмл вроде есть и в фотошопе…
                                                                                      –8
                                                                                      Divine — смешаем с дерьмом людей…
                                                                                        +5
                                                                                        Нормальным верстальщикам нечего бояться, кто-то решит сэкономить, сделает УГ из нормальной PSD-шки, потом поймёт, что обломался и обратится к верстальщику
                                                                                          0
                                                                                          Есть чего бояться горе-верстальщикам с фриланса и недоучкам, освоившим несколько основных тегов и jQuery. Если будут появляться такие «авто-верстальщики» не только под Вордпресс. спрос на их услуги упадет (хотя не, я думаю, они сами же первые скачают эту программу :) )

                                                                                          И вообще. подозреваю, что с появлением фронтпейджа, дримвивера и экспорта HTML в ворде, были такие же опасения.
                                                                                          –2
                                                                                          > Это мой первый пост, а потому попрошу сильно не ругать


                                                                                          +2
                                                                                          Мне кажется — это невозможно. То есть, конечно, часть работы верстальщика можно автоматизировать. Но самого верстальщика — неа. А он нужен.
                                                                                            0
                                                                                            Я так с сайта и не понял под Mac OS есть версия?
                                                                                              0
                                                                                              Прикольная вещь, но не более… Интересно бы посмотреть как оно будет генерировать css, если в проекте будет 100 страниц — наследования наверное никакого нет, тем самым «убивается» весь принцип Cascading Style Sheets. Вобщем для простых проектов может и покатит, а так — игрушка…
                                                                                                0
                                                                                                У меня ссылка не работает, хабраэфект?
                                                                                                  0
                                                                                                  Товарищи, будте добры, выложите куда-нибудь версию для mac (если она есть, конечно). Ну или под win, на худой конец.
                                                                                                  Буду очень благодарен.
                                                                                                  +1
                                                                                                  Окончательную верстку это программа конечно не даст, но её вполне можно использовать для создания кликабельного прототипа. Быстро и удобно, и есть что показать заказчику. :)
                                                                                                    0
                                                                                                      0
                                                                                                      Название интригует, сейчас посмотрим что внутри
                                                                                                      +1
                                                                                                      Как-то слишком много негодования в комментах, а как по мне — респект! Недостатков конечно масса и вообще, зря это конкретно под вордпресс заточено, но движение в направлении автоматизации верстки — это очень, очень(!) позитивно.

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

                                                                                                      Вообще-то у меня была подобная задумка для стартапа, но ввиду сложности задачи откладывалась на «далекое-далекое потом» :)
                                                                                                        +4
                                                                                                        PSD -- особая уличная магия -- HTML + CSS
                                                                                                          0
                                                                                                          под «уличной магией» подразумевается видимо тот самый www.flickr.com/photos/murray_fortescue/265918244/
                                                                                                            +1
                                                                                                            Неа, не угадали :)
                                                                                                            Это картинка из поста в моем блоге и я так понимаю, в веб-сервисе, о котором я написал, все решается не кучей верстальщиков, молниеносно кодящих на html за еду :)
                                                                                                              0
                                                                                                              Есть такие сайты. Например www.psd2html.com. Не молниеносно и не дешево, но за конкретные сроки и качественно.
                                                                                                                0
                                                                                                                или вот w3-markup.com/ — чем быстрее, тем соответственно дороже.
                                                                                                              0
                                                                                                              Ну а на самом деле, есть ведь к примеру веб-сервисы, предоставляющие API для разгадывания капчи, причем они гарантируют получение ответа в течении нескольких секунд, а капчи там действительно разгадывает куча индусов :)
                                                                                                          • UFO just landed and posted this here
                                                                                                              0
                                                                                                              без дизайна и эта программа не поможет.
                                                                                                              0
                                                                                                              Автоматизированная верстка – это гуд. Но нельзя заставить программные алгоритмы сделать человеческую, креативную работу.

                                                                                                              Такими темпами в скором времени появятся сервисы рисующие уникальный дизайн…
                                                                                                                0
                                                                                                                а в процессе html-верстки сильно много человеческой и креативной работы? безусловно, там есть где пораскинуть мозгами, но теоретически, машина способна сделать более качественную хмтл-верстку, чем человек. важнее то, каким образом объяснить машине то, что должно получиться на выходе.
                                                                                                                  0
                                                                                                                  Как и в любой работе, к которой подходят заинтересованные люди.
                                                                                                                  Если бы машина могла выдавать идеальный результат без сбоев там, где человеческий фактор всегда был и будет необходим, мы бы давно жили в мире фильма «Исскуственный интеллект» с Джадом Лоу, и вокруг нас бегали бы одинаковые дети с криками «Я — Девид!»
                                                                                                                0
                                                                                                                Мнений конечно столько сколько и людей, но пусть сервис всё таки будет, мало ли всякое в жизни бывает…
                                                                                                                  0
                                                                                                                  жду, когда уже появится кнопка «make pizdato»…
                                                                                                                    0
                                                                                                                    Так и не нашёл на сайте сколько стоит полная версия продукта. М?
                                                                                                                      0
                                                                                                                      пока еще его пишут. ждите в 2010
                                                                                                                    • UFO just landed and posted this here
                                                                                                                        0
                                                                                                                        Размер и положение областей, как я понял, менять нельзя?
                                                                                                                          +1
                                                                                                                          Автор: «Для создания собственного шаблона потребуются не только знания HTML/CSS, но и некоторые особенности их построения.»

                                                                                                                          А для использования данного сервиса нужны знания Photoshop. А это, можно сказать, сложнее чем HTML…
                                                                                                                            +1
                                                                                                                            Сервис может быть полезен только дизайнерам, которые:
                                                                                                                            • а) сами рисуют макеты
                                                                                                                            • б) умеют верстать из дизайна темы
                                                                                                                            • в) понимают, как работает этот сервис

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

                                                                                                                                  4 года прошло с момента вашего коммента — скажите — стоит покупать то?
                                                                                                                                  и какие ограничения у бесплатной версии? ;)

                                                                                                                                Only users with full accounts can post comments. Log in, please.