Filehost.ro - gazduire fisiere
Hacking and more...
HaCkinG CulT
Nou pe simpatie:
cristina25 din Cluj
Femeie
24 ani
Cluj
cauta Barbat
24 - 58 ani
Hacking and more...ReguliInregistrareLoginPozeNu sunteti logat. Lista Forumurilor Pe Tematici
Hacking and more... / Web-DesiGn Stuff /

Web design simplu

Pagini: 1 Moderat de Shocker
#1
boogiesbc
Elite Member
Postari: 1200
Pe multe siteuri apar tentative de web-designing din cauza lipsei de profesionalism a celor care le fac. Asta pt ca nu au spirit artistic sau pur si simplu pt ca nu respecta niste reguli simple de web-design, dreaq stie ce e in capul lor. :P

1. Crearea titlului paginii



Folosind type tool scrieti titlul siteului sau titlul/logoul care vreti sa apara. Puteti sa puneti mai multe efecte pe text, depinde de voi si de imaginatia voastra. Aici fontul folosit este Trebuchet.
Setati spacingul textului la -100 pentru a-l condensa. In ps 6 si 7 duceti-va la window -> character first
Schimbati culoarea celui de-al doilea cuvant. Aici este folosita o culoare intre rosu si portocaliu. restul lasati-l negru. Este ideal sa respectati regulile cromatice pe care le-ati invatat la desen in generale, adica nu combinati culori opuse(rosu-verde, galben-violet, portocaliu-albastru).
Poza este bine sa o salvati la calitate 60%, si ar fi bine sa lasati background color alba sau ce culoare va fi backgroundul siteului vostru.

2. Crearea unui meniu de navigare



Creati o noua imagine in PS, de 30 de pixeli inaltime si latime de 550.
Umpleti bara cu aceeasi culoare care ati folosit-o in titlu(in acest caz portocaliu).
Folositi Type Tool si inserati text de culoare alba adecvat pt o bara de navigare. pentru a separa cuvintele este ideal sa puneti o bara intre ele. Salvati imaginea cu aceleasi optiuni ca si precedenta. 60% quality si evitati fonturi tampite care arata neprofesional. Puteti sa folositi fonturi tematice in functie de subiectul siteului insa pt un site normal ar trebui sa nu deviati de la fonturile de baza.


3. Finalizarea proiectului
Puneti in editorul vostru de web imaginile dupa ce le dati slice, preferabil Macromedia Dreamweaver. Link: http://hacking.3xforum.ro/post/141/1/Ma ... aver_8_02/

Proiectul final :

           


Tutorial tradus de pe www.pegaweb.com la care am adaugat unele detalii.

Urmatorul tutorial va fi de slicing.


_______________________________________

http://boogiesbc.deviantart.com
30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

 
   
#2
epic
User
Postari: 1896
da, dar daca vrei un meniu cu sub-meniuri, atunci treb sa stii si putin flash

_______________________________________
:< 4 8 15 16 23 42 *execute*
TOATA LUMEA ESTE INVITATA PE NOUL FORUM!
http://hackpedia.info/

 
   
#3
boogiesbc
Elite Member
Postari: 1200
Web design simplu

Daca vrei astea sunt niste "lectii" din bazele web-designului.


_______________________________________

http://boogiesbc.deviantart.com
30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

 
   
#4
epic
User
Postari: 1896
ai dreptate...greseala mea

_______________________________________
:< 4 8 15 16 23 42 *execute*
TOATA LUMEA ESTE INVITATA PE NOUL FORUM!
http://hackpedia.info/

 
   
#5
boogiesbc
Elite Member
Postari: 1200
Ma mai gandesc daca te iert... glumeam

_______________________________________

http://boogiesbc.deviantart.com
30 iunie 2007: Muzica e prima voce...
9 septembrie 2006: Boogie's Sleek Style | Y!M skin

 
   
#6
epic
User
Postari: 1896


_______________________________________
:< 4 8 15 16 23 42 *execute*
TOATA LUMEA ESTE INVITATA PE NOUL FORUM!
http://hackpedia.info/

 
   
Pagini: 1  
Mergi la