Share
Știri de pe site-uri mari! Am primit în ultima vreme o mulțime de solicitări pentru PSD> tutoriale de conversie HTML? așa că, după o dezbatere în spatele scenei, am decis în cele din urmă să încercăm câteva tutoriale codate pe Webdesigntuts!
Până acum, am acoperit o mulțime de web proiecta Tutoriale? ceea ce înseamnă că am arătat cum să proiectăm un site Web în Photoshop sau Fireworks, dar întotdeauna ne-am oprit de tutorialele codate pe deplin (citiți mai multe despre motivul pentru care am făcut acest lucru mai jos). Asta e bine și bine, dar am primit multe cereri de tutoriale care arată cum să convertești aceste modele în fișiere HTML / CSS care funcționează pe deplin. Deci, exact asta facem!
Sincer, nu am anticipat niciodată atât de mult cererea pentru aceste tutoriale complete "de concepție pentru a proiecta codarea". Da, în retrospectivă, pare o legătură evidentă? dar când am lansat pentru prima dată Webdesigntuts în luna octombrie, misiunea noastră principală a fost aceea de a acționa strict ca omologul de design al site-ului nostru surori, Nettuts.
De atunci, am publicat o mână de postări încrucișate cu Nettuts unde am trecut peste faza HTML / CSS - toate fiind extrem de populare; Problema este că este greu să urmărești o serie întreagă de tutori în două site-uri diferite. Deci, pentru a simplifica lucrurile, vom păstra unele din aceste noi serii de tutorial împreună aici pe Webdesigntuts, cât mai mult posibil.
Vom continua să avem în curând o mulțime de postări încrucișate cu Nettuts, dar vom publica mult mai multe tutoriale de conversie PSD> HTML aici pe Webdesigntuts atunci când se referă la un design pe care l-am început aici.
Aceasta înseamnă o experiență de învățare mai bună! În loc să învățăm doar câte unul sau două trucuri în fiecare tutorial, sperăm să vă arătăm mai mult întregul proces de creare a unui design web - pornind de la schițe de bază și până la crearea unui site funcțional HTML / CSS.
Acest lucru înseamnă că oricine dorește să-și intensifice jocul în calitate de web designer va avea o gamă largă de resurse "bazate pe proiecte" disponibile aici pe Webdesigntuts unde pot urmări întregul proces!
Săptămâna aceasta! Începem noua categorie cu scenariul de design Corpora al lui Adi Purdila - pe care îl înregistrează cu totul în plin HD! Îl rupem pe acesta în 3 bucăți - ziua 1 de proiectare, ziua 2 de proiectare și o sesiune completă despre codificare.
De asemenea, avem și o serie de tipografie tipică specială CSS care vine în curând, așa că păstrați-vă un ochi pentru asta!
Nu pot să promit asta fiecare designul pe care îl acoperim va primi codul HTML / CSS complet codificat, dar vom face un efort serios pentru a aduce cât mai multe dintre acestea pe cât posibil pentru site-urile principale pe care le acoperim.
Dacă oricare dintre cititorii noștri sunt interesați să scrie câteva dintre aceste tutoriale PSD> HTML, anunțați-ne în comentariile și vom fi bucuroși să colaborăm cu dvs.!
Până când noile PSD> tutoriale HTML sunt gata, verificați aceste tutoriale extraordinare de la Nettuts:
Astăzi vom aborda cea de-a doua parte: este timpul să alunecăm designul și să îl transformăm într-un aspect HTML funcțional, gata să fie portat la orice CMS. Să începem!
Vizitați postarea
În această sesiune monitorizată, veți afla exact cum să convertiți un design web cald și vesel într-un site HTML și CSS compatibil cu standardele. Dacă începi să intri în lumea designului și a dezvoltării, aceasta este introducerea perfectă!
Vizitați sesiunea
Astăzi vă voi duce prin întregul proces de a obține de la Photoshop la HTML completat. Vom construi un set de 4 machete PSD ale unui site care va deveni în cele din urmă o temă WordPress. Este un tutorial masiv, deci, dacă veți urma până la sfârșit, asigurați-vă că aveți câteva ore de rezervă!
Vizitați postarea
În acest tutorial video, vom tăia un PSD, îl dicționăm pentru web și îl vom servi pe o plită caldă. Designul nostru de sport este un "Web 2.0" simțit și vine cu amabilitate de Joefrey de la ThemeForest.net. Asigurați-vă că vizitați profilul său dacă aveți șansa.
Vizitați postarea
Accentsconagua