Share
Große Site-News! Wir haben in letzter Zeit viele Anfragen für PSD> HTML-Konvertierungs-Tutorials erhalten? Nach einigen Debatten hinter den Kulissen haben wir uns schließlich dazu entschlossen, einige vollständig codierte Tutorials hier auf Webdesigntuts auszuprobieren!
Bis jetzt haben wir eine Menge Web abgedeckt Design Tutorials? Das bedeutet, dass wir gezeigt haben, wie eine Website in Photoshop oder Fireworks gestaltet wird, aber wir haben immer vollständig kodierte Lernprogramme hinterlassen (lesen Sie mehr darüber, warum wir dies unten gemacht haben). Das ist in Ordnung und gut, aber wir haben viele Anfragen für Tutorials erhalten, die zeigen, wie diese Designs in voll funktionsfähige HTML / CSS-Dateien umgewandelt werden können. Genau das machen wir also!
Um ehrlich zu sein, haben wir einfach nie eine so große Nachfrage nach diesem kompletten "Konzept für die Erstellung von Kodierungen" erwartet. Ja, im Nachhinein scheint es eine offensichtliche Verbindung zu sein? Als wir Webdesigntuts im Oktober zum ersten Mal lancierten, bestand unsere Hauptaufgabe darin, strikt als designorientiertes Gegenstück zu unserer Schwesterseite Nettuts zu fungieren.
Seitdem haben wir eine Reihe von Crossover-Posts mit Nettuts veröffentlicht, in denen wir die HTML / CSS-Phase durchlaufen haben, die alle sehr beliebt waren. Das Problem ist, dass es schwierig ist, eine komplette Tutorialserie an zwei verschiedenen Standorten aufzuspüren. Um die Dinge zu vereinfachen, werden wir einige dieser neuen Tutorialserien hier auf Webdesigntuts so weit wie möglich zusammenhalten.
Wir werden auch in Zukunft viele Crossover-Posts mit Nettuts haben, aber wir werden hier auf Webdesigntuts noch viel mehr Tutorials für PSD-> HTML-Konvertierung veröffentlichen, wenn es um ein Design geht, das wir hier angefangen haben.
Es bedeutet eine bessere Lernerfahrung! Anstatt nur ein oder zwei Tricks in jedem Tutorial zu lernen, möchten wir Ihnen mehr über den gesamten Prozess der Erstellung eines Webdesigns zeigen - angefangen von einfachen Skizzen bis hin zu einer funktionalen HTML / CSS-Site.
Dies bedeutet im Endeffekt, dass jeder, der sein Spiel als Webdesigner intensivieren möchte, auf Webdesigntuts über eine Vielzahl von "projektzentrierten" Ressourcen verfügt, in denen er den gesamten Prozess verfolgen kann!
Diese Woche! Wir beginnen die neue Kategorie mit Adi Purdilas Corpora-Design-Screencast, den er in voller HD-Qualität aufzeichnet! Wir zerlegen diese in 3 Teile - Designtag 1, Designtag 2 und eine vollständige Sitzung über die Codierung.
Demnächst gibt es auch eine spezielle CSS-Typografieserie, also achten Sie darauf!
Das kann ich nicht versprechen jeden Design-Tut, das wir behandeln, wird die vollständig codierte HTML / CSS-Behandlung erhalten, aber wir werden uns ernsthaft bemühen, so viele davon wie möglich für die wichtigsten Website-Designs zu verwenden, die wir behandeln.
Wenn einer unserer Leser daran interessiert ist, einige dieser PSD> HTML-Tutorials zu schreiben, lassen Sie es mich in den Kommentaren wissen und ich freue mich, mit Ihnen zusammenzuarbeiten!
Bis die neuen PSD> HTML-Tutorials fertig sind, sehen Sie sich diese fantastischen Tutorials von Nettuts an:
Heute befassen wir uns mit dem zweiten Teil: Es ist an der Zeit, das Design in ein funktionales HTML-Layout zu schneiden, das in ein beliebiges CMS portiert werden kann. Lass uns anfangen!
Besuchen Sie die Post
In dieser Screencast-Sitzung erfahren Sie genau, wie Sie ein warmes, fröhliches Webdesign in eine standardkonforme HTML- und CSS-Website umwandeln. Wenn Sie gerade erst in die Welt des Webdesigns und der Entwicklung einsteigen, ist dies die perfekte Einführung!
Besuchen Sie die Session
Heute werde ich Sie durch meinen gesamten Prozess führen, in dem ich von Photoshop zum vollständigen HTML-Code komme. Wir werden einen Satz von 4 PSD-Modellen einer Website entwickeln, die schließlich zu einem WordPress-Theme wird. Es ist ein umfangreiches Tutorial. Wenn Sie also bis zum Ende weitermachen, stellen Sie sicher, dass Sie ein paar Stunden Zeit haben!
Besuchen Sie die Post
In diesem Video-Tutorial schneiden wir eine PSD auf, schneiden sie für das Web ab und servieren sie auf einer warmen heißen Platte. Unser Design hat ein ordentliches "Web 2.0" -Gefühl und wird von Joefrey von ThemeForest.net zur Verfügung gestellt. Besuchen Sie unbedingt sein Profil, wenn Sie die Chance dazu haben.
Besuchen Sie die Post
Accentsconagua