tutoriale photoshop, brushes, patterns, gradient
Site afiliat proiectului Wtricks.com
   
   
  REGULAMENT | Search | Members | Calendar | Help  
 


Post Reply  Post Thread 
Cum creez un template
Author Message
sirsince1990
De al casei
***


Posts: 93
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 0
Lei: 460.25
Post: #1
Cum creez un template

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 ?  Smile


Scriu pe <a href="http://www.raduonline.info">RaduOnline - blog personal</a> si pe <a href="http://blog.luxmail.ro">Noutati IT </a>
01-20-2008 07:19 AM
Find all posts by this user Quote this message in a reply
dojo
Administrator
Administrators

Posts: 2,717
Group: Administrators
Joined: Nov 2006
Status: Offline
Reputation: 22
Lei: 7283.65
Post: #2
RE: Cum creez un template

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 Smile


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
01-20-2008 08:10 AM
Visit this users website Find all posts by this user Quote this message in a reply
deyu
De al casei
***


Posts: 76
Group: Registered
Joined: Dec 2007
Status: Offline
Reputation: 0
Lei: 293.8
Post: #3
RE: Cum creez un template

eu fac in mare parte ca dojo Smile

cu Adobe Cs , Image Ready , Dreamweaver

astea sunt baza Smile


Craciun Andrei
Blog Personal
Parazitii
01-23-2008 12:21 AM
Find all posts by this user Quote this message in a reply
cold_bizquit
Ucenic
****


Posts: 112
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 0
Lei: 412.96
Post: #4
RE: Cum creez un template

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....


http://www.crazycrolik.com
02-03-2008 03:01 PM
Find all posts by this user Quote this message in a reply
davidelu
Ucenic
****


Posts: 113
Group: Registered
Joined: Feb 2008
Status: Offline
Reputation: 0
Lei: 16.22
Post: #5
RE: Cum creez un template

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 Big Grin
Download link: http://uploaded.to/?id=ykvq1i

02-03-2008 06:07 PM
Find all posts by this user Quote this message in a reply
sirsince1990
De al casei
***


Posts: 93
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 0
Lei: 460.25
Post: #6
RE: Cum creez un template

Hmm dupa cautari seculare am gasit niste tutoriale ca lumea. Las link mai jos pentru ele. Sper sa va ajute. Cel putin eu m-am lamurit care e treaba:

http://www.practicalecommerce.com/articl...-Part-One/

http://www.practicalecommerce.com/articl...Part-Two/#


Scriu pe <a href="http://www.raduonline.info">RaduOnline - blog personal</a> si pe <a href="http://blog.luxmail.ro">Noutati IT </a>
02-05-2008 08:40 AM
Find all posts by this user Quote this message in a reply
Post Reply  Post Thread 

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites

Forum Jump:

 

 Invatam Net
Esti nou pe aici? Vorbeste-ne despre tine.
Citeste articole si tutoriale unice.
Ai un site? Iti putem oferi un review.

  Parteneri

  


-->