Cum să planificați realizarea unui site Web

Dacă intenționați să proiectați și să creați un site web, este util să petreceți ceva timp în planificarea proiectului. Faza de planificare permite dezvoltatorului și clientului să colaboreze pentru a identifica formatul și aspectul site-ului care satisface nevoile ambelor. Procesul de planificare va influența stilul site-ului și este probabil cel mai important aspect al activității de web design, mai ales cel profesional.

paşi

Partea 1

2

Creați o diagramă a hărții site-ului. O diagramă a hărții site-ului este ca o diagramă grafică și arată modul în care utilizatorii pot trece de la o pagină la alta. Nu este nevoie de pagini în această fază, ci numai de fluxul general al ideilor. Pentru a crea diagrama, puteți folosi un program special sau trageți-l pe o bucată de hârtie. Utilizați diagrama pentru a afișa ierarhia dintre pagini și conectivitatea lor ca imagini.

3

Încercați să utilizați "alegerea cartelei". O metodă foarte comună pentru a lucra într-un grup este utilizarea foilor de hârtie pentru a înțelege abordarea ideală a fiecăruia de a lucra. Luați o bucată de hârtie și scrieți conținutul fiecărei pagini pe fiecare bucată de hârtie. Echipa de lucru va trebui să organizeze foile în modul pe care îl consideră cel mai util. Aceasta este cea mai bună procedură atunci când lucrați cu alți oameni pentru a crea un site.

4

Utilizați hârtie și un buletin de bord sau o tablă. Această metodă de planificare este cea mai clasică, folosită în proiecte cu buget redus și vă permite să ștergeți idei, să le repoziționați sau să le redirecționați. Desenați structura proiectului pe bucăți de hârtie, le conectați cu linii sau desenați conturul pe o tablă. Această metodă este excelentă pentru sesiuni de brainstorming.

5

Păstrați o listă de conținut. Acest lucru este mai util atunci când trebuie să reproiectați un site existent decât atunci când începeți de la zero. introduceți tot conținutul sau paginile existente într-un tabel. Marcați scopul fiecărui conținut și folosiți această listă pentru a determina ce trebuie să rămână și ce trebuie eliminat. Această procedură vă va ajuta să eliminați elementele neesențiale, simplificând procedura de reproiectare.

Partea 2

2

Încercați să utilizați metoda "Cutie gri". Proiectați conținutul paginii utilizând casete gri, punând elementele de bază ale conținutului în partea de sus. Blocurile de conținut sunt organizate în coloane individuale, conținutul cel mai important din zona superioară. De exemplu, dacă este pagina care furnizează informații despre o companie, cele mai importante detalii vor fi plasate în partea de sus, urmată de o listă de membri ai personalului, apoi de informații de contact și așa mai departe.

3

Încearcă să folosiți un program de sincronizare prin fir. Există multe programe care vă pot ajuta în timpul procesului de proiectare prin fir. Nivelul de cunoaștere a codului variază de la program la program. Printre cele mai populare includ:

4

Utilizați un marcaj HTML simplu. O schemă bună poate fi ușor convertită la un site Web. Nu trebuie să vă faceți griji cu privire la aspectul stilistic în timpul procesului de fabricare a cadrului wireframe. În schimb, acesta folosește un markup care este ușor de înțeles și ușor de interschimbabil.

5

Faceți o rețea wireframe pentru fiecare pagină. S-ar putea să fiți tentați să creați o singură rețea wireframe, probabil gândindu-vă să o utilizați pentru toate paginile. În realitate, acest lucru va face site-ul anonim și plictisitor. Acordați-vă timp pentru a crea o rețea wireframe pentru fiecare pagină și veți realiza curând că fiecare pagină are propriile nevoi organizaționale.

Partea 3

2

Amintiți-vă că un conținut bun nu se limitează la un text simplu. Internetul este mai mult decât un set de site-uri care conțin texte. Pentru a vă putea observa în nișă, veți avea nevoie de diferite tipuri de elemente pentru atragerea și păstrarea utilizatorilor. Unele tipuri de conținut care trebuie luate în considerare:

3

Închiriați un fotograf profesionist. Dacă intenționați să introduceți imagini, impactul inițial va fi cu siguranță mai bun dacă utilizați materiale fotografice profesionale. O singură imagine de calitate excelentă este în valoare de peste douăzeci de fotografii mediocre.

4

Scrie articole de calitate. Conținutul de text este cel care aduce mai mult trafic la un site. Deși nu trebuie să vă îngrijorați prea mult despre crearea conținutului în timpul acestei faze de proiectare, este util să începeți să vă gândiți la acest lucru, deoarece veți avea nevoie de el în mod constant odată ce site-ul este pus în funcțiune.

Partea 4

2

Creați structura de bază. Începeți să mutați diferitele elemente ale cadrului din coloană în poziția lor pe pagină. De exemplu, puteți pune blocul de navigare în partea stângă a paginii și lista de titluri din partea dreaptă.

3

Creați un model. Utilizați un program precum Photoshop pentru a crea un șablon pe care să îl utilizați în anumite pagini ale site-ului. Utilizați instrucțiunile de aspect pe care le-ați setat. Puteți lucra mult mai rapid utilizând un program de editare a imaginilor pentru a obține rezultatul dorit. Acest lucru vă va permite să utilizați imaginile ca puncte de reper când trebuie să codificați totul.

4

Înlocuiți blocurile cu conținut. Începeți să adăugați conținutul pe pagină. Nu vă faceți griji pentru aspectul stilistic pentru moment, dar puneți fiecare element în locul său. Acest lucru vă va ajuta să determinați dacă modificările estetice pe care le aveți în vedere pot funcționa.

5

Creați orientări estetice. Acest lucru este esențial pentru a menține o anumită coeziune stilistică, în special pentru site-uri mai mari. Dacă site-ul este de la o companie care are deja un logo sau elemente de imagine, acestea ar trebui să fie încorporate în proiect. Elemente care trebuie luate în considerare în orientări:

6

Aplică-ți stilul. După ce ați ales stilul și designul site-ului, trebuie să începeți să îl faceți eficient. Utilizarea CSS (foile de stil) este una dintre cele mai ușoare căi de a aplica un model stilistic unei pagini sau unui întreg site. Căutați pe web un ghid dedicat utilizării CSS pentru mai multe detalii.