În Cum va arăta siteul tău? se discută activitatea de planificare și designul pe care trebuie să le faci înainte de a scrie codul, inclusiv „Ce informații oferă siteul meu?”, „Ce fonturi și culori vreau?” și „Ce face siteul meu?”

Mai înâi: planificarea

Înainte de a face ceva, ai nevoie de niște idei. Ce ar trebui să facă efectiv siteul tău? Un site poate să facă practic orice, dar pentru prima ta încercare ar trebui să nu te complici. Vei începe prin crearea unei pagini web simple, cu un titlu, o imagine și câteva paragrafe.

Pentru început, va trebui să răspunzi la următoarele întrebări:

  1. Despre ce este siteul tău? Îți plac câinii, New York-ul sau Pacman?
  2. Ce informații prezinți despre acest subiect? Scrie un titlu și câteva paragrafe, și gândește-te la o imagine care dorești să apară pe pagina ta. 
  3. Cum arată siteul tău, în termeni simpli? Care este culoarea de fudal? Ce fel de font este potrivit: formal, animat, îndrăzneț și tare, subtil?

Notă: Proiectele complexe au nevoie îndrumări detaliate care oferă detalii despre culori, fonturi, spațierea între elementele din pagină, stilul de scriere adecvat, etc. Acesta este uneori numit ghid de design sau manual de brand, și poți vedea un exemplu la Ghidul OS pentru Firefox.

Schițarea designului

În continuare, ia un pix și o hârtie și schițează modul în care dorești să arate siteul tău. Pentru prima ta pagină web, nu ai prea mult de schițat, dar ar trebui să te obișnuiești să faci acest lucru acum. Chiar te ajută — nu trebuie să fii Van Gogh!

Notă: Chiar și la siteurile reale, complexe, echipele de design de obicei încep cu schițe brute pe hârtie și mai târziu construiesc machete digitale utilizând un editor grafic sau tehnologii web.

Echipele web includ adesea un designer grafic și un designer user-experience (UX) . Designerii grafici, evident, pun împreună elementele vizuale ale siteului. Designerii UX au un rol oarecum mai abstract abordând modul în care utilizatorii vor experimenta și interacționa cu siteul. 

Alegerea resurselor

În acest moment, este bine să aduni conținutul care va apărea în cele din urmă pe pagina ta web.

Text

Ar trebui să ai în continuare paragrafele și titlul tău de mai devreme. Păstrează-le aproape de tine.

Culoarea temei

Pentru a alege o culoare, mergi la Color Picker și alege o culoare care îți place. Când faci clic pe o culoare, vei vedea un cod ciudat de șase caractere, ca #660066. Acesta se numește cod hexazecimal și reprezintă culoarea ta. Pentru moment, copiază codul într-un loc sigur.

Imagini

Pentru a alege o imagine, mergi la Imagini Google și caută ceva potrivit.

  1. Când găsești imaginea dorită, dă click pe imagine. 
  2. Apasă pe butonul Vizualizați imaginea.
  3. Pe pagina următoare, clic dreapta pe imagine (Ctrl + clic pe Mac) alege Salvare imagine ca..., și alege un loc sigur pentru a salva imaginea. Alternativ, copiază adresa web a imaginii din bara de adresă a browserului tău pentru o utilizare ulterioară.

Notă: Majoritatea imaginilor de pe web, inclusiv cele din Imagini Google, sunt protejate prin drepturi de autor. Pentru a reduce probabilitatea de a încălca drepturile de autor, poți utiliza filtrul de licențe Google. 

1) clic pe Instrumente , apoi pe 2) Drepturi de utilizare:

Font

Pentru a alege un font:

  1. Mergi la Google Fonts și derulează lista în jos până când găsești unul care îți place. De asemenea, poți utiliza controalele din dreapta pentru a filtra în continuare rezultatele.
  2. Clic pe pictograma „plus” (Adaugă la) în dreptul fontului dorit.
  3. Clic pe butonul „* Familia Selectată”  în panoul din partea de jos a paginii ("*" depinde de numărul de fonturi selectate).
  4. În caseta pop-up, poți vedea liniile de cod pe care Google ți le oferă, și le poți copia în editorul tău de text pentru a le salva pentru mai târziu.

 

Document Tags and Contributors

 Contributors to this page: alexandracaulea
 Last updated by: alexandracaulea,