În această serie de videoclipuri, vă vom ajuta să creați un design web elegant și profesional pentru un site web corporativ. Aceasta este o parte 3 dintr-o serie de 4 părți - vom finaliza, de asemenea, paginile de suport și codarea întregului lucru în HTML / CSS!
Adi Purdila ne va trece printr-un întreg proiect - de la design la codificare - toate aici pe Webdesigntuts în această săptămână! În Ziua 1, ne-a arătat cum să setăm cadrul de bază pentru proiectare, precum și modul în care să prezentăm pagina de pornire. În Ziua 2, ne-a arătat cum să creați diferitele pagini de asistență (contact, galerie, etc.). În Ziua 3 (astăzi), el ne va arăta cum să convertim întregul design Photoshop într-un site HTML / CSS pe deplin funcțional. Avem, de asemenea, o Zi 4 programată pentru codificare suplimentară, deci ține-ți cont de mâine!
Doar pentru a vă oferi o foaie de parcurs generală pentru codificare, iată schema de bază a ceea ce vom face în ultimele două zile:
De asemenea, aș dori să împărtășesc câteva linkuri pentru unele dintre resursele pe care le voi folosi astăzi:
Să începem!
În următoarea serie de videoclipuri, Adi va trece prin procesul de conversie de la PSD la HTML / CSS. Asigurați-vă că treceți la vizualizarea HD dacă aveți lățime de bandă!
Scuze: prima dintre aceste zile? videoclipurile, din păcate, nu mai sunt disponibile
"Fie că este vorba de site-uri, logo-uri sau materiale tipărite, filosofia mea de lucru este aceeași: nu luați niciodată comenzi rapide și întotdeauna mi-am pus inima și sufletul în fiecare proiect, deoarece în cele din urmă sunt detaliile mici și cele mai multe eforturi pe care le pun într- , cu atât mai bine mă reprezintă ca persoană și designer și, în același timp, reprezintă clientul meu într-o manieră adecvată nevoilor lui.
Dacă sunteți interesat de șabloanele HTML și paginile de destinație pe care le dezvolt, puteți să le verificați pe pagina mea de portofoliu de pe ThemeForest. "- Adi