Sunteti patronul unei companii private sau faceti parte din conducerea
unei organizatii care
se pregateste sa proiecteze un web site. Ar putea sa fie o afacere mica,
o organizatie non profit, o camera de comert, o asociatie sau orice altceva.
Inceputul este la fel pentru toti.
Acesta este un ghid care va ajuta sa duceti
la bun sfirsit intregul proces.
START!
Veti afla cite ceva despre proiectarea paginilor web.
Veti avea la indemina un set de decizii care sa va ajute
sa va orientati,
fie ca va veti aventura in HTML de unul singur, fie ca veti lucra cu un designer
specializat in web.
Nu trebuie decit sa completati formularul de mai jos si
veti obtine un proiect de dezvoltare web pe care il veti primi apoi prin email intr-o forma sintetica.
Faceti acest exercitiu si
examinati deciziile pe care va trebui sa le luati:
SCOPUL:
De ce vreti sa faceti un site?
Veti salva o multime de bani si timp raspunzind sincer la aceasta intrebare.
Raspundeti cit mai simplu, de ce? Ce asteptati sa realizati? Care este scopul
site-ului?
STRUCTURA & CONTINUT:
cum va fi organizat site-ul si pagina principala?
Unii numesc aceasta pagina "home page". Va puteti gindi la ea ca la
"usa din fata a magazinului vostru" din piata World Wide Web.
Va cuprinde un set de legaturi catre pagini care descriu afacerea sau organizatia.
Site-ul poate avea mai multe sectiuni:
Viziune, istoric, filozofia voastra in afaceri etc. Aici vizitatorul
trebuie sa fie convins sa faca afaceri cu voi si nu cu concurenta.
despre organizatie
Neaparat insotita de fotografii si descrieri ale avantajelor pe care
le oferiti clientilor. Puteti chiar utiliza paginile web ca un catalog,
pentru ca se actualizeaza usor, fara costuri semnificative, ori de cite
ori este nevoie.
lista de produse
Este foarte util sa furnizati informatii tehnice sau pagini de tipul "faq"
(raspunsuri la cele mai frecvente intrebari).
suport tehnic
Aceasta sectiune trebuie sa includa un formular prin intermediul caruia
sa puteti primi de la clienti informatii despre cum pot fi contactati
si ce produse sau servicii ii intereseaza. Formularul pe care tocmai il
completati este un astfel de exemplu.
formular electronic
Este bine sa oferiti in mod gratuit informatiile de care ar fi interesati
potentialii clienti. Aceasta ii va aduce cu siguranta inapoi in site.
Cu cit informatiile vor fi mai interesante sau vor fi actualizate
cu o anumita periodicitate, cu atit vizitele vor fi mai frecvente.
asistenta si service
Sectiunea de noutati ar fi bine sa cuprinda paginile actualizate sau
o copie din ultimul newletter, daca ati deschis o lista de email.
noutati
Prima intrebare pe care ar pune-o orice designer este ce vreti sa publicati
in site. Formularul de mai jos va da o mina de ajutor in acest sens. Scrieti
pe scurt ce ar trebui sa contina fiecare cimp:
Continutul pe sectiuni:
despre companie:
lista de produse/servicii:
suport tehnic:
comanda online:
servicii care sa atraga clienti in site:
alt tip de informatii:
NUME:
care va fin numele site-ului si al domeniului?
Am ajuns la puctul in care care va trebui sa determinam care va fi numele site-ului.
De multe ori este acelasi cu numele afacerii. Dar sunt situatii in care
acesta nu este suficient de reprezentativ sau este mai greu de retinut pentru
utilizator. De aceea este indicat sa cautati ceva scurt, descriptiv si usor
de memorat. Pentru ca site-ul sa obtina clasamente bune in motoarele de cautare
este indicat sa contina 1-2 cuvinte cheie.
In continuare trebuie sa alegeti domeniul: com, org sau net de la Network Solutions
sau domeniul de tara - ro, de la RNC.
Interesele de piata si, de asemenea profilul organizatiei, va determina aceasta
alegere.
Nume + Domeniu
Scrieti 2-3 variante:
Inregistrarea domeniului dureaza pina la aprox. 4 saptamini.
GRAFICA:
care vor fi elementele grafice de baza?
Aspectul grafic al paginii de "index" sau "home" este important si determina
utilizatorul sa viziteze site-ul sau, dimpotriva, sa-l paraseasca.
Doriti sa utilizati numai titluri. Este cel mai usor sa incepeti astfel, mai
ales daca veti construi site-ul de unul singur.
Fara grafice
Selectati din colectiile Corel Draw, Word, Windows sau Microsoft Publisher,
insa asigurati-va mai intii ca nu trebuie sa platiti drepturile de folosinta.
Formatul gif este cel mai potrivit pentru acest tip de grafice.
Utilizati clip art
Daca doriti sa utilizati logo-ul companiei sau fotografii, acestea se pot scana
si converti apoi in format gif sau jpg.
Utilizati scanari
Puteti utiliza titluri sau sectiuni din text lucrate in Paint Shop Pro,
PhotoShop sau alte programe asemanatoare si apoi sa le salvati in format gif
sau jpg.
Utilizati fonturi speciale
Butoane grafice pentru link-urile din site, harti de imagini.
Aceasta alegere va determina niste costuri mai mari dar va asigura un
aspect original, precum si unitatea stilistica a site-ului.
Design special creat de un specialist in grafica pe calculator
ATENTIE! Mentineti greutatea totala a paginii sub 40K. Daca pagina va depasi aceste limite,
clientii isi vor pierde repede interesul. In nici un caz nu este bine ca
ei sa astepte sa se incarce imaginile.
Cind salvati imaginile in format gif, utilizati optiunea interlaced pentru
a se incarca gradual.
Aspectul paginii de intrare trebuie sa fie echilibrat, placut din punct
de vedere grafic dar sa contina suficienta informatie incit sa determine
vizitatorul sa viziteze si restul site-ului.
CULORI:
care va fi paleta de culori?
Ce combinatie de culori preferati (max. 3 culori de baza):
Alegerea culorii de fundal:
Fundalul ramine alb sau in unele cazuri gri.
Trebuie sa aveti grija daca in pagina HTML nu ati specificat
culoarea fundalului si daca aveti imagini pe fundal alb, va aparea
urit in browserele care au setata implicit culoarea gri.
Culoarea implicita.
In HTML puteti schimba cu usurinta culoarea fundalului si a textului,
daca cunoasteti codurile potrivite.
Fundal si text colorat.
Ce culoare/culori ati prefera ca fundal:
Aceste fundaluri sunt continute in fisiere grafice. Trebuie sa fiti
insa foarte atenti la combinatia cu celelalte elemente grafice din cuprinsul
paginii. Cind alegeti textura ca fundal, asigurati-va ca textul este lizibil.
Fundal special sau texturi utilizate pentru fundal.
Elementele de baza ale paginii Sa spunem ca vreti sa publicati o mare cantitate de informatii si
aveti de ales intre pagini lungi si pagini multiple.
Acestea sunt preferabile atunci cind va asteptati ca vizitatorii sa le printeze
sau sa le incarce pe calculatorul propriu pentru a le utiliza ca referinte.
Trebuie sa fiti atenti ca greutatea paginii sa nu depaseasca limita celor 40K
mentionati anterior pentru ca altfel vizitatorii nu vor astepta sa se incarce.
Pagini lungi
Daca alegeti aceasta varianta, paginile se vor incarca mai repede;
fiecare pagina va trata cite un subiect; daca exista continuitate intre
aceste pagini, este bine sa tineti cont ca e mai dificil sa printezi 10 pagini,
sa spunem, in loc de una.
Mai multe pagini scurte
Este afisat pe bara de sus a browserului si este foarte important pentru
motoarele de cautare. Trebuie sa descrie cit mai concis oferta si sa includa
cit mai multe cuvinte cheie.
Titlul de pagina inclus in META TAGURI
LOOK & FEEL:
ce elemente veti utiliza pe fiecare pagina?
Un element de dimensiuni mici, situat in partea de sus a fiecarei pagini
din site. Citeodata este inclus intr-o banda care cuprinde si link-urile
catre paginile principale: asa numita BARA DE NAVIGARE. Situat in - stanga - centru sau
- dreapta paginii.
Element grafic de identitate a site-ului.
Fundalul de aceeasi textura sau de aceeasi culoare repetat pe mai multe
pagini din site este de asemenea un element care confera unitate stilistica.
Astazi multe site-uri folosesc fundal alb pentru a nu avea probleme cauzate
de diversitatea browserelor si a configurarii monitoarelor.
Fundalul repetat pe mai multe pagini
Se foloseste de obicei un corp de litera mai mare pentru titlu decit pentru
restul textului, eventual de alta culoare. Titlul poate fi si un element
grafic, lucrat in PhotoShop sau Photo Paint.
Titlul ca element grafic
Utilizati fonturi normale - arial, verdana sau helvetica.
Textul
Nu este necesara decit pe paginile care se actualizeaza
cu o anumita periodicitate - saptaminal sau lunar
Ultima actualizare
Legaturi speciale catre paginile importante din site; pot fi sub forma de text,
imagini, butoane; cele mai obisnuite sunt "home" sau "index", "produse", "servicii",
"profilul companiei"
Bara de navigare si scurtaturi ("shortcut")
Puterea web-ului sta in abilitatea de a lega mai multe pagini intre ele,
chiar daca fac parte din site-uri diferite, uneori situate in alte parti ale lumii
Rezistati totusi tentatiei de a abuza de aceasta facilitate. Nu aglomerati
prea multe link-uri pe o pagina, din dorinta de a arata cit mai multe
site-uri pe care le considerati grozav.
Link-uri externe
Uneori paginile sunt semnate de cel care le-a proiectat si contin si...
Semnatura
...adresa de email pe care vizitatorul o poate folosi pentru a trimite observatii, sugestii
legate de site sau pentru a sesiza eventuale probleme;
cel mai ades este webmaster@domeniu.com
Adresa de email
Tuse finale. Se mai pot utiliza
linii orizontale (cod Html)
linii orizontale
linii colorate (fisiere grafice care se incarca usor)
linii colorate
buline (coduri html)
buline simple
buline colorate, sageti (fisiere grafice de dimensiuni reduse)
buline colorate
marcaje colorate de tip "nou" "actual" care sa
atraga atentia asupra unei sectiuni introduse recent
marcaje
Fotografii si grafice
Ajuta la ilustrarea produselor si a serviciilor.
Folositi intotdeauna tag-ul "alt" care explica ce contine imaginea;
este in special util vizitatorilor care nu vad fisierele grafice.
Deciziile pe care trebuie sa le luati sunt:
Sunt cele mai ieftine, se scaneaza si pot fi prelucrate ulterior
in nuante de albastru sau maro; se incarca usor
Imagini alb-negru
Aveti mai multe optiuni: faceti fotografii in cadrul companiei - le scanati
pentru ca designer-ul sa le poata prelucra sau utilizati o camera digitala
care le stocheaza direct pe discheta; o alta varianta ar fi sa
utilizati imagini din baze de date; le puteti gasi chiar pe Internet
(www.photodisc.com)
Atentie insa la greutatea imaginii, sa nu depaseasca in nici un caz 20K
Imagini colorate
Imagini mici de tip "thumbnail" pe care vizitatorul poate da click pentru
a vedea fotografia la dimensiuni mai mari
thumbnail
Pentru ca site-ul sa fie cit mai atractiv fotografiile pot fi prelucrate artistic
(margini colorate, transparente) si pot fi combinate cu animatii, sunete sau video.
Atentie insa la cit de mult se incarca greutate paginii. La o conectare
prin modem de 14,4K sau 28,8K (care sunt cele mai frecvente)
conteaza orice kb in plus
INTERACTIVITATE:
formulare de comanda si raspuns?
Sunt mai multe tipuri de formulare electronice:
Este un tip de formular in care vizitatorii pot sa-si scrie impresiile
despre site
Cartea de oaspeti
Contine de obicei cimpurile in care se completeaza datele
despre solicitant si o caseta in care se pot selecta diferite tipuri
de informatii sau produse
Cerere de informatie
Include uneori si informatii despre cartea de credit a celui care
face comanda; in acest caz este obligatoriu ca informatiile sa fie transmise
printr-un server securizat; daca furnizorul de web hosting nu ofera acest
serviciu, ginditi-va sa includeti un numar de telefon (gratuit) unde
cumparatorul sa va poata transmite datele de pe cartea lui de credit.
Formulare de comanda
Este un sistem mai complex de scripturi (un soft) care va permite sa puneti in
vinzare prin intermediul site-ului un numar mai mare sau mai mic de produse;
dupa ce cumparatorul a selectat produsele care-l intereseaza, softul calculeaza
costul total, inclusiv taxele si transportul
Shopping cart
Formularele de plata se ruleaza de obicei pe un astfel de server, deoarece toate
informatiile se transmit criptat si astfel riscul de furt este considerabil
redus; se recunosc usor dupa adresa cu "https:"
(HyperText Transfer Protocol Secure)
Server securizat
Toate aceste variante presupun ca informatia trimisa din site de catre
vizitatori sa ajunga la proprietarul site-ului prin email. Pentru ca
acest mecanism sa functioneze este nevoie de programe CGI (Common
Gateway Interface).
Ce solutii alegeti pentru procurarea scripturilor necesare:
Adaptarea unor scripturi care pot fi gasite pe Internet. Sunt oferite
gratuit si trebuie doar schimbate variabilele
Adaptarea
Scrierea unor scripturi speciale pentru necesitatile specifice ale site-ului
angajati un programator sau lasati designer-ul sa rezolve aceasta problema
dupa cum considera necesar
Scrierea unor scripturi speciale
PUBLICARE:
cum veti face transferul paginilor pe serverul web?
Transferul paginilor in site si testarea lor
Dupa ce ati terminat proiectare site-lui, este necesar sa le transferati
pe serverul furnizorului de web hosting (sunt de preferat platformele UNIX).
Aveti mai multe variante:
Daca faceti transferul de unul singur, aveti nevoie de un soft: cel mai
utilizat este WS_FTP
FTP
Daca furnizorul de web hosting se afla in aceeasi localitate, puteti
transfera site-ul pe discheta; evident este o solutie nepractica, mai ales
in situatia in care site-ul necesita actualizari periodice.
discheta
Designerul care a realizat site-ul se ocupa si de transferarea si
intretinerea paginilor.
e problema designerului
PROMOVARE:
ce mijloace publicitare veti folosi?
Exista citeva metode de a face publicitate site-ului care nu implica
nici un cost, ci numai un consum apreciabil de timp.
Va inscrieti in liste de email si grupuri de stiri pe domenii inrudite
cu cel al site-ului. Urmariti un timp modul in care decurg
discutiile si cum sunt scrise interventiile celorlalti membri.
La sfirsitul mesajului pe care il veti trimite listei, puteti include
o scurta semnatura de tipul:
-------------------------------
Print SRL
Ion Calin, Presedinte
Afise, calendare, felicitari
Pentru mostre gratuite vizitati:
http://www.print.ro
--------------------------------
Semnatura
Trebuie sa le luati in considerare pe cele mai importante:
AltaVista, Lycos, HotBot, Excite, WebCrawler, Infoseek iar
dintre directoare, in special pe Yahoo. Puteti inregistra prima
pagina dar si alte citeva dintre paginile mai importante din site.
Este insa recomandabil sa lasati designerul sa se ocupe de acest
tip de promotie.
Inscrierea in motoare de cautare si directoare
Schimburi de legaturi cu site-uri cu continut complementar;
exista si varianta de a plati un astfel de link, la preturi
foarte mici
Schimb de linkuri
Comunicate de presa sau scurte anunturi la site-urile care
au servicii de tipul "ce este nou pe Internet"
Anunturi si comunicate de presa
Este foarte util sa puneti adresa site-ului pe toate printurile
pe care le utilizati (coli cu antet, carti de vizita,
brosuri de prezentare, ambalaje de produs, reclame in presa)
Print
INTRETINERE:
cum se va face actualizarea site-ului?
Un site lasat pe Internet fara a fi intretinut nu numai ca nu va aduce nici un
beneficiu, dar s-ar putea sa afecteze negativ imaginea companiei.
De aceea este bine sa luati in calcul de la inceput eventualele costuri.
Aveti mai multe variante:
Daca puteti face singur actualizarile si urmarirea activitatii in site,
problema este rezolvata
Personal calificat din cadrul companiei
Mai exista solutia ca designerul sa instruiasca pe unul dintre angajatii
companiei sa se ocupe de intretinere si actualizari
Angajatul instruit special
Varianta cea mai buna ar fi sa conveniti cu designerul sa se ocupe de
site in schimbul unei taxe lunare, pe baza unui contract de colaborare.
Designerul
Ignorarea site-ului nu este o rezolvare realista pe termen lung.
BUGET:
cit estimati ca va costa realizarea site-ului?
Angajeaza de obicei un designer pentru producerea site-ului.
Costurile se situeaza intre $300 - 1500 pentru un site de dimensiuni mici
si intre $2000 - 10.000 pentru un site de dimensiuni medii.
Companii si organizatii mici;
Utilizeaza de obicei serviciile unei agentii. Costurile se situeaza intre $1500 - 10.000.
Daca se solicita solutii compleze - sisteme de scripturi CGI, harti
de imagini, animatii, baze de date - costurile pot fi mai mari.
Companii de nivel mediu
Cheltuiesc de la $10.000 - 500.000 si uneori chiar mai mult,
in functie de complexitatea site-ului. Uneori aceste diferente de cost sunt sesizabile,
alteori nu.
Companii mari si corporatii
Sper ca v-a facut placere aceasta scurta incursiune in proiectarea web.
Pentru a primi prin email
rezultatul testului pe care tocmai l-ati incheiat,
completati si trimiteti formularul de mai jos:
INFORMATII DE CONTACT
Nume (obligatoriu):
Email (obligatoriu):
Sunteti interesat sa colaborati cu eSTUDIO la realizarea sitului dvs.?
DA
NU
