Ich versuche ein dreispaltiges Layout für eine Website aus einem Inkscape-Mockup zu erstellen, das ich gemacht habe. Das Problem ist, dass ich eher ein Künstler bin als ein Programmierer, also kenne ich nur die Grundlagen. Ich werde irgendwelche Vorschläge machen. Vielen Dank!Was ist ein guter Weg, um einen Vektor-Mock in HTML zu konvertieren?
Antwort
Hier ist ein Tutorial zum Thema. Die Eigenschaft float ist wichtig, um ein Layout mit drei Spalten zu erhalten.
http://www.boutell.com/newfaq/creating/threecolumnlayout.html
Abhängig von Ihrem Budget können Sie versuchen http://www.psd2html.com/ oder es gibt viele andere Optionen online.
Es gibt wahrscheinlich automatisierte Lösungen, aber ich habe noch nie ein automatisiertes Tool gefunden, das guten, sauberen Code schreibt.
Mit nur ein wenig HTML und CSS Wissen, können Sie einige großartige Layouts mit der 960 Grid System machen. Ich habe es für die letzten Projekte verwendet, an denen ich gearbeitet habe und fand es flexibel genug für die meisten Bedürfnisse.
Einige Mockup Tools (wie Axura und ForeUI) kann diesen Job machen, aber Sie haben, bevor Sie das Mock-up mit diesen Werkzeugen zu erstellen.