Kürzlich habe ich überlegt, mit Photoshop Website-Vorlagen zu erstellen und diese dann in HTML und CSS zu konvertieren.Konvertieren einer PSD in HTML und CSS
Meine Frage ist, wenn Sie mit einer PSD arbeiten, die Sie konvertieren möchten, was ist die beste Vorgehensweise?
Soll ich zuerst die Hauptstruktur herstellen und dann an der Feinabstimmung arbeiten oder an der Spitze beginnen und kräftig nach unten gehen?
Es kommt darauf an, was für Sie praktisch ist. Für mich: zuerst, wenn ich ein Dashboard habe, das alle Farben und Knöpfe, Container usw. (Komponenten) für die Websites hat, als ich die CSS-Klassen für sie gemacht habe. Mein bester Freund ist der Bootstrap, also muss ich mich nicht um die Reaktion sorgen. Danach schaue ich nach oben, die Hauptstruktur des Site-Designs. Vom Größten zum Kleinsten. Manchmal zeichne ich sie auf ein Papier und mache ein paar Skizzen. Wenn ich also programmieren will, werde ich genau wissen, was ich zu tun habe. Es ist mein Workflow, aber was und wie du es machen willst, liegt ganz bei dir.
https://www.youtube.com/watch?v=qMQ_OPk-eWI Verwenden Sie dieses Video als Referenz für die Konvertierung von PSD nach HTML. Ich hoffe, dies wird dir helfen.
Es gibt keinen besten Ansatz dafür.
Ich mache in der Regel alle Klassen in einem CSS file für alle Elemente auf der Seite wie in der PSD template gezeigt.
Verwenden Sie dann die Datei in HTML, die feinen mehr CSS, abgestimmt werden kann, mit JS
Verwendung Dreamweaver Software als HTML-Webseite mit CSS-Stil in einem Ordner machen, als nach oben Header-Abschnitt beginnen, als linker Abschnitt mittlerer Abschnitt als rechter Bereich zuletzt footer create with css und anhängen mit html-Seite ona siehe Offline-Ausgabe