Das ultimative Handbuch zum Erstellen eines Designs und zum Konvertieren in HTML und CSS

Dieser Screencast dient als abschließender Beitrag in einer mehrteiligen Serie über die TUTS-Standorte hinweg, in der gezeigt wird, wie man eine schöne Startseite für ein fiktives Unternehmen erstellt. Wir haben gelernt, wie wir das Wireframe für Vectortuts + erstellen können. wir haben Farbe, Texturen und Effekte auf Psdtuts + hinzugefügt; Jetzt nehmen wir unsere fertige PSD und konvertieren sie in eine schön codierte HTML- und CSS-Website.

Bitte beachten Sie, dass Sie dieses Video auch dann problemlos verfolgen können, wenn Sie die ersten beiden Tutorials nicht gelesen haben.


Aktualisieren

Bitte beachten Sie, dass diese Tutorialserie vor über sechzig Tagen auf Nettuts + veröffentlicht wurde. Ich habe jedoch kürzlich erfahren, dass viele von Ihnen Schwierigkeiten hatten, den Screencast für Abschnitt 3 zu sehen. Dies wurde nun behoben. Genießen!



Teil 1: Erstellen Sie eine Werbe-iPhone-App-Website in Fireworks




Teil 2: Erstellen Sie eine Promotion-Website für iPhone-Apps in Photoshop




Teil 3: Konvertieren unseres Designs in eine schön codierte HTML- und CSS-Website

  • Abschnitt 1: Schneiden der PSD - 0:00
  • Sektion 2: Codierung des Markups - 18:43
  • Sektion 3: CSS hinzufügen - 47:11

Andere Anzeigeoptionen

  • iTunes / herunterladbare Version

Serie abgeschlossen!

Wenn Sie die gesamte Serie mitverfolgt haben, sind Glückwünsche in Ordnung! Wenn Sie die Idee einer Tutorialserie genießen möchten, die sich über mehrere TUTS-Sites erstreckt, sprechen Sie uns bitte an! Ich hoffe, Sie haben aus diesem dritten Eintrag etwas gelernt. und nochmals vielen Dank an Sean Hodge (Psdtuts + / Vectortuts + editor) für das Schreiben der ersten beiden Tutorials dieser Serie.

  • Folgen Sie uns auf Twitter oder abonnieren Sie den Nettuts + RSS-Feed für die besten Webentwicklungs-Tutorials im Web.