Gibt es eine Möglichkeit GUI in Bild zu konvertieren zu html?

Question

Ich habe diese GUI Screenshots aus dem Design-Team, die ich auf eine Webseite konvertieren muss und was nicht. Ich denke, eine Website zu finden, die die GUI ähnelt, so dass ich die HTML kopieren und einfügen können, so muss ich nicht bei Null anfangen. der einzige Nachteil dieser Methode ist, ich weiß nicht, was Website so aussieht tatsächlich so, dass Macht eine Menge Surfen Zeit bedeutet. hehe.

Also nur fragen, ob es ein Werkzeug ist, das mir die Suche helfen können? Oder sogar noch besser, wenn es ein Werkzeug ist, das Bild in HTML-Web-Seite äquivalent umwandeln kann, das wäre noch besser.

Ich glaube, ich bin nur ein weiterer fauler unkreativ Programmierer versucht, die gui Teil schnell und schmutzig gemacht zu bekommen, hehe.

Dank.

Answer 1

Sie meinen, Sie haben eine PNG, GIF oder JPG-Screen-Shot ... und Sie wollen, dass in ein Programm zu füttern und zu haben sie spucken eine Sammlung von HTML und CCS aus, die, wenn sie in einem Browser angezeigt würde aussehen wie das Bild?

Es tut mir leid, Ihre Blase zu platzen, aber ich wäre sehr, sehr, sehr überrascht, wenn dies der Fall war.

Es ist im Grunde einfach unmöglich. Wenn Sie ein Feld auf dem Bildschirm zu sehen, könnte es ein Textfeld oder ein div oder ein td oder ein gif, oder einer von fünfzehn verschiedenen Dingen sein. Es gibt keine Möglichkeit zu einem all-Programm konnte jeder herausfinden, welches HTML-Element zu verwenden.

Es tut mir leid, aber Sie gehen zu müssen, um sich selbst schreiben HTML. Ein Werkzeug wie Dreamweaver wird dazu beitragen, den Prozess zu beschleunigen, wenn Sie HTML neu sind. Aber ich wette, ya zwei Bits zu einem Hochrad, dass es nichts auf dem Planeten, die diesen Job automatisieren werden.

Nicht die Antwort, die Sie wollten, sorry. Aber es ist die Antwort.

Answer 2

Ich bin mir ziemlich sicher, dass Sie Adobe Dreamweaver, dies zu tun verwenden können -. Vom Entwurf bis zur HTML gehen

Answer 3

Sie erwähnen, dass sie Feuerwerk verwendet, um das Design zu tun. Ist das Adobe Fireworks ? Wenn ja, hat die Anwendung die Möglichkeit, für Sie das Design in HTML ausgegeben werden.

Von der Feature-Liste:

Design einmal einsetzen, um viele Plattformen

Output Fireworks-Designs in HTML oder die Anwendung Ihrer Wahl: Adobe Flash, Adobe AIR ™ oder Adobe Flex®. Craft benutzerdefinierte Skin mit außergewöhnlichen Design-Tool. Jetzt werden Ihre Werkzeuge gut zusammen spielen. Design in Fireworks und dann Export standardkonforme CSS-Layout - komplett mit externen Stylesheets - zu Dreamweaver CS4. Erstellen Sie Komponenten in Fireworks für die Verwendung in Adobe Flex Builder ™ -Software. Erstellen von HTML-basierten Adobe AIR-Prototypen direkt aus Fireworks.

Answer 4

Ich bin mir nicht bekannt, dass Werkzeug, das ein Bild einer GUI in die entsprechende HTML umwandeln kann. Ich könnte mir vorstellen, das wäre sehr abhängig von dem Styling der GUI trotzdem. Hinzu kommt, dass, wäre es wahrscheinlich ein paar ziemlich böse und alptraum pflegen HTML erzeugen.

Es ist wahrscheinlich nicht die Antwort, die Sie hören wollen, aber ich würde das Programmieren beginnen.

Hat das Design-Team in HTML das Design tun? Photoshop Mockups? Beide von denen würde Ihnen eine bessere Chance auf die Vermeidung Hand-Codierung Zeit.

Answer 5

Von einem Screenshot?

Sie wahrscheinlich wollen dies nicht tun. Sie wollen wahrscheinlich wollen, mindestens die Datei als JPEG oder PNG gespeichert, oder ein beliebiges Format, vorzugsweise ohne Komprimierung, so dass Sie die Qualität nicht verlieren.

Dann können Sie es in Scheiben schneiden. Google "photoshop Slicing-Tutorial" und Tonnen wird angezeigt.

Am besten, Sie wollen die PSD-Datei, die Sie können es dann nach oben schieben und verstecken / zeigen Schichten von Dingen, die Sie nicht wollen, etc.