Caracteristici
Siturile, în forma în care ele se afișează de browsere, sunt menite să fie înțelese de orice persoană, chiar fără cunoștinte în domeniul informaticii sau al secvențelor de cod redactate de programatori. Aceștia lucrează ori în diverse limbaje din care apoi se generează limbajul specific de script al internetului HTML (HyperText Markup Language), ori direct în HTML. Dacă nu ar exista browserele care știu să interpreteze limbajul de script și să afișeze rezultatul pe ecran, siturile ar fi doar înșiruiri de texte neformatate și, cel mai probabil, fără imagini. În principiu limbajul HTML indică locul în care să se afișeze diversele elemente vizibile, dimensiunea, culoarea, precum și alți parametri care conferă unei pagini web atât aspectul cât și funcționalitatea dorită.Ce este necesar pentru realizarea unui site web
Orice sit web trece în mod necesar prin mai multe etape:- Analiza preliminară
- Concretizarea ideilor
- Schițarea elementelor vizuale și compunerea structurii sitului
- Programarea paginilor web în HTML, CSS, Javascript etc.
- Testarea sitului
- Schimbarea părților care nu corespund țintei
- Publicarea site-ului pe Internet sau pe un intranet
- Modificarea ulterioară și relansarea pe Internet, după nevoile clienților sau ale timpului.
- prin intervenția web designer-ului
- prin accesarea proprietarului site-ului a interfeței de administrare pusă la dispoziție de web designer.
- Cea mai recomandată metodă este cea de-a doua, aceea în care site-ul dispune de CMS ( content system management )în care proprietarul site-ului nu mai depinde de web designer.
Din punctul de vedere al designului siturile sunt în mare parte alcătuite din tabele cu linii (invizibile pe ecran) în care se inserează imagini (siglă, imagini-simbol, butoane etc.) și texte, în așa fel încât aspectul să fie unitar și să nu se sesizeze vizual organizarea tabelară. Celulele tabelelor
- pot avea fundaluri colorate,
- pot fi alcătuite din imagini și desene care se repetă pe orizontală sau pe verticală,
- pot fi umplute cu texturi mai mult sau mai puțin neregulate (ca pietrișul, frunzișul etc.)
- sau pot rămâne și albe.
Astfel, graficianul utilizează inițial un program de grafică (de exemplu Adobe Photoshop sau Corel PhotoPaint) pentru a concepe un "instantaneu" al sitului respectiv. El creează forma butoanelor grafice, dimensionează și poziționează sigla sitului, stabilește locul meniurilor pe ecran, dimensiunea și aspectul textului, schema de culori a sitului, precum și alte aspecte specifice. Datorită faptului că această imagine primară este apoi "tăiată" în imagini mai mici, care urmează să fie inserate în tabele sau definite în CSS, din punct de vedere grafic siturile se supun acelorași reguli de compoziție ca și lucrările grafice tipărite, îmbinate însă cu o serie de parametri tehnici care permit implementarea ulterioară a elementelor de programare. Astfel, un "grafician de web" va lucra altfel decât un "grafician de print", încercând să anticipeze locurile unde pot apărea probleme și să găsească soluții pentru a evita orice deformare a sitului, indiferent dacă urmează să fie utilizate dimensiuni relative sau absolute. De exemplu, un grafician de web trebuie să știe că este preferabil să utilizeze fundaluri de tip "culoare indicată din cod" sau de tip "imagine repetată pe axa x sau y", decât fundaluri dintr-o singură imagine foarte mare, care ar reduce mult viteza de încărcare a sitului.
După ce imaginea inițială a fost împărțită în mai multe imagini mici, acestea se introduc în tabele sau se poziționează cu ajutorul CSS, fie prin scrierea directă a codului HTML într-un program simplu de editare text, cum ar fi Notepad, fie prin utilizarea unui editor HTML, în general de tip WYSIWYG, cum ar fi Dreamweaver. Astfel se generează un prim "schelet" al sitului, denumit "mock-up", care simulează situl și toate funcțiile lui, fără a avea însă conținutul real, ci numai texte de tip lipsum și imagini provizorii. În cazul în care este vorba de un sit simplu, cu puține pagini, tot ce mai rămâne de făcut este introducerea conținutului final. În cazul în care este vorba de un sit complex, de exemplu un catalog sau un magazin virtual, mock-up-ul intră în etapa de programare complexă, care poate utiliza limbaje mai complicate (de tip server-side ca de exemplu PHP, ASP, sau și de tip client-side) precum și baze de date.
În concluzie realizarea unui site web implica 3 aspecte majore:
- achiziționarea unui nume de site (domeniu web)
- găzduirea siteului pe un server (hosting)
- web designul web (crearea site-ului propriu-zis)
Șabloane
O altă metoda de a alcătui un sit este cu ajutorul unui șablon web. Acesta prezintă vizitatorului conținutul text și media într-o manieră cât mai plăcută prin folosirea unuia sau mai multor limbaje de marcare precum HTML sau CSS.Folosirea unui șablon web devine convenabilă prin accesibilitate.
Realizarea unui site web folosind un CMS
O metoda mai elegantă de a realiza un site de prezentare este folosind un CMS precum Wordpress, Joomla, Drupal. Astfel, se adaptează designul la platforma aleasă și este mai ușor de gestionat.Cu ajutorul unui CMS, se poate administra mult mai ușor site-ul, se pot edita, adăuga sau șterge pagini cu ușurință sau chiar imagini. Designerul web trebuie să ia în considerare toate necesitățile ulterioare ale proprietarului site-ului pe care îl realizează, astfel încât să aibă posibilitatea să realizeze cu usurință operațiunile necesare, fără a mai fi nevoie de un specialist.
De asemenea, sunt o multitudine de plugin-uri care permit cu ușurință scrierea Meta Titlurilor, Meta Descrierilor și a cuvintelor cheie pentru care dorim să se facă indexarea site-ului. Wordpress se află printre preferințele motoarelor de căutare, realizând cu ușurință indexarea paginilor.
În ceea ce privește realizarea magazinelor online, se pot folosi Magento, Opencart sau PrestaShop. Se pot realiza magazine online și pe alte platforme, dar acestea sunt cele mai folosite. Pentru magazine simple se pot folosi OpenCart sau PrestaShop, însă recomandat este OpenCart, întrucât se găsesc free cele mai multe pluginuri. Pentru magazine mai complexe se recomandă Magento.
