Share
Store nettsted nyheter! Vi har fått mange forespørsler om PSD> HTML-konverteringsopplæringer i det siste? så etter litt av debatten bak kulissene, har vi endelig bestemt seg for å prøve ut noen fullkodede opplæringsprogrammer her på Webdesigntuts!
Frem til nå har vi dekket mye web design tutorials? noe som betyr at vi har vist hvordan vi skal utforme et nettsted i Photoshop eller fyrverkeri, men vi har alltid stoppet kort av fullkodede opplæringsprogrammer (les mer på hvorfor vi har gjort dette nedenfor). Det er alt bra og bra, men vi har mottatt mange forespørsler om opplæringsprogrammer som viser hvordan du konverterer disse designene til fullt fungerende HTML / CSS-filer. Så det er akkurat det vi gjør!
Ærlig, vi har aldri forventet så mye etterspørsel etter disse komplett "konseptet å designe til koding" opplæring. Ja, i ettertid, virker det som en åpenbar forbindelse? men da vi først lanserte Webdesigntuts tilbake i oktober, var vårt primære oppdrag å handle strengt som den designinnstilte motparten til søstersiden vår, Nettuts.
Siden da har vi publisert en håndfull crossover innlegg med Nettuts hvor vi har gått over HTML / CSS-fasen - som alle har vært svært populære; Problemet er at det er vanskelig å spore opp en hel opplæringsserie på to forskjellige nettsteder. Så, for å forenkle ting, skal vi holde noen av disse nye opplæringsseriene sammen her på Webdesigntuts, så mye som mulig.
Vi vil fortsette å ha mange crossover innlegg med Nettuts i fremtiden, men vi vil publisere mye mer PSD> HTML-konverteringsveiledninger her på Webdesigntuts når det gjelder et design som vi startet her over.
Det betyr en bedre læreropplevelse! I stedet for å bare lære ett eller to triks i hver opplæring håper vi å vise deg mer av hele prosessen med å lage et webdesign - fra grunnleggende skisser og hele veien til å ha et funksjonelt HTML / CSS-nettsted.
Dette betyr til slutt at alle som ønsker å sette opp spillet som webdesigner, vil ha et bredt spekter av "prosjektsentriske" ressurser tilgjengelig her på Webdesigntuts hvor de kan følge gjennom hele prosessen!
Denne uka! Vi slår av den nye kategorien med Adi Purdila's Corpora design screencast - som han omhyggelig registreres i full HD! Vi bryter dette opp i 3 deler - design dag 1, design dag 2, og en full økt på kodingen.
Vi har også en spesiell CSS typografi serie kommer snart også, så hold øye med det!
Jeg kan ikke love det hver design tut som vi dekker kommer til å få den fullkodede HTML / CSS-behandlingen, men vi skal gjøre en seriøs innsats for å ta med så mange av disse som vi kan for de store nettstedene som vi dekker.
Hvis noen av våre lesere er interessert i å skrive noen av disse PSD> HTML-opplæringene, gi meg beskjed i kommentarene, og jeg vil gjerne jobbe med deg!
Inntil den nye PSD> HTML-opplæringen er klar, sjekk ut disse fantastiske opplæringene fra Nettuts:
I dag skal vi takle den andre delen: det er på tide å skjære designet og gjøre det til et funksjonelt HTML-layout, klar til å bli sendt til et hvilket som helst CMS. La oss komme i gang!
Besøk posten
I denne screencast-sesjonen lærer du nøyaktig hvordan du konverterer et varmt, muntert webdesign til et standard-kompatibelt HTML- og CSS-nettsted. Hvis du bare begynner å gå inn i webdesign og utviklingsverden, er dette den perfekte introduksjonen!
Besøk sesjonen
I dag skal jeg ta deg gjennom hele prosessen med å komme fra Photoshop til fullført HTML. Vi skal bygge ut et sett med 4 PSD-mockups av et nettsted som til slutt blir et WordPress-tema. Det er en massiv opplæring, så hvis du skal følge gjennom til slutten, må du sørge for at du har et par timer å spare!
Besøk posten
I denne videoopplæringen skar vi opp en PSD, legger den på nettet, og serverer den på en varm kokeplate. Vårt design sport er pent, Web 2.0 "føler og kommer med Joefrey fra ThemeForest.net. Vær sikker på at du besøker profilen din hvis du har sjansen.
Besøk posten
Accentsconagua