Ikke lenge etter vår nyeste Tuts + -side, Webdesigntuts +, lanserte de en utmerket opplæring som beskriver prosessen med å designe en varm og munter hjemmeside i Photoshop. Etter høy etterspørsel tar vi den ferdige designen og konverterer den til en standard-kompatibel HTML- og CSS-nettside. Underveis vurderer vi en rekke flotte teknikker som hjelper deg med å forbedre din egen arbeidsflyt.
Enda bedre, når vi treffer 80 000 RSS-abonnenter, tar vi ting enda lenger og konverterer ferdigproduktet til et tilpasset WordPress-tema.
I stedet for å overbelaste deg med en massiv 4-5 del serie på en gang, legger jeg inn en ny episode i denne miniseriene hver dag. Det er mitt håp at hvis du er på det punktet i din karriere hvor du kan dra nytte av en serie som dette, vil du jobbe sammen med meg hver leksjon.
The Full Series
Kapittel 1: Design nettstedet
Kapittel 2: Opprett markeringen
Kapittel 3: Skjær PSD
Kapittel 4: Integrer 960 Grid-systemet
Kapittel 5a: Bygg CSS - Overskriftsseksjon
Kapittel 5b: Bygg CSS - Banner Seksjon
Kapittel 5c: Bygg CSS - Hoveddel
Kapittel 5d: Bygg CSS - Footer Section
Kapittel 6: Bygg Tabbing Systemet med JavaScript
Kapittel 7: Stil formelementene
Kapittel 8: Kompensere for IE
Kapittel 9: Opprydding, Typografi og Bugsøking
Kapittel 2: Opprett markeringen
Kapittel 3: Skjær PSD
Kapittel 4: Integrer 960-nettverket
Kapittel 5a: Bygg overskriftseksjonen
Kapittel 5b: Bygg bannerseksjonen
Kapittel 5c: Styling av hoveddelen
Kapittel 5d: Styling av bunnteksten
trykk HD knappen for et klarere bilde. Last ned kapittel 5d-kilden
Kapittel 6: Opprette Tabbing-funksjonaliteten med JavaScript
Kapittel 7: Stil formelementene
Kapittel 8: Kompensere for Internet Explorer
trykk HD knappen for et klarere bilde. Last ned kapittel 8-kilden
Kapittel 9: Opprydning, Typografi og Feilsøking
trykk HD knappen for et klarere bilde. Last ned kapittel 8-kilden
Konklusjon
I neste, siste episode, vil vi validere / teste nettstedet vårt, jobbe med typografien, og gjøre justeringer for siste øyeblikk. Følg med!
Share
Accentsconagua