Есть ли способ конвертировать GUI изображения в HTML?

Question

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

Так что просто интересно, есть ли инструмент, который может помочь мне сделать поиск? Или еще лучше, если есть инструмент, который может конвертировать изображение в HTML-эквивалент веб-страницы, это было бы еще лучше.

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

спасибо.

Answer 1

Вы имеете в виду, что у вас есть снимок экрана в формате PNG, GIF или JPG ... и вы хотите вставить его в программу, чтобы он выдавал коллекцию HTML и CCS, которая при просмотре в браузере выглядела бы именно так изображение

Извините, что лопнул ваш пузырь, но я бы очень, очень, очень удивился, если бы это было так.

Это в принципе просто невозможно. Если вы видите поле на экране, это может быть текстовая область, или div, или td, или gif, или любая из пятнадцати различных вещей. Нет никакого способа, которым программа могла бы выяснить, какой элемент HTML использовать.

Извините, но вам придется писать HTML самостоятельно. Такой инструмент, как Dreamweaver, поможет ускорить процесс, если вы новичок в HTML. Но я готов поспорить, что на планете нет ничего, что могло бы автоматизировать эту работу.

Не тот ответ, который вы хотели, извините. Но это ответ.

Answer 2

Вы упоминаете, что они использовали Fireworks, чтобы сделать дизайн. Это Adobe Fireworks ? Если это так, у этого приложения есть возможность вывода дизайна в HTML для вас.

Из списка возможностей:

Проектирование один раз, развертывание на многих платформах

Вывод дизайнов Fireworks в HTML или приложение по вашему выбору: Adobe Flash, Adobe AIR ™ или Adobe Flex®. Создание пользовательских скинов с исключительными инструментами дизайна Теперь ваши инструменты будут хорошо играть вместе. Проектируйте в Fireworks, а затем экспортируйте совместимые со стандартами макеты на основе CSS - вместе с внешними таблицами стилей - в Dreamweaver CS4. Создавайте компоненты в Fireworks для использования в программном обеспечении Adobe Flex Builder ™. Создавайте прототипы Adobe AIR на основе HTML-кода непосредственно из Fireworks.

Answer 3

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

Answer 4

со скриншота?

Вы, вероятно, не хотите этого делать. Вы, вероятно, хотите, чтобы, как минимум, файл был сохранен в формате jpeg или png или в любом формате, желательно без сжатия, чтобы не терять качество.

Тогда вы можете нарезать его. Google "учебник по нарезке фотошоп" и тонны появятся.

В лучшем случае вам нужен PSD-файл, который можно затем сдвинуть вверх и скрыть / показать слои вещей, которые вам не нужны, и т. Д.

Answer 5

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

Возможно, это не тот ответ, который вы хотите услышать, но я бы начал кодировать.

Проектная группа делала дизайн в HTML? Фотошоп макеты? Оба из них дадут вам лучший шанс избежать времени на ручное кодирование.