Te invitam sa te inregistrezi pe forum, daca nu esti deja membru in Invatam.Net
...
Invatam.Net este unul dintre cele mai noi forum-uri de web design si dezvoltare
din Romania. Vei gasi aici tutoriale, articole unicat si o comunitate prietenoasa.
Daca esti incepator sau avansat iti vei gasi locul alaturi de alti pasionati
de design. Poti discuta despre diferite aspecte ale activitatii tale, cere informatii,
schimba links sau mesaje de forum, posta anunturi si descarca fisiere exclusive
pentru Invata.Net si Wtricks.com
Ar putea sa explice unu dintre webdesignerii experimentati cum se creeaza un template?..Care sunt pasii care trebuiesc urmati..? Sau aveti vre-unul dintre voi un tutorial in lb engleza pentru asta ?
Scriu pe <a href="http://www.raduonline.info">RaduOnline - blog personal</a> si pe <a href="http://blog.luxmail.ro">Noutati IT </a>
Iti explic cum lucrez eu, ceilalti iti vor oferi si ei informatii.
Incep de la un design in Photoshop.
In primul rand am nevoie de la client de logo si de cateva imagini. Pe baza culorilor de logo, a subiectului designului si al imaginilor primite imi gandesc o tema grafica, tema de culori etc.
Incep sa trasez forma layout-ului, sa stabilesc culoarea si eventualele efecte (gradient, pattern) pentru background etc. Asez imaginile, creez un fel de "macheta" pentru designul in cauza. Tot cantitatea de informatii imi dicteaza si cate coloane folosesc, cum plasez meniul sau meniurile, daca mai creez niste casute pentru alte informatii etc.
Acest "mockup design" se prezinta apoi clientului (sau consider eu ca e OK, daca este un design pentru un site al meu). Dupa asta imi salvez fisierul (cu layere) separat si inca o data ca si "index_flat.psd" de pilda. Noul fisier cu "flat" in nume va avea un singur layer (lipesc toate), pentru ca la taiere, layerele ar pastra efectele (shadow, stroke) si ar arata ciudat puse impreauna). Asa sunt sigura ca totul va arata asa cum trebuie.
Incep sa pun slices. Imi stabilesc deja cum impart designul, pe cate divuri etc. Asta imi dicteaza cum tai designul. Eu sunt mai "baba", asa ca tai pas cu pas si denumesc imaginile folosing cuvinte cheie pentru situl in cauza. Adica: forum_webmasteri.gif, tutoriale_photoshop.jpg etc., depinde de subiect.
Incep sa pun la cale un index.html cu divurile de layout si pun situl in picioare pas cu pas .. imi setez distante, padding, latimi, aliniamente etc., printr-un css extern si pun toate bucatile de puzzle in sistem. In timp ce codez acest layout incep sa fac si munca de seo (alt si title tags) si alte informatii de gen.
Cand sunt deja multumita de cum imi arata pagina si rezolv bugurile, creez un index.php si 2 fisiere .tpl (cele care vor controla designul), fisierele .php avand exclusiv informatia din fiecare pagina de site.
Creez apoi toate paginile de site pornind de la aceasta matrita ..
Daca folosesc un forum script sau orice altceva, designul creat il pun in fisierele de template si injur cateva minute bune pana incepe sa arate normal.Pas cu pas setez in css si headerele, links, paragraf etc. Faptul ca este un css extern imi face munca mai usoara. In momentul in care de pilda imi dau seama ca nu e ceva OK, modific si pe toate paginile sitului arata la fel.
Pare un pic ciudat, dar odata ce ai o anumita rutina, este usor.
Este clar ca nu e cel mai bun mod, asa lucrez eu insa si functioneaza bine pentru mine. Vei primi si alte modele de la ceilalti membrii de aici si asa incet iti vei organiza munca in stilul tau. Nu conteaza pana la urma cum faci, rezultatul sa fie bun
Domeniu si hosting GRATIS pentru situl tau Nu trimiteti PM pentru a primi ajutor cu siturile. Exista forum pentru asta.
Postarea de articole FURATE de pe alte situri pe forum se "rasplateste" cu 20% warning pe FIECARE articol. Scrieti articole ORIGINALE sau abtineti-va. Merci
Inteleg toti pasii pana la php si tpl.ce-or fi alea, Dumnezeu cu mila , dar am impresia ca sunt esentiale pentru buna functionare a unui site.Niste detalii despre subiectele astea doua asr fi binevenite!Ma rog, daca nu se poate, il intrebam pe nenea gugal, desi ma indoiesc ca o sa avem informatii la fel de pertinente....
Salutare. Am gasit pe skullbox un tutorial video care s-ar putea sa te intereseze. Cu ajutorul acestui tutorial am aflat cum sa codez template`ul direct din photoshop
Download link: http://uploaded.to/?id=ykvq1i