Adina Creţan

COMERŢ ELECTRONIC
- suport de curs -

EDITURA UNIVERSITĂŢII „NICOLAE TITULESCU”

BUCUREŞTI

2021
Acest material este destinat uzului studenţilor, forma de învăţământ la distanţă.

Conţinutul cursului este proprietatea intelectuală a autorului/autorilor; designul, machetarea şi

transpunerea în format electronic aparţin Departamentului de Învăţământ la Distanţă al
Universităţii „Nicolae Titulescu” din Bucureşti.
Acest curs este destinat uzului individual. Este interzisă multiplicarea, copierea sau
difuzarea conţinutului sub orice formă.
UNIVERSITATEA „NICOLAE TITULESCU” DIN BUCUREŞTI
DEPARTAMENTUL PENTRU ÎNVĂŢĂMÂNTUL LA DISTANŢĂ

Adina Creţan

Comerţ electronic
Editura Universităţii „Nicolae Titulescu”

Calea Văcăreşti, nr. 185, sector 4,

Bucureşti Tel./fax:
0213309032/0213308606
Email: editura@univnt.ro
 ISBN: 978-606-9636-76-3
Introducere
Suportul de curs reprezintă o sinteză a conţinutului disciplinei Comerţ electronic. El este
destinat studenţilor de la forma de învăţământ la distanţă (ID) şi constituie materialul bibliografic
minim necesar pentru parcurgerea, însuşirea şi evaluarea disciplinei respective.
Suportul de curs este structurat conform standardelor şi procedurilor de uz larg în
învăţământul universitar naţional şi internaţional, care se adresează învăţării individuale, pe baze
interactive. Parcurgerea suportului de curs, pe baza prezentelor instrucţiuni, asigură reţinerea
informaţiilor de bază, înţelegerea fenomenelor fundamentale şi aplicarea cunoştinţelor dobândite la
rezolvarea unor probleme specializate.
Suportul de curs este structurat pe trei module iar modulele sunt structurate, la randul lor, pe
unităţi de învăţare. Modulul reprezintă o categorie de probleme distincte din materia disciplinei, care
formează un tot unitar din punct de vedere al specificului cunoştinţelor, al însuşirii unui anumit
aspect al fenomenologiei disciplinei precum şi din perspectiva timpului necesar parcurgerii şi
însuşirii fondului informaţional respectiv. În acest sens, un modul conţine una sau mai multe unităţi
de învăţare. Unitatea de învăţare reprezintă o parte omogenă din componenţa modulului,
caracterizată de un volum strict limitat de cunoştinţe, care pot să fie parcurse şi însuşite printr-un
efort continuu de concentrare intelectuală, care se referă la conţinutul de idei al unităţii de învăţare.
Fiecare unitate de învăţare are o structură proiectată din perspectiva exigenţelor autoinstruirii, astfel
că folosirea suportului de curs se face pe baza unui program de autoinstruire.
Recomandăm astfel, câteva regului de bază în procedura de realizare a programului de
autoinstruire pe baza acestui suport de curs:
1. Unităţile de învăţare se parcurg în ordinea în care sunt prezentate, chiar în cazul în care
studentul apreciază că ar putea “sări” direct la o altă unitate de învăţare (de exemplu în cazul în care
studentul se află la a doua facultate sau în alte situaţii echivalente). Criteriile şi modalitatea de
“înlănţuire” a unităţilor de învăţare sunt prezentate la fiecare unitate de învăţare şi ele trebuie
respectate întocmai, sub sancţiunea nerealizării la parametri maximali a programului de autoinstruire;
2. Fiecare unitate de învăţare conţine teste destinate autoevaluării gradului şi corectitudinii
însuşirii cunoştinţelor specifice unităţii de învăţare, înţelegerii fenomenelor şi proceselor descrise sau
prezentate în unitatea de învăţare;
3. Ordinea logică a parcurgerii unităţii de învăţare este următoarea:
a) se citeşte scopul şi obiectivele unităţii de învăţare;
b) se citesc termenii de referinţă (cuvintele-cheie);
c) se parcurge conţinutul de idei al unităţii de învăţare;
d) se parcurge bibliografia recomandată;
e) se răspunde la întrebările de autocontrol, revăzând, dacă este necesar, conţinutul de idei al
unităţii de învăţare;
f) se elaborează, pe o pagină, câte un eseu pentru fiecare dintre temele de reflecţie propuse la
unitatea de învăţare;
g) se efectuează testele de autoevaluare după procedura descrisă;
h) se rezolvă exerciţiile, problemele sau studiile de caz propuse pentru laborator sau lucrările
practice propuse în unitatea de învăţare.
Pentru creşterea eficienţei utilizării suportului de curs şi fixarea temeinică a cunoştinţelor
dobândite, fiecare unitate de invatare se încheie cu: întrebări de autocontrol, teme de reflecţie, teme
pentru studii de caz şi teste de autoevaluare.

Obiectivele cursului
Obiectul suportului de curs este studiul organizării formelor promovare a comertului

5
electronic şi al tehnologiilor informatice utilizate in marketingul online, insusirea
principiilor generale de dezvoltare unei afaceri electronice si a pasilor necesari creării
unui site WEB, cunoasterea principalelor probleme care apar in activitatea de
marketing desfasurata in mediul digital.
Obiectivele principale ale suportului de curs sunt:
• însuşirea temeinică a noţiunilor fundamentale privind Comerţul electronic; •
cunoaşterea tehnologiilor informatice utilizate in Comerţul electronic; • însuşirea
principiilor generale de dezvoltare a unui site WEB ca principal instrument informatic
utilizat in Comerţul electronic.
Suportul de curs este structurat pe trei module, fiecare modul conţinând, în
funcţie de problematica abordată, unitati de invatare specifice.

Competenţe conferite
- Cunoaşterea din punct de vedere metodologic a folosirii eficiente a puterii retelelor
de calculatoare si de comunicatie online si a mediului digital interactiv pentru a atinge
obiectivele de promovare a comertului electronic.
- Înţelegerea principalelor posibilităţi de exploatare a programelor informatice utilizate
în marketing-ul online
- Explicarea şi interpretarea metodelor de creare şi exploatare a paginilor WEB
utilizate in marketingul online
- Utilizarea metodelor disponibile (editoare specializate HTML) pentru crearea
paginilor WEB utilizate in activitatea de promovare a comertului electronic Resurse
şi mijloace de lucru
Pentru parcurgerea acestui curs va fi nevoie de utilizarea unui browser (Internet
Explorer, Firefox, Chrome etc), utilizarea unui editor de text pentru dezvoltarea
paginilor Web.

Structura cursului
Suportul de curs este structurat pe trei module astfel:

Modulul I este un modul de prezentare teoretică şi metodologică a problematicii

abordate, conţinând unitatile de invatare:
Unitatea 1. Comerţ electronic – concept si dezvoltare;
Unitatea 2. Strategia de promovare a comertului electronic;
Modulul II este un modul de abordare şi tratare practică a suportului oferit de reteaua
Internet activitatii de promovare a comertului electronic:
Unitatea 3. Instrumente pentru comertul electronic;
Unitatea 4. Campania de promovare a comertului electronic;
Modulul III este un modul de abordare şi tratare practică limbajelor de dezvoltare a
site-urilor de promovare a comertului electronic:
Unitatea 5. Elemente ale limbajului HTML;
Unitatea 6. Elemente ale limbajului CSS;
Unitatea 7. Elemente ale limbajului Javascript;
Unitatea 8. Elemente ale limbajului PHP.

6
Cerinţe preliminare

Pentru înțelegerea conceptelor și noțiunilor prezentate în acest curs și pentru a le

aplica eficient în practică este necesară parcurgerea în prealabil a cursului de Bazele
Tehnologiei Informaţiei/Informatica Economica din anul I de studiu.

Durata medie de studiu individual

Timpul mediu necesar parcurgerii unei Unităţi de învățare este 2-3 ore.

Evaluarea studenților

Nota finala la disciplina Comerţ electronic va fi stabilita prin :

- evaluarea finală (examen scris de tip grilă) – cu ponderea de 70%; - evaluări pe
parcurs (teme în cadrul activităților asistate si elaborarea unui proiect) –cu
ponderea de 30%;
 7
Cuprins
Introducere 5 Obiectivele cursului 5 Competenţe conferite 6 Resurse şi mijloace de
lucru 6 Structura cursului 6 Cerinţe preliminare 7 Durata medie de studiu individual 7
Evaluarea studenților 7
UNITATEA DE ÎNVĂŢARE 1. COMERŢ ELECTRONIC – CONCEPT SI DEZVOLTARE 11
1.1. Obiective 11 1.2. Competenţele unităţii de învăţare 11 1.3. Conceptul de Comerţ electronic 11
1.4. Comparatie intre comerţul tradiţional si comerţul electronic 13 1.5. Categoriile comerțului
electronic 14 1.6 Rezumat 15 1.7. Test de evaluare a cunoştinţelor 15 1.8. Temă de autoevaluare a
cunostintelor 15 1.9. Bibliografie 16
UNITATEA DE ÎNVĂŢARE 2. STRATEGIA DE PROMOVARE A COMERTULUI
ELECTRONIC 17
2.1. Obiective 17 2.2. Competenţele unităţii de învăţare 17 2.3. Etape necesare in
elaborarea unei strategii de promovare a comertului electronic 17 2.4. Planul de
promovare a comertului electronic 18 2.5. Eficienta strategiilor de promovare a
comertului electronic 19 2.6. Rezumat 21 2.7. Test de evaluare a cunoștințelor 21 2.8.
Bibliografie 21
UNITATEA DE ÎNVĂŢARE 3. INSTRUMENTE IN COMERTUL ELECTRONIC 22 3.1.
Obiective 22 3.2. Competenţele unităţii de învăţare 22 3.3. Site-ul web 22 3.4 Publicitatea online 24
3.5 Publicitatea prin email 25 3.6 Grupuri de discutii, bloguri si motoare de cautare pe Internet 26
3.7 Rezumat 27
8
3.8. Test de autoevaluare a cunoștințelor 28 3.9. Bibliografie 28
UNITATEA DE ÎNVĂŢARE 4. CAMPANIA DE PROMOVARE A COMERTULUI
ELECTRONIC 29
4.1. Obiective 29 4.2. Competenţele unităţii de învăţare 29 4.3. Stabilirea obiectivelor
campaniei 29 4.4 Conceperea mesajelor si stabilirea canalelor de comunicatie 31 4.5
Estimarea bugetului campaniei 31 4.6 Evaluarea campaniei 32 4.7 Rezumat 33 4.8.
Test de autoevaluare a cunoștințelor 33 4.9 Test de evaluare a cunoștințelor 34 4.10.
Bibliografie 34
UNITATEA DE ÎNVĂŢARE 5. ELEMENTE ALE LIMBAJULUI HTML 35 5.1. Obiective 35
5.2. Competenţele unităţii de învăţare 35 5.3. Introducere în limbajul HTML 35 5.4. Formatarea
documentelor HTML 37 5.5 Crearea listelor în HTML 39 5.6 Generarea legăturilor în documentele
HTML 41 5.7 Introducerea imaginilor în HTML 42 5.8 Definirea tabelelor 43 5.9. Rezumat 46
5.10. Test de autoevaluare a cunoștințelor 46 5.11. Test de evaluare a cunoștințelor 47 5.12.
Bibliografie 48
UNITATEA DE ÎNVĂŢARE 6. ELEMENTE ALE LIMBAJULUI CSS 49 6.1. Obiective 49 6.2.
Competenţele unităţii de învăţare 49 6.3. Prezentare generala a limbajului CSS 49 6.4 Elementele id
si class 51 6.5 Definirea stilurilor fonturilor 52 6.6 Alinierea in cadrul unei pagini WEB 54 6.7
Elemente de fundal 56 6.8 Stiluri de liste 57 6.9 Incadrarea elementelor in pagina 58 6.10 Rezumat
 59

9
6.11. Test de evaluare a cunoștințelor 59 6.12. Bibliografie 59 UNITATEA DE ÎNVĂŢARE 7.
ELEMENTE ALE LIMBAJULUI JAVASCRIPT 60 7.1. Obiective 60 7.2. Competenţele unităţii
de învăţare 60 7.3. Prezentare generală Javascript 60 7.4. Comentarii in fisiere HTML si alerte
Javascript 62 7.5 Structura alternativa in Javascript 62 7.6 Functii Javascript 63 7.7. Test de evaluare a
cunoștințelor 64 7.8 Tema de control 64 7.9. Bibliografie 64 UNITATEA DE ÎNVĂŢARE 8.
ELEMENTE ALE LIMBAJULUI PHP 65 8.1. Obiective 65 8.2. Competenţele unităţii de învăţare
65 8.3. Prezentare generală a limbajului PHP 65 8.4. Aplicaţii necesare programarii WEB în PHP 66
8.5. Sintaxa PHP 66 8.6. Comentarii in PHP 67 8.7. Variabile in PHP 67 8.8. Tipul variabilelor in PHP
67 8.9. Tipuri de date in php 69 8.7. Formulare in php 70 8.8. Test de evaluare a cunoștințelor 71 8.9.
Tema de control 71 8.10. Bibliografie 71

10
UNITATEA DE ÎNVĂŢARE 1. COMERŢ ELECTRONIC – CONCEPT SI
DEZVOLTARE
Cuprins
1.1. Obiective
1.2. Competenţele unităţii de învăţare
1.3. Conceptul de Comerţ electronic
1.4. Comparatie intre comertul traditional si comerţul electronic
1.5. Rezumat
1.6. Test de autoevaluare a cunoştinţelor
1.7. Temă de control
1.8. Bibliografie

1.1. Obiective
În această primă unitate de învățare se va prezenta noţiunea de Comerţ electronic şi
implicaţiile acesteia în actualul context economic.

1.2. Competenţele unităţii de învăţare

 După parcurgerea unităţii veţi fi în măsură să răspundeţi la întrebările:
• Care sunt semnificaţiile noţiunii de Comerţ electronic;
• Care sunt deosebirile intre comerţul clasic si comerţul electronic;

Durata de parcurgere a primei unităţi de învăţare este de 2 ore.

1.3. Conceptul de Comerţ electronic

Revoluţia digitală a impus noi abordări ale pieţei din partea organizaţiilor
economice. Internetul face ca informaţia să fie disponibilă instantaneu pentru oricine si in
orice moment. Diferenţa este modul în care informatia este receptată şi valorificată.

00:05 transmise între două sau mai multe calculatoare. Aici

Internetul ne transformă viaţa de la o zi la alta, sunt incluse servicii cum ar fi: accesarea de site-uri
modificând felul în care acţionăm în viaţa personală şi web pentru informaţii, comerţ electronic, “streaming”
afaceri. radio si TV, telefonie, e-mail şi FTP. 2. Serviciile
În prezent, Internetul reprezintă suportul pentru două web pot fi structurate în două mari categorii: creare de
mari categorii de servicii: transmisii de date şi servicii site-uri web şi găzduire de site-uri web. Un site web
web. poate fi găzduit pe un server specializat de găzduire
1. Transmisiile de date sunt pachete de date sau pe serverul firmei.

11

Furnizati mai multe informatii despre serviciile oferite de Internet:

......................................................................................................................................
.... ........................................................................................................................... .....
..............................................................................................................................

Utilizarea Internetului genereaza o serie de avantaje precum:

- Interactivitatea. Intercatiunea directa cu clientul reprezinta una dintre cele mai importante caracteristici
pentru activitatea de marketing;
- Viteza comunicatiei. Viteza mare de transfer a informaţiei transformă Internetul practic în cel mai
rapid mediu de comunicare în masă;
- Posibilitatea de a culege date despre consumatori. Internetul poate fi utilizat pentru crearea bazelor de
date cu informaţii referitoare la consumatori (preferinte, profil etc.); - Globalizarea. Internetul este o retea
globala care faciliteaza comunicaţiile internaţionale cu clientii şi furnizorii, netinand cont de localizarea
geografica. Se elimina practi barierele legate de timp si spatiu;
- Internetul este cel mai mare rezervor de informatii. Principalul motiv al folosirii Internetului de oameni
este obţinerea şi schimbul de informaţii.
- Internetul ofera informatii multimedia: text, imagine, informatie audio, video etc; - Accesibilitatea.
Internetul faciliteaza cautarea si alegerea produselor; - Obţinerea unui feed-back rapid de la clienti.
- Costuri reduse. Utilizarea Web-ului contribuie la scaderea costurilor activitatii de marketing;
Reteaua Internet prezinta insa si unele dezavantaje:
- Depersonalizarea comunicării, izolare, sedentarism;
- Problemele legate de securitatea transferului de date care continuă să fie unul dintre principalele
bariere în calea încrederii utilizatorilor;
- Existenta unei rezistenţe la schimbare, datorită neîncrederii manifestate in utilizarea noilor tehnologii.
Furnizati mai multe elemente despre avantajele si dezavantajele utilizarii
Internetului. ................................................................................................................
........... ..........................................................................................................................
. ........................................................................................................................... ........
...................................................................................................................

Odată cu utilizarea noilor tehnologii informatice in activităţile de piaţă şi-au făcut apariţia si noi
concepte care să reflecte aceste dezvoltari: e-business (afacere electronică), e-government (guvernare
electronică), e-commerce (comerţ electronic), e-marketing (marketing electronic) precum şi alţi termeni.
Termenii care fac referire la activitatile de marketing desfasurate prin intermediul mediilor digitale sunt
diversi: e-marketing, Comerţ electronic, Internet marketing, promovare a comertului electronic, web-
marketing, etc. E-marketing este caracterizat prin desfăşurarea activităţilor de marketing prin
intermediul mediilor electronice şi digitale: Internet, telefon, calculatoare, etc. E marketing-ul este
procesul prin care se creează şi se gestioneaza relaţii cu clienţii, prin intermediul activităţilor on-line, in
vederea uşurarii schimbului de informaţii, produse şi servicii care să satisfacă obiectivele ambelor părţi
implicate.
Comerţul electronic este reprezentat de atingerea obiectivelor de natură relaţională sau tranzacţională
având ca sistem de comunicatie reteaua Internet. Comertul electronic este parte integrantă şi a afacerilor
electronice suprapunandu-se si cu activitiatea de marketing electronic.
Comerţul electronic este procesul prin care se promovează bunuri şi servicii

12
online, clienţilor tradiţionali dar şi celor noi, prin intermediul instrumentelor bazate pe
sistemul WEB – World Wide Web. Comerţul electronic include de regula vânzarea,
publicitatea, cercetarea de piaţă şi managementul relatiilor cu clienţii. O alta definitie a
termenului de Comerţ electronic afirma ca aceasta activitate presupune folosirea
puterii reţelelor de calculatoare şi de comunicaţie on-line şi a mediului
electronic/digital pentru a atinge obiectivele de activitatii de marketing. Comerţ
electronic-ul înseamnă procesul de creare şi menţinere a relaţiei cu clientii prin
activităţi online care faciliteaza schimbului produse, servicii sau informatii în scopul
satisfacerii nevoilor ambelor părţi. (J.Imber- Dictionary of marketing terms).

1.4. Comparatie intre comerţul tradiţional si comerţul electronic

Comerţul electronic se diferenţiează de comerţull tradiţional printr-o serie de
elemente precum:
- costuri
- timp
 - interactivitate
- globalizare
- disponibilitate

Costurile
Comertul tradiţional este deseori costisitor deoarece implică o serie de costuri pentru
producerea şi tipărirea de broşuri, cataloage de produse si servicii, menţinerea
personalului pentru relatia cu clienţii. Comerţul electronic poate face importante
economii reducând semnificativ bugetul de marketing. Versiunile electronice de
cataloage, broşuri sunt mult mai ieftine deoarece nu trebuie să fie tipărite, ambalate,
depozitate şi expediate. Pentru informarea clientilor despre produse sau servicii nu
trebuie angajat personal. Versiunile electronice ale cataloagelor pot fi actualizate
online, deci nu trebuie trimise la tipar pentru schimbări. Costul pentru mai multe
informaţii (mai multe pagini sau detalii) sau pentru furnizarea aceloraşi informaţii
către mai mulţi clienţi potenţiali este foarte scăzut.

Timpul
Comertul tradiţional poate fi un proces intensiv de timp deoarece este inevitabil ca în
elaborarea textelor de publicitate să nu apară greşeli, revizuirile trebuind trimise la
agenţia de publicitate sau la tipografie, şi deseori trec luni de zile ca o reclamă să
apară într-o publicaţie. Comerţul electronic economiseşte timp şi reduce din paşii
procesului de promovare. Materialele de marketing nu mai trebuie să aştepte pentru
tipar. Ele pot fi postate online aproape imediat. Comertul online pune firmele în
contact cu piaţa mult mai rapid si le ajută să preia mesajele mai rapid. Cataloagele de
produse, broşurile electronice pot fi actualizate instantaneu si nu trebuie aşteptat până
ce cantităţile din versiunile tipărite să fie epuizate.

Interactivitatea
Comerţul electronic este bogat în informaţii şi interactiv, adresandu-se cumpărătorilor
interesaţi de informaţii, cumpărătorilor analitici. Acesta permite cumpărătorilor şi
clienţilor să caute şi să localizeze rapid informaţiile de care au nevoie. În ceea ce
interactivitatea, există un triplu avantaj: permite ameliorarea calităţii relaţiei cu clientii
contribuind la stabilirea unui dialog mai viu şi mai convingător, dinamizează
vizitatorii şi asigură un procent excelent de memorizare.

Globalizare
13
Comerţul electronic poate reduce barierele de intrare pe piata unui produs şi oferă
posibilităţi egale de acces. In mediul online, discriminările legate de cadrul etnic, de
genul sau chiar de mărimea afacerii, nu mai contează aşa mult. Referindu-ne la
Internet ca spaţiu virtual de realizare a marketingului, posibilităţile egale de acces
permit milioanelor de clienţi să navigheze în căutarea unei informaţii sau a unui
produs, adica se oferă posibilitatea prospectării pietelor la momentul potrivit. Comerţul
electronic poate oferi o punte internaţională instantanee. Reţelele online si in special
Internetul reprezinta o reţea globală instantanee. Comertul electronic înlătură barierele
de timp şi distanţă din calea tranzacţiilor cu clienţii din alte ţări. Poşta electronică cu
sistemul ei de adrese standardizate, ajută la înlăturarea completă a barierelor de
localizare geografica. În trecut o firmă care dorea să îşi vândă produsele într-o altă
locaţie decât cea în care funcţiona la un moment dat avea nevoie de investiţii
semnificative în noi puncte de vânzare.

Disponibilitatea
Comertul electronic este disponibil continuu. Unul dintre cele mai bune atribute ale
unui server online este acela că este disponibil 24 de ore din 24, 365 de zile pe an.
Acest lucru realizează un important obiectiv de dezvoltare comercială – contactul
permanent cu clienţii, colaboratorii şi partenerii, 24 de ore din 24, 7 zile din
săptămână, ceea ce este echivalent cu difuzarea informaţiilor în timp real, accesibile în
orice loc din lume, informarea eficientă despre tot, culegerea comentariilor clienţilor şi
măsurarea satisfacţiei lor, realizarea studiilor şi sondajelor la cel mai scăzut cost. De
exemplu, programul unei instituţii financiare este de obicei limitat la 8 ore pe zi. Daca
un client doreşte să afle soldul contului său după orele de program, va trebui să aştepte
până a doua zi. Folosind un sistem e-banking, el are acces la informaţiile legate de
conturile sale, sau poate afla condiţiile de obţinere a unui credit 24 de ore pe zi.
Avantajele Comerţului electronic sunt:
......................................................................................................................................
.... .................................................................................................................................
......... ............................................................................................................................
...

1.5. Categoriile comerțului electronic

Comerțul electronic permite participarea atât a persoanelor fizice și juridice, cât și a
statului sau a instituțiilor acestuia. În funcție de relațiile dintre acești participanți au
luat naștere mai multe categorii de comerț electronic:

∙ B2B (business-to-business) - este un model de comerț electronic în care toți

participanții sunt companii sau alte organizații.
∙ B2C (business-to-consumer) - Model de comerț electronic în care companiile
vând la cumpăratori individuali – persoane fizice.
∙ C2B (consumer-to-business) - model de comerț electronic ce se referă la
persoanele fizice (consumatori) care utilizează Internetul pentru a-și vinde
produsele sau serviciile firmelor și pentru a căuta vânzători care să liciteze
pentru produsele sau serviciile de care au nevoie.
∙ C2C (consumer-to-consumer) - acest model se referă la consumatorii care

14
vând direct la alți consumatori (e.g., eBay).
∙ E-government - această formă de comerț electronic este întâlnită în următoarele
forme: B2G (business to government), G2B (government to business), G2C
(government to consumer).
1.6 Rezumat
Comerţul electronic se diferenţiează de comertul tradiţional printr-o serie de elemente
precum:
- costuri
- timp
- interactivitate
- globalizare
- disponibilitate

Categoriile comerțului electronic sunt:

 ∙ B2B (business-to-business) - este un model de comerț electronic în care toți
participanții sunt companii sau alte organizații.
∙ B2C (business-to-consumer) - model de comerț electronic în care companiile
vând la cumpăratori individuali – persoane fizice.
∙ C2B (consumer-to-business) - model de comerț electronic ce se referă la
persoanele fizice (consumatori) care utilizează Internetul pentru a-și vinde
produsele sau serviciile firmelor și pentru a căuta vânzători care să liciteze
pentru produsele sau serviciile de care au nevoie.
∙ C2C (consumer-to-consumer) - modelul se referă la consumatorii care vând
direct la alți consumatori (e.g., eBay).
∙ E-government - formă de comerț electronic întâlnită în următoarele forme: B2G
(business to government), G2B (government to business), G2C (government to
consumer).

1.7. Test de evaluare a cunoştinţelor

(timp necesar: 20 min.)
1. Definiti notiunea de comert electronic.
2. Definiti avantajele si dezavantajele Comerţului electronic.
3. Care sunt categoriile comertului electronic?

1.8. Temă de autoevaluare a cunostintelor

I. Prin trimiterea de buletine de informare electronice persoanelor care au subscris la
acestea, o companie reuşeşte:
1. să-şi asigure succesul atragerii noilor clienţi şi fidelizării celor existenţi; 2.
să crească vizibilitatea mărcilor promovate pe web şi a vânzărilor on-line; 3.
să inducă o atitudine de implicare în campanii de relaţii publice online; 4. să
elimine necesitatea de actualizare şi retipărire a broşurilor şi cataloagelor;
Indicaţi combinaţia corectă:
a) (3)
b) (2,3,4)
c) (1,4)
d) (1,2,)
e) (2,4)

15
II. Beneficiile principale ale WEB-ului, ca instrument in Comerţul electronic sunt: 1.
posibilitatea măsurării cu uşurinţă a interacţiilor dintre clienţi şi website-ul firmei; 2.
oferirea de reduceri pentru faptul de a fi recomandat clienţilor noi website-ul
companiei;
3. includerea de legături directe la alte pagini de Internet pentru a analiza ofertele
concurente;
4. construirea identităţii unei mărci on-line şi a identităţii clienţilor;
Alegeţi una din următoarele variante de răspuns:
a) (2,3,4)
b) (1,3)
c) (2,3)
d) (1)
 Raspunsuri corecte:
I –e, II- d

1.9. Bibliografie
I. Bibliografie obligatorie
1.Gh. Orzan, M. Orzan – Cybermarketing, editura Uranus, Bucuresti, 2007.
2. B. Oancea, A. Cretan, Baze de date, Editura Prouniversitaria, 2013. 3.
Oancea – Tehnologia informatiei si a comunicatiilor, Editura Artifex, 2008.
4.C. Veghes - Marketing direct, editura Uranus, Bucuresti, 2003
5. D. Chaffey – Internet Marketing – Strategy Implementation and Practice, editura
Prentice Hall, 2008.
6. Popescu Alin George, Webmarketing în România, Editura Teora, Bucureşti, 2000

II. Bibliografie facultativă

***Ghidul de bune pratici – Remunerarea agenţiei, Uniunii Agenţiilor de Publicitate
din România (UAPR), www.uapr.ro.
***Growth Opportunities and Business Models For the Pervasive Internet; How
Companies Will Make Money with Networked Products and Services, Harbor
Research, Inc., White Paper, 2005, www.harborresearch.com.
***How Many Blogs Are There? Is Someone Still Counting?,
http://www.blogherald.com

16
UNITATEA DE ÎNVĂŢARE 2. STRATEGIA DE PROMOVARE A
COMERTULUI ELECTRONIC
Cuprins
2.1. Obiective
2.2. Competenţele unităţii de învăţare
2.3. Etape necesare in elaborarea unei strategii de promovare a comertului electronic
2.4. Elaborarea planului de promovare a comertului electronic
2.5. Eficienta strategiilor de promovare a comertului electronic
2.6. Rezumat
2.7. Test de autoevaluare a cunoştinţelor
2.8. Test de evaluare a cunoştinţelor
2.9. Bibliografie

2.1. Obiective
În această unitate de învățare se vor care sunt etapele necesare elaborarii unei
strategii de promovare a comertului electronic, care sunt elementele planului de
promovare a comertului electronic precum si cateva reguli privind eficienta
stategiilor de promovare a comertului electronic.

2.2. Competenţele unităţii de învăţare

După parcurgerea unităţii veţi fi în măsură să răspundeţi la întrebările:
∙ Care sunt pasii urmati la elaborarea unei strategii de promovare a comertului
electronic;
∙ Care sunt elementele unui plan de promovare a comertului electronic;

∙ Ce principii trebuiesc urmate pentru ca o strategie de promovare a comertului

electronic sa fie eficienta.

Durata de parcurgere a acestei unităţi de învăţare este de 2 ore.

2.3. Etape necesare in elaborarea unei strategii de promovare a

comertului electronic

00:00 informare, etc) si cum va aduce aceasta activitate un

Orice organizatie economica, inainte de a lua plus de eficienta?
decizia de face marketing pe Internet trebuie sa ia - Pot ajunge la clientii mei prin intermediul
in considerare câteva întrebări referitoare la Internetului?
oportunitatea abordării acestei căi: - Cunosc care sunt regulile activitatii de promovare
- Poate beneficia afacerea mea de avantajele pe care a comertului electronic (pe Internet)?
le aduce marketingul online? Se justifică cheltuielie - Dispun de personal specializat (designeri web,
suplimentare pe care acest tip nou de ativitate le programatori, administratori de baze de date etc)?
presupune prin influentarea castigurilor mele?
- Ce obiective imi propun prin marketingul online Daca raspunsurile la aceste intrebari sunt afirmative
(vanzare de produse, publicitate, promovare, atunci se trece la

17
 00:45 activitati, obiectivele, costurile, regulile aces
elaborarea strategiei de promovare a comertului
electronic. Acesta este un proces care presupune
urmarea unor anumite etape:
- Identificarea problemei: se identifica oportunitatea 2.4. Planul de promovare a comertului
lansarii activitatii de marketing pe Internet sau care electronic
sunt problemele existente daca organizatia
economica are deja activitate de promovare a
Elaborarea si punerea in aplicare a unui plan de
comertului electronic.
promovare pe Internet consta intr-o serie de
- Se stabilesc obiectivele activitatii de promovare a
activitati si etape dintre care cele mai importante
comertului electronic astfel incat sa sepoataface o sunt:
evaluare arezultatelor indeplinirii acestor obiective.
- Se stabileste tipul de strategie: diferentiata sau
nediferentiata, activa sau pasiva etc. - Se are in 1. Înregistrarea numelui domeniului de Internet
vedere integrarea activitatilor de promovare a pentru site-ul WEB care urmeaza a fi folosit in
comertului electronic in strategia generala de
marketing a firmei. cadrul activitatilor de promovare a comertului
- Se alcatuieste un buget pentru activitatea de electronic. Acest nume trebuie sa fie scurt, concis si
promovare a comertului electronic. - Se stabilesc
canalele de comunicare, mixului de promovare şi a sa aiba o semnificatie legata de activitatea
strategiile de comunicare. organizatiei economice in cauza;
- Se pune in aplicare planul de promovare a
comertului electronic. - Se evalueaza succesul pe 2. Stabilirea modului de abordare şi de acces la
care a avut-o strategia de promovare a comertului Internet;
electronic prin diverse metode: numar de accesari a 3. Proiectarea şi crearea propriu zisa a site-ului
unei pagini, numar de vizitatori unici pentru o
pagina Web etc. Exista si o serie de indicatori care Web. Acesta activitate poate fi realizata cu personal
poti fi utilizati la evaluarea succesului pe care il are propriu daca organizatia dispune de un departament
o strategie de promovare a comertului electronic: -
reacţiile formale şi informale ale consumatorilor; IT sau ea poate fi externalizata catre companii
- volumul vanzarilor/tranzactiilor; specializate;
- numarul accesarilor unor pagini WEB;
- volumul valoric al serviciilor de publicitate 4. Înregistrarea site-ului Web la principalele
prestate catre alti clienti. motoare de căutare de pe Internet: Google, Yahoo,
Să ne reamintim... Bing etc. Pentru a putea fi usor gasit de potentialii
Inainte de elaborarea unei strategii de promovare a comertului electronic orice
organizatie economica trebuie sa clienti; 5. Supunerea
analizeze posibilelesite-ului Webale
beneficii recenziilor
acestei
revistelor de specialitate;

18
 ………………………………………………
…
………………………………………………
…

Să ne reamintim...
∙ Elaborarea planului de marketing p
etape: inregistrarea numelui de dom
crearea site-ului, inregistrarea lui p
Internet, actualizarea permanenta a s

01:15 0 2.5. Eficienta strategiilor de promovare a

6. Includerea URL-ului site-ului WEB în comertului electronic
publicitatea offline a firmei: brosuri si cataloage
Eficienta campaniilor de promovare a comertului
electronice sau tiparite, mesaje publicitare etc. electronic orientate spre atragerea de noi clienţi
pentru a fi cunoscuta de potetialii clienti; trebuie testată periodic deoarece specificitatea
comunicării prin Internet rezidă în aceea că un
7. Crearea unei semnături pentru a fi utilizata in client al unor servicii online poate renunţa în orice
mesajele trimise prin intermediul poştei electronice, moment la ele, dezabonându-se de pe respectivele
site-uri. Pentru a evita astfel de evenimente
semnatura care sa contina printre alte elemente si neplăcute, firmele trebuie să lanseze în permanenţă
URL-ul site ului WEB; chestionare on-line prin care să observe gradul de
satisfacţie al clienţilor.
8. Cautarea grupurilor de ştiri si forumurilor Pentru ca o strategie de promovare a comertului
electronic sa fie eficienta si sa-si atinga obiectivele
relevante pentru domeniul de activitate al
ea trebuie sa tina cont de cateva aspecte de ordin
organizatiei economice si inscrierea site-ului pe general dintre care amintim:
- Pentru a atrage noi clienti si a mentine o rata de
aceste forumuri; 9. Luarea în considerare a unor
vizitare a site-ului ridicata trebuie oferit un serviciu,
modalitati alternative de marketing precum incluzand toate informaţiile de care are nevoie
clientul, informaţii care trebuie să fie actualizate in
bannerele şi hiperlink-uri reciproce;
permanenta. Este nevoie totodata de un site bine
10. Actualizarea permanenta a site-ului WEB cu proiectat cu viteza de acces mare pentru ca
vizitatorii să nu fie descurajaţi de o viteza redusă de
cele mai noi informatii si verificarea postei încărcare a site-ului.
electronice pentru a raspunde rapid la toate mesajele -Pentru a atrage in permanenta noi vizitatori pe site
trebuie incluse informaţii actualizate despre
venite din partea clientilor actuali sau a celor produsele şi serviciile firmei. Informarea clienţilor
potentiali. pe Internet la timpul oportun poate consitui un
avantaj concurenţial foarte mare. - Site-ul trebuie sa
fiedeunul
Enumerati etapele realizarii unui plan interactiv
marketing pe iar clientii trebuie încurajaţi să
Internet.
realizeze feedback prin exprimarea opiniei despre
…………………………………………………………………………....................
... serviciul sau produsul cumparat.
19
- Firma trebuie să se asigure că furnizează informaţii relevante pentru o audienţa
globală. Trebuie avute in vedere necesităţile clientilor locali dar si cele ale uor clienti
din alte tari sau de pe alte continente. Aceasta inseamna de cele mai multe ori
realizarea de pagini traduse în diferite limbi.
- Vizitatorii vor aprecia orice valoare adăugată şi orice informaţie suplimentară fata
de informatia transmisa prin mijoace clasice. Daca site-ul include doar informatii ce
se regasesc intr-un catalog de produse, acesta nu va atrage foarte multi vizitatori. -
Bugetul de marketing pentru realizarea si actualizarea site-ului Web trebuie integrate
în cadrul activitatii de marketing general al firmei. Toţi angajatii din departamentul
de marketing trebuie sa ştie despre existenta site-ului Web şi modul sau de
funcţionare..
- Una dintre cele mai bune forme de marketing pe Internet consta in participarea la
grupurile de discuţii de pe forumuri, trimiterea unor răspunsuri prompte la mesajele
prin poştă electronică şi actualiza actualizarea permanenta a site-ului. - Design
eficient al paginilor WEB. Aceasta inseamna ca paginile WEB care compun un site
să nu conţină multe fişiere de imagini de dimensiune mare care se incarca într-un
interval de timp lung. Trebuie realizat un echilibrul între munca de creaţie şi cea de
marketing.
- Pentu a nu obtine un efect invers decat cel scontat, site-ul WEB si activitatile de
promovare a comertului electronic trebuie sa respecte bunele practici existente in
domeniu (politici acceptabile de utilizare: interzicerea publicitatii nesolicitateă şi
spamming-ul, etc).
- Asigurarea securitatii informatiilor: asigurare confidentialitatii datelor, a
autenticitatii lor, asigrarea autentificarii si a non-repudierii.

Evaluarea eficienţei activităţii de promovare a comertului electronic şi a efectelor

sale este un proces anevoios. Trebuie evaluat dacă efectele pozitive înregistrate sunt
cele mai bune si dacă nu s-ar fi putut realiza o campanie de promovare mai eficientă
cu aceleasi investitii. La evaluarea eficientei trebuie să se ia în calcul atât efectele pe
termen scurt cât şi cele pe termen lung, mult mai greu de delimitat. Cele utilizate
metode de evaluare sunt cele care analizează campaniile de publicitate online, printr-
o serie de indicatori specifici cum ar fi:
- Click through rate (CTR): Raportul dintre numărul de clickuri rezultate în urma a o
mie de afişări a unui banner. Este folosit în general ca indicator de măsurare a
eficienţei publicităţii online, urmărind impactul şi reacţia vizitatorilor la afişarea
bannerului publicitar.
- Cost per click (CPC): reprezintă o formulă de calcul a costurilor privind afişarea
unei publicităţii, prin care se plăteşte numai în cazul în care vizitatorul a dat click pe
o anumită formă de publicitate (banner, link etc.).
- Cost per mia de afişări (CPM): o formulă de calcul asociat difuzării banner-ului
publicitar - se plăteşte pentru fiecare mie de afişări. Preţul poate varia în funcţie de
dimensiunea şi poziţia banner-ului in cadrul site-ului.
- Cost per acţiune sau achiziţie (CPA) - reprezintă o formulă de calcul a costurilor
privind afişarea banner-ului sau a altei forme de publicitate online, prin care se
plăteşte numai în cazul în care vizitatorul a iniţiat o anumită acţiune (înregistrare ca
membru la un anumit site, efectuarea unei cumpărări ş.a.).
- Timp mediu per vizită – raportul dintre timpul total exprimat în secunde al tuturor
vizitelor cu două sau mai multe afişări de pagini şi numărul total al unor asemenea
vizite.
- Timpul mediu per vizitator unic - raportul dintre timpul total exprimat în secunde
al tuturor vizitelor unice cu două sau mai multe afişări de pagini şi numărul total de
vizitatori unici care au realizat asemenea vizite.
20
 01:50 2.7. Test de evaluare a cunoștințelor
1. Descrieti principalele etape ale unui plan de
promovare a comertului electronic. 2. Cum se poate
masura eficienta activitatii de promovare a
comertului electronic?

2.8. Bibliografie
I. Bibliografie obligatorie
2.6. Rezumat 1.Gh. Orzan, M. Orzan – Cybermarketing, editura
Uranus, Bucuresti, 2007. 2. B. Oancea, A. Cretan,
Inainte de elaborarea unei strategii de promovare a Baze de date, Editura Prouniversitaria, 2013. 3.
comertului electronic orice organizatie economica Oancea – Tehnologia informatiei si a
trebuie sa analizeze posibilele beneficii ale acestei comunicatiilor, Editura Artifex, 2008. 4.C. Veghes -
activitati, obiectivele, costurile, regulile acestei Marketing direct, editura Uranus, Bucuresti, 2003
activtati. Elaborarea unei strategii de promovare a 5. D. Chaffey – Internet Marketing – Strategy
comertului electronic presupune anumite etape: Implementation and Practice, editura Prentice Hall,
identificarea problemei, stabilirea obiectivelor, 2008.
stabilirea bugetului, evaluarea succesului strategiei. 6. Popescu Alin George, Webmarketing în
Pentru ca o strategie de promovare a comertului România, Editura Teora, Bucureşti, 2000
electronic sa fie eficienta ea trebuie sa tina cont de
anumite aspecte: oferirea unui serviciu, actualizarea
II. Bibliografie facultativă
permanenta a informatiilor de pe site, crearea unui ***Growth Opportunities and Business Models For
site interactiv, respectarea politicilor acceptabile de the Pervasive Internet; How Companies Will Make
utilizare din Internet. Evaluarea eficientei unui site Money with Networked Products and Services,
se poate realiza printr-o serie de indicatori precum: Harbor Research, Inc., White Paper, 2005,
click through rate, cost per click, timp mediu per www.harborresearch.com.
vizită, timpul mediu per vizitator unic.

21
UNITATEA DE ÎNVĂŢARE 3. INSTRUMENTE IN COMERTUL
ELECTRONIC
Cuprins
4.1. Obiective
4.2. Competenţele unităţii de învăţare
4.3. Site-ul web
4.4. Publicitate online
4.5. Publicitatea prin email
4.6. Grupuri de discutii, bloguri si motoare de cautare pe Internet
4.7. Rezumat
4.8. Test de autoevaluare a cunoştinţelor
4.9 Bibliografie

3.1. Obiective
În această unitate de învățare se vor prezenta principalele instrumente folosite in
activitatea de promovare a comertului electronic: site-urile web, publicitatea online,
email-ul blogurile si grupurile de discutii.

3.2. Competenţele unităţii de învăţare

După parcurgerea unităţii veţi fi în măsură să răspundeţi la întrebările:
∙ Care cele mai importante instrumente folosite in marketingul online;

∙ Care sunt avantajele utilizarii site-urilor wev in marketingul online;

∙ Care sunt etapele realizarii unui site web;

∙ Care sunt criteriile de evaluare a unui site web;

∙ Cum se realizeaza transferul fisierelor de mari dimensiuni prin Internet.

Durata de parcurgere a acestei unităţi de învăţare este de 2 ore.

3.3. Site-ul web

Un site web reprezintă un set de pagini Web interconectate, incluzând o pagină

00:00 informaţii vor fi organizate si prezentate. Pentru ca

de bază (homepage), realizate şi dezvoltate sub un site web sa aiba success si sa fie apreciat de către
forma unei colecţii de informaţii cu un anumit scop. utilizatori trebuie tinut cont de de psihologia
Din perspectiva activitatii de marketing, site-ul web vizitatorilor, aşteptările şi preferinţele lor.
reprezintă cel mai important instrument prin Crearea si utilizarea unui site web in activitatea
intermediul căruia o companie poate profita de unei companii prezinta mai multe avantaje:
oportunităţile existente în mediul virtual. - acces pe o piaţă globală. Datorita raspandirii sale,
Realizarea unui site web nu este foarte simpla cum Internetul face posibilă atingerea unei pieţe globale
ar pare la prima vedere. Aceasta activitate necesită de potenţiali clienti, piata care este în continuă
o înţelegere foarte buna a ce anume asteapta sa crestere.
gaseasca pe site-ul vizitat potenţialii utilizatori, - costuri scăzute ale activitatii de marketing.
unde si cat de repede să găsească informaţia Utilizarea site-ului web pentru
căutată, precum şi modul cum ei cred că aceste

22
distribuirea informaţiilor către clienţi este mult mai puţin costisitoare decît
tiparirea şi trimiterea lor prin poşta clasica;
- distribuire si actualizare rapidă a informaţiilor;
- creşterea notorietăţii companiei. Apariţia unui nou site Web stârneşte curiozitatea
potentialilor cumparatori, ceea ce ii determina pe acestia să viziteze site-ul
respectiv devenind astfel potenţiali clienţi ai companiei respective;

Site-urile de Web pot fi clasificate in functie de multe criterii: scopul lor, audienţa,
domeniul, frecvenţa schimbărilor. Vom prezenta in continuare principalele tipuri de
site-uri web.

Site-uri comerciale – sunt site-urile construite cu scopul principal de a sprijini o

companie in activitatea sa economica. Audienţa acestor site-uri este este de regula
formata din: clienţii actuali şi potenţiali ai firmei respective, investitorii curenţi şi
potenţiali curenţi ai organizatiei, presa, competitorii etc. Scopul unui site comercial
este multiplu:
- prezentarea de informaţii despre produsele şi serviciile furnizate de companie;
- furnizarea de suport tehnic clientilor relativ la produsele cumparate; - vanzare
de produse sau servicii (comert electronic)
- recurtare de personal.

Site-urile informaţionale – au ca scop principal acela de distribuire a informatiei. In

aceasta categorie intra site-urile guvernamentale, educaţionale, ale organizaţiilor
nonprofit, etc.

Site-urile navigaţionale (portaluri) – sunt utilizate ca un instrument care faciliteaza

utilizatorului navigarea pe Internet ( de exemplu Yahoo). Ele au ca rol principal
asistarea utilizatorului în identificarea informaţiilor de care acesta are nevoie.

Site-urile pentru divertisment - scopul lor principal este acela de a-l distra pe utilizator,
de a crea experienţe distractive, plăcute.

Site-urile personale - sunt construite pentru a prezenta informaţii personale, un

curriculum vitae, etc.

Procesul de realizare a unui site este este compus din patru etape: planificarea,
pregătirea, crearea şi implementarea.

- Planificarea realizarii site-ului inseamna de fapt înţelegerea condiţiilor şi a

limitărilor acestui instrument de marketing. Planificarea realizarii unui site incepe cu
stabilirea obiectivelor de marketing ale respectivului care poate fi creşterea notorietăţii
companiei, cresterea vânzărilor, culegerea de informaţii despre clienţii actuali şi cei
potenţiali. In functie de obiectiv site-ul poate fi unul de prezentare a companiei, unul sit
destinat relaţiilor cu clienţii, sau un site de comert electronic. In aceasta etapa se
estimeaza costurile creării şi intretinerii site-ului, personalul necesar pentru realizarea
proiectului.

- Pregătirea instrumentelor presupune în primul rând determinarea conţinutului

acestuia. În funcţi de scopul si tipul site-ului este identificat şi organizat conţinutul
informaţional al paginilor, elementele multimedia pe care acestea le vor conţine,
fonturi, elemente de stil etc.
23
 formă de publicitate cu specificitatea că ea este
realizată pe Internet. Publicitatea online este un
fenomen mult mai complex, care poate fi studiat din
00:20 perspectiva gradului de accesibilitate, gradului de
cuantificare şi eficienţă, gradului ţintire a publicului
- Codificarea site-ului - presupune crearea efectivă a
paginilor site-ului folosind limbaje specializate vizat, gradului de interactivitate. În literatura de
(HTML, CSS, Javascript, PHP etc). Pagina specialitate, publicitatea online este considerată ca
principală a site-ului, pe care o vor vizualiza fiind cea mai eficientă formă a mixului de
utilizatorii la prima lor accesare a site-ului comunicare online.
reprezintă un element important al proiectului.
Activităţile desfasurate in această etapă constau de Tinand cont de criteriul accesibilităţii, publicitatea
regula în formularea textelor ce vor fi afisate, online (pe Internet) poate aduce unei firme mici
crearea imaginilor, a structurii de navigaţie, a avantaje substanţiale prin derularea de campanii
legăturilor interne şi externe, a elementelor active
online eficiente si cu costuri reduse. Trebuie tinut
precum meniuri, sau formulare interactive.
- Implementarea site-ului incepe cu testarea şi cont si de faptul ca Internetul este un canal media
verificarea tuturor paginilor şi informaţiilor pe care prin care se pot lansa campanii internaţionale de
aceastea le conţin, pentru a i îndepărtate eventualele publicitate asigurând organizaţiilor expunere pe
erori sau disfuncţionalităţi. După ce se stabileşte că pieţele globale la costuri reduse.
site-ul este perfect funcţional, se trece la publicare
sa pe un server web si la promovarea sa, fără de care Publicitatea online este uşor de cuantificat
obiectivele sale de marketing sunt imposibil de comparativ cu publicitatea în medii tradiţionale,
atins. folosind criterii de evaluare diferite.
Care sunt cele mai utilizate limbaje la crearea site-urilor web?
Publicitatea online reprezintă cea mai eficientă
.......................................................................................................................................
metodă de a transmite un mesaj unei audienţe mari
.... ..................................................................................................................................
......... .............................................................................................................................
iar utilizarea Internetului în acest scop oferă un
.............. avantaj competitiv major. Campaniile de publicitate
online permit selectarea de site-uri specializate,
accesate de grupul vizat, iar publicul interesat are la
3.4 Publicitatea online dispozitie informaţii nelimitate şi diverse despre
produs sau serviciu, mesajul publicitar putând fi
Daca plecam de la faptul ca publicitatea este o adaptat fiecărei categorie de clienţi.
formă plătită de comunicare cu scopul de a
influenţa receptorul mesajului să acţioneze în În privinţa interactivităţii, publicitatea online
momentul respectiv sau în viitorul apropiat putem implică audienţa, o informează şi poate conduce la
sa definim publicitatea pe Internet ca orice alta o tranzacţie sau la un contact imediat.

24
3.5 Publicitatea prin email

01:00 E-mail-ul reprezintă o aplicatie a retelei Internet

care face posibilă transmiterea unor mesaje foarte
Care sunt principalele forme ale publicitatii rapid. Acestă
online? metodă de comunicare prezinta
avantajul că este bine direcţionată, dar şi
.......................................................................................................................................
dezavantajul că nu toată lumea deschidă mesajele
.... ..................................................................................................................................
publicitare. E mail-ul s-a dovedit a fi o metodă de
......... .............................................................................................................................
.............. comunicare eficientă în mediul de afaceri, devenind
chiar cea mai folosită metodă de comunicare.
Costurile publicităţii prin e-mail sunt foarte mici,
motiv pentru care s-a dezvoltat foarte mult si
fenomenul spam care inseamna trimiterea unor prin caracteristici detaliate.
mesaje publicitare nesolicitate. Pentru a nu cadea in - Alte forme de marketing prin e-mail: concursuri
capcana spam-ului trebuie ceruta permisiunea online, prezenţa link-urilor către firmă în mesajele
utilizatorului de a-i trimite anumite informaţii, pe clienţilor actuali. Această tehnică se poate dovedi
care acesta le doreşte, tehnică care poartă foarte eficientă dacă este bine aplicată.
denumirea de permission marketing. Astfel, Avantajele obtinute de o companie care comunică
utilizatorului i se va permite să aleagă dacă va dori prin newsletter sunt : - personalizarea comunicării:
să primească informaţii, ce informaţii doreste sa un newsletter bun tine întotdeauna cont de nevoile
primeasca şi cu ce periodicitate. abonaţilor săi;
Beneficiarul direct al utilizării email marketingului - segmentarea publicului: procesul de împarţire a
sunt companiile care trimit newslettere către clienţii (potenţialilor) clienţilor în grupuri distincte cu
lor pe baza permission marketing. anumite caracteristici comune asigură transmiterea
Marketingul prin e-mail poate îmbrăca mai multe unui mesaj cu relevanţă catre acestia;
forme dintre care cele mai importante sunt: - flexibilitate: datorită faptului ca se pot genera si
- Liste de mail.Aceasta forma consta in trimiterea de transmite rapoarte în timp real cu legat de numărul
mesaje clientului, care şi-a dat acordul pentru a de vizualizări al newsletterului se pot lua decizii
primi mesaje de la respectiva companie. De rapide in ceea continutul acestuia si grupul tinta;
exemplu în momentul completării datelor personale Dificultatea folosirii acestui instrument de
pe un site web, se cere permisiunea trimiterii de marketing constă în găsirea grupului ţintă către care
mesaje publicitare periodic. Această variantă poartă va fi direcţionată campania de marketing direct. Vor
numele de liste opt-in, existând chiar furnizori fi alese cu precadere site-urile care ar putea fi
specializaţi de astfel de liste; interesate de un anume produs. Multe dintre site
- Grupurile de discuţie. Mai multe persoane care urile web necesită o înregistrare înainte de intrarea
doresc sa discute despre o temă comuna formeaza în site-ul propriu-zis iar pe baza acestor înregistrări
un grup, mesajele fiind trimise tuturor membrilor se poate alcătui o listă de e-mail-uri. De asemenea, o
respectivului grup. Grupurile de discutii pot fi listă de adrese email se poate achiziţiona de la o
eficiente daca ating un segment ţintă bine definit firmă care vinde acest gen de liste. Mesajul transmis

25

particular sau pun diferite întrebări. Majoritatea

grupurilor de discuţii sunt distribuite în reţele de
calculatoare de larga raspandire şi sunt cunoscute
01:30 sub numele generic de UseNet, (o prescurtare a
cuvintelor Users' Network). Număr mare de grupuri
trebuie să fie clar şi concis, si să fie în concordanţă de discutii se explică prin faptul ca tematica
cu scopul urmărit. abordată de acestea este foarte diversă cuprinzând
atât teme generale cât şi subiecte specifice,
Precizati avantajele si dezavanatajeleaccesibile promovarii prin unui
numai e-mail număr restrâns de utilizatori
.......................................................................................................................................
specializaţi. Orice membru al unui grup de discuţii
.... ..................................................................................................................................
poate citi mesajele trimise de alţi membri sau poate
......... .............................................................................................................................
adăuga propriile sale opinii într-un nou mesaj
.............. transmis celorlalţi Forumurile se pot asemăna cu un
avizier electronic în care participanţi pun întrebări
si primesc răspunsuri sau fac diverse comentarii la
articolul iniţial. Toate aceste întrebări şi răspunsuri
3.6 Grupuri de discutii, bloguri si motoare formează un fir de discuţii (thread).
de cautare pe Internet Crearea unui grup de discutii reprezinta o solutie
avantajoasa din perspectiva obiectivelor de
Grupurile de discuţii (sau forumuri de discuţii) marketing ale organizatiei datorita urmatoarelor
reprezintă sisteme de comunicaţii moderne prin avantaje: - fidelizarea clientilor;
care persoane având diverse preocupări schimbă - crearea unei imagini favorabile a organizaţiei,
informaţii pe baza unor teme de interes general sau
membrii grupului constituind surse de publicitate variază foarte mult, pornind de la jurnale personale
gratuită pentru organizaţie; pana la instrumente ale diferitelor companii, ale
- crearea unei atitudini favorabile faţă de programelor media. De asemenea ele variază şi în
organizaţie, produs sau serviciu rândul clienţilor funcţie numarul autorilor, de la bloguri care apartin
efectivi sau potenţiali; unui singur autor la bloguri care apartin unei intregi
- cresterea volumului vânzarilor unor produse sau comunitati. Daca sunt create cu scopuri comerciale,
servicii oferite de organizaţie şi care sunt asociate blogurile pot deveni si o sursă de câştiguri. Cele mai
în consum produsului sau serviciului achiziţionat de multe bloguri permit vizitatorilor să posteze
membrii grupului; - dezvoltarea unor parteneriate cu comentarii publice asupra articolelor publicate de
membrii grupului; autorul blogului, in felul acesta creindu-se o
- crearea platformei pentru oferirea unor servicii comunitate de cititori ai blogului. Marketingul
pentru clientii organizatiei; - realizarea unor studii si online foloseste blogurile ca nou instrument cu
cercetari de marketing în rândul clientilor efectivi si scopul de a obtine o comunicare publică
potentiali ai organizatiei. prietenoasa sau o forma de interacţiune cu clientii.
Un blog (care este prescurtarea de la web log) este Deoarece Internetul este un rezervor imens de
un site specializat web care conţine articole informaţie o importanţă tot mai mare în selectarea
periodice cu caracter personal, aceste articole afişate informaţiilor o au serviciile de căutare. Motorul de
de regula în ordine cronologică. Scopul blogurilor căutare (search
26
engine) este instrumentul prin care, din rezervorul relativ dezorganizat de documente
de pe Web, anumite informatii sunt puse la dispoziţia utilizatorului conform cerintelor
sale. El permite efectuarea unei căutări pe baza unor cuvinte cheie şi obţinerea unor
rezultate care corespund acestora. Avantajele motoarelor de cautare sunt multiple.
Datorita caracterului global al Internetului căutările de informatie şi implicit rezultatele
obtinute depăşesc graniţele teritoriale şi temporale, motoarele de căutare având
capacitatea de gasi informatii care sunt actualizate des, fără a afişa rezultate vechi, iar
pe de alta parte de viteza obtinere a informatiei este de numai câteva secunde.
Statisticile recente arată că peste 80% din totalul traficului către site-urile web este
generat de motoarele de căutare.
Utilizatorii ajung sa viziteze un site prin navigare directă (daca ei cunosc adresa sau o
intuiesc), ca răspuns la o sugestie (de exemplu prin includerea adresei site-ului în
semnătura unui email, click pe un banner, hiperlegătura de la o altă pagină web) sau în
urma folosirii unui motor de căutare. Dintre aceste modalităţi, căutarea bazata pe
cuvinte cheie relevante este cea mai des utilizata metoda de a ajunge la informatia
dorita. Din acest motiv anticiparea modalităţilor de căutare la care apelează utilizatorii
pentru a ajunge la informatia dorita este foarte importanta. În general o căutare implică
un numar de 5-10 interogări şi 10-20 interacţiuni cu site-uri diferite.
Din momentul in care utilizatorii au identificat site-ul dorit ei trebuie să poată accesa
rapid informaţiile de care au nevoie. Practic, exista o regulă denumită „regula celor 3
clic-uri”, care spune că utilizatorul din maximum trei apăsări ale butonului stâng al
mouse-ului trebuie să poată accesa informaţiile necesare.
Cele mai importante motoare de cautare de pe Internet sunt: -Google,
www.google.com – statisticile poziţionează Google drept lider in rândul motoarelor de
căutare, cu un procent de 45% din totalul căutărilor. -Yahoo, www.yahoo.com – detine
in jur de 25% din totalul cautorilor pe web. - Bing www.bing.com – este un motor de
cautare detinut si administrat de compania Microsoft.
Pentru ca site-urile sa fie identificate cu usurinta de catre motoarele de cautare, se
folosesc o serie de tehnici esenţiale oricărei afaceri online, dintre care cele mai
importante sunt:
- Search Engine Submissions (înscrierea în motoarele de căutare) - înscrierea site-ului
în baza de date a motoarelor de căutare majore.
- Search Engine Optimization (optimizarea site-ului pentru motoarele de căutare) - se
referă la anumite tehnici utilizate la construirea site-ului astfel incat acesta sa fie
poziţionat cat ma sus in lista de rezultate generata de motoarele de căutare. Aceasta
este doar o parte a importanta a strategiei de promovare pe Internet.
 - Site Linking and Link Popularity (legături către alte site-uri şi popularitatea site urilor
pe motoarele de căutare şi pe Internet). Existenta unor legături catre alte site-uri aduce
mai mult trafic şi ridică clasificarea în lista de rezultate a motoarelor de căutare.

Să ne reamintim...
Principalele instrumente de promovare a comertului electronic sunt : site-ul web,
publicitatea online, publicitatea prin email, grupurile de discutii, blogurile si motoarele
de cautare pe Internet.

3.7 Rezumat
Un site web reprezintă un set de pagini Web interconectate, realizate şi dezvoltate sub
forma unei colecţii de informaţii cu un anumit scop. Din perspectiva

27

02:00 de faptul ca Internetul este un canal media prin care

se pot lansa campanii internaţionale de publicitate
asigurând organizaţiilor expunere pe pieţele globale
la costuri reduse.
E-mail-ul s-a dovedit a fi o metodă de comunicare
eficientă în mediul de afaceri, devenind chiar cea
mai folosită metodă de comunicare. Costurile
publicităţii prin e-mail sunt foarte mici, motiv
pentru care s-a dezvoltat foarte mult si fenomenul
spam care inseamna trimiterea unor mesaje
publicitare nesolicitate.
Grupurile de discuţii (sau forumuri de discuţii)
reprezintă sisteme de comunicaţii moderne prin
care persoane având diverse preocupări schimbă
informaţii pe baza unor teme de interes general sau
particular sau pun diferite întrebări.

3.8. Test de autoevaluare a cunoștințelor

(timp necesar : 10 minute)

1. Publicitatea prin e-mail poate imbraca

urmatoarele forme:
activitatii de marketing, site-ul web reprezintă cel a. liste de mail, newsletter, semnatura e-mailului
mai important instrument prin intermediul căruia o b. liste de mail, raspindirea virusilor informatici
companie poate profita de oportunităţile existente în c. liste de mail, utilizarea elementelor multimedia si
mediul virtual. hiperrmedia
Publicitatea online este considerată ca fiind cea mai d. liste de mail, utilizarea pachetelor integrate de
eficientă formă a mixului de comunicare online. programe
Tinand cont de criteriul accesibilităţii, publicitatea
online poate aduce unei firme mici avantaje 2. Search Engine Optimization reprezinta:
substanţiale prin derularea de campanii online a. o baza de date cu informatii de pe Internet
eficiente si cu costuri reduse. Trebuie tinut cont si
b. o tehnica pentru promovare a site-urilor web
c. un motor de cautare pe Internet
d. un instrument de realizare a unui site web
Rapsunsuri corecte:
1. a
2. b
3.9. Bibliografie
I. Bibliografie obligatorie
1.Gh. Orzan, M. Orzan – Cybermarketing, editura
Uranus, Bucuresti, 2007. 2. Kotler, Ph. –
Managementul marketingului (traducere), Editura
Teora, Bucureşti, 1997.
3.C. Veghes - Marketing direct, editura Uranus,
Bucuresti, 2003.

28
UNITATEA DE ÎNVĂŢARE 4. CAMPANIA DE PROMOVARE A
COMERTULUI ELECTRONIC
Cuprins
5.1. Obiective
5.2. Competenţele unităţii de învăţare
5.3. Stabilirea obiectivelor campaniei
5.4. Conceperea mesajelor si stabilirea canalelor de comunicatie
5.5. Estimarea bugetului campaniei
5.6. Evaluarea campaniei
5.7. Rezumat
5.8. Test de autoevaluare a cunoştinţelor
5.9. Test de evaluare a cunoştinţelor
5.10. Bibliografie

4.1. Obiective
În această unitate de învățare se vor prezenta elementele de baza in planificarea si
realizarea unei campanii de promovare a comertului electronic:
• obiectivele campaniei
• planificarea activitatilor;
• conceperea mesajelor ce vor fi transmise;
• estimarea bugetului unei campanii de promovare a comertului electronic; •
evaluarea eficientei campaniei.

4.2. Competenţele unităţii de învăţare

După parcurgerea unităţii veţi fi în măsură să răspundeţi la întrebările:
∙ Cum se planifica o campanie de promovare a comertului electronic;

∙ Care sunt elementele unei campanii de promovare a comertului electronic;

∙ Cum se evalueaza eficienta unei campanii de promovare a comertului electronic.

Durata de parcurgere a acestei unităţi de învăţare este de 2 ore.

4.3. Stabilirea obiectivelor campaniei

 Orice campanie de promovare a comertului electronic urmăreşte două obiective

00:00 - cresterea cifrei de afaceri;

principale:
- atragerea de vizitatori pe site-ul companiei cu
scopul de a ii transforma in clienţi; - fidelizarea
clienţilor existenti, respectiv mentinerea si
dezvoltarea relaţilor cu aceştia în timp.
In afara acestor doua obiective principale mai
putem pune in evidenta si o serie de obiective
subsumate acestora:
- cresterea cotei de piata;
- cresterea volumului vanzarilor;
- imbunatatirea imaginii companiei;
- reducerea costurilor activitatilor de promovare.
Strategia in cazul publicitatii online se refera la
modul in care instrumentele oferite de reteaua
Internet vor fi utilizate pentru atingerea obiectivelor
propuse. In

29
acest sens se elaboreaza un program de promovare a comertului electronic care contine
modul concret cum va fi pusa in practica strategia de promovare a comertului
electronic prin stabilirea unor activitati ce urmează a fi executate precum si prin
specificarea resurselor necesare indeplinirii acestora.
Planificarea activităţilor de promovare a comertului electronic presupune realizarea
unor activităţi:
- analiza situaţiei actuale. De regula se realizeaza o analiza SWOT prin care se pun in
evidenta motivele lansarii campaniei online, care sunt principalele provocări din
perioada precedentă dar şi oportunităţile acesteia;
- stabilirea obiectivelor campaniei;
- identificarea modalităţilor de realizare a campaniei online şi modul cum se poate
combina cu activitati clasice (offline) pentru a se atinge obiectivele stabilite; -
elaborarea si implementarea planului de promovare a comertului electronic; - estimarea
unui buget necesar campaniei.
- evaluarea rezultatelor campaniei de promovare a comertului electronic. Elaborarea
programului de promovare a comertului electronic presupune stabilirea unor acţiuni ce
urmează a fi intreprinse precum şi resursele necesare. Etapele necesare a fi urmate
pentru intrarea în mediul online presupune:
- inregistrarea unui nume de domeniu Internet pentru site;
- stabilirea modalitatii prin care se realizeaza accesul la Internet;
- proiectarea şi implementarea site-ului Web al companiei;
- inregistrarea site-ului Web in baza de date a principalelor motoare de căutare de pe
Internet;
- includerea adresei site-ului în publicitatea off-line a firmei si in semnatura de email a
organizatiei;
- actualizarea permanenta a site-ului si asigurarea unui feedback rapid clientilor.

Este important ca in mod periodic sa fie evaluate rezultatelor implementării planului

propus şi in situatiile in care se constata devieri de la planul initial sa se adopte
masurile necesare.
De regula realizarea unei campanii de marketing în mediul online este asemănător
unei campanii offline dar se tine cont de particularităţile clientului online, de specificul
instrumentelor online de transmitere a mesajului.
În funcţie de obiectivele sale, un site (ca principal instrument al marketingului online)
poate utiliza diferite tehnici pentru a genera un trafic ridicat si a atrage noi vizitatori:
- înscrierea în motoarele de căutare de pe Internet. Doar inscrierea site-ului in
motoarele de cautare nu ar fi eficienta daca nu este insotita si de implementarea unei
liste de meta-tag-uri (cuvinte-cheie care se inserează în antetul paginilor care compun
site-ul) deoarece majoritatea motoarelor de căutare folosesc algoritmi care indexează
site-urile în baze de date, iar afişarea lor la cererea utilizatorilor se face în funcţie de
relevanţa conţinutului pentru cuvântul căutat. Alegand cuvinte cheie potrivite se poate
obţine o optimizare a afişării rezultatelor, astfel încât site-ul să fie accesat de vizitatorii
 interesaţi.
- folosirea e-mail-ului ca mediu de transmitere a mesajelor de marketing; -
folosirea publicitatii online care trebuie să transmită un mesaj atrăgător către o
audienţă corect determinată;
- cunoaşterea preferinţelor consumatorilor prin constituirea unei baze de date.
Campaniile de promovare a comertului electronic sunt mai eficiente daca au la bază
fişiere de contacte consumatori cu informaţii colectate pe baza voluntariatului
vizitatorilor unui site, în funcţie de criterii precum: adresă de contact on-line, vârstă,
sex, ocupaţie, etc.
30
.......................................................................
.... ..................................................................
......... .............................................................
00:20 ..............

4.4 Conceperea mesajelor si stabilirea

canalelor de comunicatie
Orice campanie de promovare a comertului
electronic presupune transmiterea unui mesaj catre
consumatori. În acest sens prin mesaj vom înţelege
o combinaţie de diferite elemente precum text,
grafice statice sau animate, informatie audio/video
care sunt transmise catre consumatorilor cu scopul
informării despre un produs sau serviciu oferit, al
influenţării comportamentului lor de cumpărare şi
consum.
In functie de suportul sau, mesajele pot imbraca
forme diferite: mesaj obişnuit în cadrul poştei
electronice sau a unui newsletter, mesaje prezentate
în cadrul unui banner publicitar, cataloage online
etc.
Orice mesaj implica patru aspecte: continutul
propriu zis al mesajului, structura mesajului,
formatul sau si modalitatea de transmitere a sa.
Regulile aplicabile mesajelor utilizate in cadrul
campaniilor de marketing clasice se utilizeaza si in
cazul marketingului online. Acestora li se adauga
insa anumite reguli specifice mediului online.
Tehnologiile de comunicare utilizate in Internet
sunt puternic interactive si combina proprietatile
canalelor de comunicare impersonale, in masa cu
cele personale. Browserele WEB existente in
prezent permit completarea de formulare online,
accesul la serviciile de posta electronica, realizarea
de videoconferinte etc. Publicitatea efectuata prin
intermediul site-urilor WEB furnizeaza atat o
expunere pe termen scurt cat si pe termen lung. Cu
00:30 5 toate aceste avantaje, fragmentarea aparuta in
mijloaceleunuei
Furnizati mai multe detalii pentru obiectivele media a generat
campanii de si o deplasare
promovare a a
comertului electronic. preferintelor si comportamentului consumatorilor,
fie ca sunt consumatori individuali fie ca sunt
companii. De aceea pentru ca activitatea de compania trebuie sa tina cont si de factori precum
promovare a comertului electronic sa fie eficienta, produsul sau serviciul oferit, pretul acestuia, pozitia
trebuie stabilit un dialog direct cu utilizatorii prin companiei pe piata produslui respectiv, etc.
colectarea de date despre ei sau prin utilizarea unor
mijloace interactive puse la dispozitie de noile
tehnologii Internet, cum ar fi de exemplu trimiterea
unor newslettere personalizate, utilizarea blogurilor
interactive.
Este important de subliniat faptul ca Internetul 4.5 Estimarea bugetului campaniei
folosit drept canal de comunicatie va fi eficient
daca este utilizat impreuna cu alte medii si canale de Obtinerea unor rezultate in urma campaniei de
comunicare in cadrul unei activitati de marketing promovare a comertului electronic depinde in mod
integrate. Alegerea mesajelor si a modalitatii de evident si de bugetul alocat acestei campanii. Cu cat
transmitere a acestora trebuie sa conduca la bugetul este mai mare cu atat creste si eficienta
obtinerea unui efect masurabil iar pentru aceasta campaniilor. Pe de alta parte, efectele pot apare

31

01:30 traficului catre site-ul companiei. Pentru a avea o

cu o anume intarziere. De exemplu, efectul evaluare a costului per acţiune care este un model de
optimizarii unui site poate apare cu o intarziere plată a publicităţii online în care plata se bazează
deoarece bazele de date ale motoarelor de cautare de doar pe realizarea de acţiuni cerute, cum ar fi de
pe Internet se actualizeaza o data pe saptamana sau exemplu vânzarea unui produs, este necesar sa se
o data pe luna. Este foarte util să fie stabilite urmăreasca clientul din momentul în care viziteaza
obiective specifice si pentru costul aducerii de pentru prima dată site-ul până cand acţiunea
vizitatori pe site-ul WEB al companei dar şi pentru respectiva este realizată.
costul obţinerii de rezultate concrete care sa rezulte
in urma vizitei lor. Acesta implică, de regula costul
de achiziţie per vizitator, costul de achiziţie per
interogare sau costul de achiziţie per vânzare.
Costurile campaniilor de comunicare online pot fi
comparate pentru diferite metode de generare a
4.6 Evaluarea campaniei
După implementarea campaniei de promovare a
comertului electronic trebuie să evalueze impactul
produs asupra publicului ţintă.
Evaluarea eficienţei activităţii de comunicare de
promovare a comertului electronic şi a efectelor
sale este un proces dificil deoarece trebuie evaluat
dacă efectele pozitive obtinute sunt cele optim si
daca nu cumva cu aceleaşi investiţii s-ar fi putut
realiza o campanie de promovare online mai
eficientă. De asemenea trebuie sa se ia in
considerare atât efectele pe termen scurt, cât şi cele
pe termen lung. Evaluarea impactului unei anumite
metode de promovare este dificila si datorita
faptului că de multe ori o companie desfăşoară
simultan mai multe campanii promoţionale, deci
efectul înregistrat este de fapt un rezultat insumat al
acestor acţiuni.
In practica curenta campaniile de publicitate online
sunt analizate printr-o serie de indicatori specifici:
- Click through rate (CTR): este definit ca fiind
raportul dintre numărul de clickuri pe site-ul
promovat rezultate în urma a o mie de afişări a unui
banner. CTR se utilizeaza ca indicator de măsurare
32
a eficienţei publicităţii online, inregistrand impactul
şi reacţia vizitatorilor la afişarea bannerului
publicitar.
- Cost per click (CPC): presupune calculul costurilor
privind afişarea unui mesaj publicitar, plecand de la
faptul ca se plăteşte numai în cazul în care
vizitatorul a dat click pe o anumită formă de
publicitate, fie că este vorba de un banner, un link
etc. - Cost per mia de afişări (CPM): se utilizeaza
pentru calculul costului asociat difuzării unui
banner publicitar. Compania plăteşte la fiecare o
mie de afişări. - Cost per acţiune (CPA): reprezintă
o modalitatea de calcul a costurilor privind afişarea
reclamelor online, prin care se plăteşte numai în
situatia in care uitlizatorul oa efectuat o anumită
acţiune, de exemplu a cumparat un produs..
- Timp mediu per vizită – este definit ca fiind
raportul dintre timpul total exprimat în secunde al
tuturor vizitelor cu două sau mai multe afişări de
pagini şi numărul total al acesor vizite.
- Timpul mediu per vizitator unic – se defineste ca
raportul dintre timpul total exprimat în secunde al
tuturor vizitelor unice cu două sau mai multe afişări
de pagini şi numărul total de vizitatori unici care au
realizat asemenea vizite.
02:00
Masurarea eficienţei activităţi de promovare a
comertului electronic furnizeaza informatii cu
privire la:
- Care sunt cel mai des vizitate pagini ale unui site; de promovare a comertului electronic incepe cu
- Ce anume caută clientul pe site; planificarea activităţilor, apoi urmeaza elaborarea
- Care este numarul de vizite a site-ului într-o programului de promovare a comertului electronic,
anumită perioadă de timp; - Cum reuseste site-ul să conceperea mesajelor si stabilirea canalelor de
capteze atenţia cititorului; comunicatie, estimarea bugetului campaniei si in
- Cât de rapid vizitatorul este indemnat sa efectueze final se realizeaza o evaluare a eficientei campaniei.
o acţiune (de exemplu sa cumpere un produs);
- Care este numarul vizitatorilor unici;
- Cum se coreleaza numarul de vizitari a site-ului cu
volumul vanzarilor sau al incasarilor. 4.8. Test de autoevaluare a cunoștințelor
- Care este parerea vizitatorilor despre utilitatea site- (timp necesar : 10 minute)
ului.
- Site-ul utilizeaza tehnologii pentru monitorizarea 1. Cost per acţiune reprezinta:
şi colectarea datelor despre fiecare vizitator a. Un protocol de asigurare a securitatii in Internet
individual al site-ului? b. O metoda de calcul a costului de afisare a unui
Cost per click reprezinta: mesaj publicitar
……………………………………………………………………………………… c. O metoda de calcul a costului unei campanii de
…... promovare a comertului electronic d. O metoda de
……………………………………………………………………………………… calcul a costului unui site web
…...
……………………………………………………………………………………… 2. Obiectivele unei campanii de promovare a
…... comertului electronic sunt: a. cresterea costurilor de
productie
b. scaderea costului de productie
c. atragerea de vizitatori pe site si fidelizarea
4.7 Rezumat clientilor
d. reducerea cheltuielilor cu personalul
Orice campanie de promovare a comertului
electronic pleaca de la două obiective principale: Răspunsurile corecte la întrebările din testul de tip
atragerea de vizitatori pe site-ul companiei, grilă:
respectiv fidelizarea clienţilor existenti. Campania 1. b 2. c

33

4.9 Test de evaluare a cunoștințelor

1. Ce este un plan de promovare a comertului electronic si care sunt elementele

sale? 2. Care sunt obiectivele strategiei de promovare a comertului electronic?

4.10. Bibliografie
I. Bibliografie obligatorie
1. Orzan Gheorghe, Sisteme informatice de marketing, Editura Uranus, Bucureşti, 2001. 2.
Orzan Gheorghe, Orzan Mihai, Cybermarketing, Editura Uranus, 2007. 3. Grosseck
Gabriela, Marketing şi comunicare pe Internet, Editura Lumen, Iaşi, 2006
 34
UNITATEA DE ÎNVĂŢARE 5. ELEMENTE ALE LIMBAJULUI HTML
Cuprins
6.1. Obiective
6.2. Competenţele unităţii de învăţare
6.3. Introducere în limbajul HTML
6.4. Formatarea documentelor HTML
6.5. Crearea listelor in HTML
6.6. Generarea legaturilor in documentele HTML
6.7. Introducerea imaginilor in HTML
6.8. Definirea tabelelor
6.9. Rezumat
6.10. Test de autoevaluare a cunoştinţelor
6.11. Test de evaluare a cunoştinţelor
6.12. Bibliografie

5.1. Obiective
În această unitate de învățare se va prezenta structura generala a unei pagini Web,
elementele de baza ale limbajului HTML, instructiunile pentru formatarea
documentelor, crearea listelor si a legaturilor in HTML, introducerea imaginilor si
definirea tabelelor, precum si exemple de pagini Web ce utilizeaza aceste operatii.

5.2. Competenţele unităţii de învăţare

După parcurgerea unităţii veţi fi în măsură să răspundeţi la întrebările:
∙ Care este limbajul specializat pentru crearea paginilor Web;

∙ Care este structura unei pagini WEB ;

∙ Care sunt principalele instructiuni ale limbajului HTML.

Durata de parcurgere a acestei unităţi de învăţare este de 3 ore.

5.3. Introducere în limbajul HTML

Limbajul HTML este o implementare a standardului SGML (Standard

00:00 utilizării caracterelor italice.

Generalized Markup Language) specializat pentru Comenzile utilizate de limbajul HTML mai poartă
crearea paginilor Web. Limbajul HTML descrie denumirea de tag-uri (etichete) şi de regulă ele apar
cum trebuie să fie formatate paginile Web şi conţine în perechi sub forma:
comenzi explicite care indică browserului cum
trebuie afişat un text. <TAG> text ................................................</TAG>
Spre exemplu, comanda <I> indică browserului că
textul care urmează trebuie scris cu caractere Anumite tag-uri posedă şi atribute care pot lua
italice, iar comanda </I> marchează sfârşitul valori, iar în această situaţie
35
sintaxa este de forma:

<TAG atribut1 = “valoare1” atribut2=”valoare2”>

Documentele HTML se pot construi cu orice editor de texte, dar există şi

programe specializate care uşurează munca celor care scriu aceste documente. O
pagină Web conţine un antet şi corpul paginii, acestea fiind cuprinse între marcajele
<HTML> şi </HTML>. Antetul unei paginii se încadrează între marcajele <HEAD>
şi </HEAD>. În interiorul antetului se poate introduce printre alte elemente şi titlul
paginii între marcajele <TITLE> şi </TITLE>. Corpul paginii este marcat de
comenzile <BODY> care desemnează începutul şi </BODY> care indică sfârşitul
paginii.
Structura generală a unui document HTML este de forma:
<HTML>
<HEAD>
<TITLE> Titlul documentului </TITLE>
</HEAD>
<BODY>
.
.
.
</BODY>
</HTML>

Marcajul <BODY> poate fi însoţit de mai multe atribute care sunt prezentate în
tabelul 5.1.

Atribut Descriere
ALINK
stabileşte culoarea unei legături active
BACKGROUND
indică un URL pentru o imagine care va fi folosită drept fundal
pentru pagină.
BGCOLOR
defineşte culoarea de fundal a paginii
LEFTMARGIN
setează marginea din stânga paginii (în pixeli)
LINK
defineşte culoarea unei legături care nu a fost vizitată încă TEXT
defineşte culoarea textului care apare în pagină
TOPMARGIN
setează marginea de sus a paginii (în pixeli)
VLINK
defineşte culoarea unei legături care a fost vizitată

Tabelul 5.1 Atributele comenzii <BODY>

Observatie Aceste atribute nu sunt suportate in standardul HTML5. In locul lor se

utilizeaza limbajul CSS (vezi Unitatea de invatare nr.6 )

Culorile se exprimă sub forma “#rrggbb” unde rr reprezintă componenta de

roşu a culorii, gg cea de verde şi bb cea de albastru. Celei trei componente se
exprimă sub forma unor numere hexazecimale.
În tabelul 5.2 sunt prezentate 16 culori standard foarte des utilizate.
 36

Tabelul 5.2 Definiţia unor culori utilizate în paginile

Web

00:15 Pentru cele 16 culori din tabelul 5.2 se poate utiliza

atât valoarea hexazecimală cât şi numele culorii; de
Culoare Valoare exemplu BGCOLOR=white sau
Black #000000 BGCOLOR=#FFFFFF sunt echivalente.
Maroon #800000
Green #008000
Care sunt marcajele care indică începutul şi finalul
unui document HTML?
Olive #808000
………………………………………………………
Navy #000080 ……………………………….
Purple #800080 ………………………………………………………
Teal #008080 ……………………………….
Gray #808080 ………………………………………………………
Silver #C0C0C0 ……………………………….
Red #FF0000
Lime #00FF00
Yellow #FFFF00 5.4. Formatarea documentelor HTML
Blue #0000FF
Fuchsia #FF00FF
Cele mai importante tag-uri HTML utilizate pentru
formatarea textului dintr-o pagină Web sunt:
Aqua #00FFFF
White #FFFFFF
<B>...</B> - textul scris între aceste marcaje
apare cu litere de tip bold <I>...</I> - textul

scris între aceste marcaje apare cu litere italice

<EM>...</EM> - scoate în evidenţă textul

<STRONG>...</STRONG> - text scos puternic

în evidenţă

<ADDRESS>...</ADDRESS> - specifică un text

ca o adresă poştală

<Hi>...</Hi> - cu i = 1...6 stabileşte

dimensiunea caracterelor, H1 fiind cea mai mare
dimensiune şi se utilizează la titluri
 37
<P>...</P> - marchează un paragraf care începe cu o linie nouă şi separă paragraful curent de
celelalte printr-o linie liberă

<BR> - este o comandă care nu apare în pereche; marchează trecerea la o linie nouă

<HR [size=n] [width=m] [align=center|right|left]> - trasează o linie orizontală.

Această comandă are mai multe atribute care sunt opţionale, lucru semnalat prin încadrarea atributelor
respective între [ ]. Atributul size defineşte grosimea liniei, width defineşte lungimea (de exemplu
width=50% înseamnă o linie care ocupă jumătate din lăţimea paginii) iar align stabileşte modul de
aliniere: pe centrul paginii, la dreapta sau la stânga.

Pagina Web prezentată mai jos utilizează câteva din aceste comenzi :
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Prima pagina</TITLE>
</HEAD>
<BODY>
<H1>Acesta este un heading H1</H1>
<HR>
<H2>Acesta este un heading H2</H2>
<I>Acesta este un text in italic</I>
<P>Primul nostru paragraf!</P>
<BR>
<P>Inca un paragraf dragut!</P>
</BODY>
</HTML>

Modul de afişare a acestei pagini in browser poate fi urmărit în figura de mai jos:

38
<tag> de deschidere si unul de inchidere </tag>.
Atributul - este folosit pentru a modifica valoarea
unei comenzi in HTML. De obicei o comanda are
01:15 mai multe atribute care sunt opţionale.

Sa ne reamintim... 5.5 Crearea listelor în HTML

Tag-ul - este folosit pentru a specifica regiuni ale
documentului HTML, pe care le va interpreta Limbajul HTML permite mai multor tipuri definirea
ulterior browser-ul. Tag-urile sunt de forma: <tag> de liste:
O comandă HTML- este un tag complet, avand un
a) liste ordonate: <OL>
<LI>Capitolul 1</LI>
<OL> <LI>Capitolul 2</LI>
<LI> element din lista</LI> <LI>Capitolul 3</LI>
<LI> element din lista</LI> </OL>
<LI> element din lista</LI>
<LI> element din lista</LI> Exemplu:
</OL>
<!DOCTYPE HTML>
<HTML>
Atributul „type” se foloseste la listele ordonate <HEAD>
pentru a defini stilul de marcaj: <TITLE>Exemplu de lista ordonata</TITLE>
TYPE - defineşte modul de numerotare al </HEAD>
elementelor din listă <BODY>
<OL>
TYPE = 1 - elementele listei sunt numerotate <LI>Tastatrua</LI>
folosind cifre arabe (valoare implicită) <LI>Mouse</LI>
TYPE = i - elementele listei sunt numerotate <LI>Imprimanta</LI>
folosind cifre romane TYPE = A - elementele listei <LI>Monitor</LI>
sunt numerotate folosind litere mari TYPE = a - <LI>Controller</LI>
</OL>
elementele listei sunt numerotate folosind litere mici </BODY>
</HTML>
Exemplu:

39
Listele pot conţine ca elemente ale enumerării alte liste cum se poate
observa în exemplul care urmează:

<!DOCTYPE HTML>
<HTML>
<TITLE>Exemplu de liste imbricate</TITLE>
</HEAD>
<BODY>
<OL>
<LI>Cafea</LI>
<LI>Ceai
<OL>
<LI>Ceai negru</LI>
<LI>Ceai verde</LI>
</OL>
</LI>
<LI>Lapte</LI>
</OL>
</BODY>
</HTML>

c) liste neordonate:

<UL>
<LI> element din lista</LI>
<LI> element din lista</LI>
<LI> element din lista</LI>
</UL>

Atributul „style” se foloseste la listele ordonate pentru a defini stilul de marcaj:

list-style-type:disc Marcaj disc (default)

 list-style-type:circle Marcaj cerc

list-style-type:square Marcaj patrat

list-style-type:none Fara marcaj

40

01:45 realizarea legăturii către acel element. Elementul de

5.6 Generarea legăturilor în documentele legătură (ancora) se creează astfel:
HTML <A NAME =”nume_legătură”>
Paragraf ........ </A>
O pagină Web conţine de regulă, legături către alte
pagini. Printr-un simplu clic al mouse-ului pe un Legătura către o ancoră se realizează specificând
cuvânt sau imagine de legătură, browserul aduce şi numele fişierului care conţine ancora şi numele
afişează automat pagina către care punctează ancorei (“nume_legătură” din exemplul de mai sus)
legătura. Legăturile se realizează cu eticheta: separate prin caracterul #:
<A> text de legătură </A> <A HREF =
Eticheta <A> (A provine de la Anchor - ancoră) are “nume_fişier#nume_legătură>
mai multe atribute dintre care cel mai important
este HREF cu ajutorul cărui se indică locaţia paginii Paragraf ţintă</A> Mai jos este prezentat
ţintă:
un exemplu de utilizare a legăturilor interne.
<A HREF = ”adresa_pagină”> text de
<HTML>
legătură </A> Legăturile între paginile Web <HEAD>
<TITLE>Exemplu de utilizare a legaturilor
interne</TITLE> </HEAD>
pot fi de mai multe feluri: <BODY>
<OL>
a) Legătură internă. <LH><EM>Limbaje de programare</EM><BR>
<LI><A HREF = “#A”>HTML</A>
Aceasta punctează către un element din cadrul <LI><A HREF = “#B”>JavaScript</A>
aceleiaşi pagini sau către un element al altei pagini. <LI><A HREF = “#C”>PHP</A>
Realizarea unei legături interne presupune crearea <LI><A HREF = “#D”>Visual Basic</A>
unui element de legătură în interiorul paginii şi apoi </OL>
<A NAME = “A”>HTML</A><BR>
Limbajul HTML este un limbaj pentru crearea <A NAME = “B”>PHP</A><BR>
paginilor Web. <BR> Limbajul PHP ajuta la crearea paginilor Web
<A NAME = “B”>JavaScript</A><BR> dinamice si interactive.
Limbajul JavaScript ajuta la crearea
paginilor Web dinamice. <BR>
<A NAME = “B”>VisualBasic</A><BR>
<BR>
41

02:00 c) Legătura externă.

Limbajul VisualBasic este un limbaj pentru
crearea bazelor de date. O astfel de legătură punctează către un fişier care se
</BODY> poate afla oriunde în Internet. Numele fişierului
</HTML> ţintă se specifică folosind URL-ul lui.

b) Legătura locală. Exemplu:

Se realizează în felul următor: <A HREF =

“http://www.yahoo.com”>Yahoo! </A>
<A HREF = “nume_fişier_local”> text
de legătură</A>
5.7 Introducerea imaginilor în HTML
unde “nume_fişier_local” se poate specifica
folosind calea relativă, caz în care serverul va căuta În paginile Web se pot include şi imagini.
pagina începând din directorul unde se află pagina Browserele Web afişează imaginile salvate în
din care a fost apelată legătura sau calea absolută. fişiere GIF, JPEG sau PNG. Imaginile se includ cu
ajutorul etichetei IMG:
<IMG SRC = “nume_fişier_imagine” valoare numerică şi specifică înălţimea imaginii (în
ALIGN = a HSPACE = N VSPACE = M pixeli) BORDER - primeşte o valoare numerică şi
WIDTH = W HEIGHT = H BORDER = B> specifică lăţimea chenarului imaginii HSPACE -
primeşte o valoare numerică şi defineşte spaţiul
Atributele acestei etichete au următoarea lăsat liber pe orizontală în jurul imaginii;
semnificaţie: VSPACE - primeşte o valoare numerică şi defineşte
spaţiul lăsat liber pe verticală în jurul imaginii;
SRC - specifică URL-ul imaginii care se va
introduce în pagină; Exemplu:
ALIGN - poate lua una din valorile TOP, MIDDLE,
BOTTOM, LEFT sau RIGHT şi specifică modul de <HTML>
<HEAD>
aliniere a imaginii; <TITLE>Utilizarea etichetei IMG </TITLE>
WIDTH - primeşte o valoare numerică şi specifică </HEAD>
lăţimea imaginii (în pixeli) HEIGHT - primeşte o

42

02:20 Imaginile pot fi utilizate şi ca ancore pentru a realiza

<BODY>
<P> legături între pagini: <A
<IMG SRC="logo.gif" ALIGN=TOP>
Acest text e aliniat la marginea de sus a HREF="http://www.google.com"><IMGSRC="image.
imaginii.
</P> gif"></A>
<P>
<IMG SRC="image1.gif" ALIGN=MIDDLE>
Acest text e aliniat la mijlocul imaginii.
</P> 5.8 Definirea tabelelor
<P>
<IMG SRC="image2.gif" ALIGN=BOTTOM> Paginile Web pot conţine şi tabele. Un tabel este
Acest text e aliniat la marginea de jos a format din una sau mai multe linii, fiiecare linie
imaginii.
</P>
având una sau mai multe celule. În interiorul
</BODY> celulelor pot fi introduse orice fel de informaţii:
</HTML> text, figuri, legături la alte paginii, liste şi chiar
tabele. Eticheta care marcheaza un tabel este :
<TABLE BORDER = N CELLSPACING = M, Fiecare linie a tabelului este descrisă cu ajutorul
CELLPADDING = P WIDTH = S%> etichetei:

..... liniile tabelului <TR VALIGN = TOP|BOTTOM|MIDDLE

ALIGN = LEFT|RIGHT|CENTER>
</TABLE> ....</TR>

Atributele etichetei TABLE au următoarea Atributul VALIGN defineşte alinierea pe verticală

semnificaţie: iar ALIGN defineşte alinierea pe orizontală.
- BORDER - defineşte grosimea chenarului Fiecare celulă a tabelului este descrisă astfel:
tabelului şise exprima în număr de pixeli;
- CELLSPACING - defineşte spaţiul liber între <TD VALIGN = TOP|BOTTOM|MIDDLE
celule; ALIGN = LEFT|RIGHT|CENTER COLSPAN
- CELLPADDING - defineşte spaţiul liber în jurul = N ROWSPAN = M> ....</TR>
textului unei celule; - WIDTH - defineşte lăţimea
tabelului în procente Toate celulele de pe un rând moştenesc valorile
atributelor VALIGN şi
43
ALIGN care au fost stabilite pentru linia din care fac parte celulele cu excepţia
situaţiei când acest atribute sunt redefinite în eticheta <TD>. COLSPAN specifică
lăţimea celulei ca fiind numărul de coloane peste care se întinde această celulă.
ROWSPAN defineşte înalţimea celulei exprimată în numărul de linii peste care se
întinde celula.
Tabelele pot avea şi un antet specificat cu ajutorul etichetei <TH> ... </TH>
care are aceleaşi atribute ca şi <TD>. Titlul unui tabel se descrie prin eticheta:

<CAPTION ALIGN=TOP|BOTTOM> .... </CAPTION>

În continuare este prezentat un exemplu de tabel, iar în figura 5.2 se poate

urmări modul cum este afişat acest tabel de browserul Internet Exporer.
<table border=1 cellspacing=1 cellpadding=0>
<Caption ALIGN=CENTER>Exemplu de
tabele</caption>

<tr>
<th width=222 rowspan=2 valign=middle
align=center>HARDWARE</th>
<th width=331 colspan=5 ALIGN=CENTER>Limbaje de
programare</th>
</tr>

<tr>
<td width=66 valign=top>c++</td>
<td width=66 valign=top>c</td>
<td width=66 valign=top>php</td>
<td width=66 valign=top>visual basic</td>
<td width=66 valign=top>java</td>
</tr>

<tr>
<td width=222 valign=top>Monitor</td>
<td width=66 valign=top>*</td>
<td width=66 valign=top>*</td>
 <td width=66 valign=top>-</td>
<td width=66 valign=top>-</td>
<td width=66 valign=top>*</td>
</tr>

<tr>
<td width=222 valign=top>Tastatura</td>
<td width=66 valign=top>*</td>
<td width=66 valign=top>*</td>
<td width=66 valign=top>-</td>
<td width=66 valign=top>*</td>
<td width=66 valign=top>*</td>
</tr>

<tr>
<td width=222 valign=top>Mouse</td>
<td width=66 valign=top>-</td>
<td width=66 valign=top>*</td>
44
<td width=66 valign=top>-</td>
<td width=66 valign=top>*</td>
<td width=66 valign=top>*</td>
</tr>

<tr>
<td width=222 valign=top>Imprimanta</td>
<td width=66 valign=top>-</td> <td
width=66 valign=top>-</td> <td width=66
valign=top>-</td> <td width=66
valign=top>*</td> <td width=66
valign=top>*</td> </tr>

<tr>
<td width=222 valign=top>Scaner</td>
<td width=66 valign=top>-</td> <td
width=66 valign=top>-</td> <td
width=66 valign=top>-</td> <td
width=66 valign=top>*</td> <td
width=66 valign=top>*</td> </tr>

<tr>
<td width=222 valign=top>Controller</td>
<td width=66 valign=top>-</td> <td
width=66 valign=top>-</td> <td width=66
valign=top>-</td> <td width=66
valign=top>*</td> <td width=66
valign=top>*</td> </tr>

<tr>
<td width=222 valign=top>Webcam</td>
<td width=66 valign=top>-</td> <td
width=66 valign=top>-</td> <td
width=66 valign=top>*</td> <td
width=66 valign=top>*</td> <td
width=66 valign=top>*</td> </tr>
 <tr>
<td width=222 valign=top>Joystick</td>
<td width=66 valign=top>-</td> <td
width=66 valign=top>-</td> <td width=66
valign=top>-</td> <td width=66
valign=top>-</td> <td width=66
valign=top>*</td> </tr>
</table>

45

02:50
 Figura: Tabelul

afisat cu un browser modern

Sa ne reamintim...
Pentru a forma tabele asimetrice se foloseste atributul "rowspan" pentru a traversa
mai multe linii si "colspan" pentru a traversa mai multe coloane. Deasemenea
pentru antetul tabelului, se foloseste tagul <th>.

Atributele etichetei TABLE au următoarea semnificaţie:

…………………………………………………………………………....................
...
………………………………………………………………………………………
…
………………………………………………………………………………………
…

5.9. Rezumat

∙ Limbajul HTML este o implementare a standardului SGML (Standard Generalized Markup Language)
specializat pentru crearea paginilor Web. Limbajul HTML descrie cum trebuie să fie formatate paginile
Web şi conţine comenzi explicite care indică browserului cum trebuie afişat un text.
∙ Un document HTML incepe si se termina cu tag-ul <html> si respectiv </html>. Aceasta reprezinta
structura standard a unui HTML.
∙ Tag-ul body incapsuleaza tot continutul unei pagini Web.
∙ Sistemul de culori hexazecimal este sistemul standard pentru toate browser ele web.
∙ Tag-ul <hr> se utilizeaza pentru a crea o linie orizontala.
∙ Atributul href numeste legatura catre o alta pagina web. De fapt, este locul unde va fi dus user-ul daca
va executa un click pe linkul respectiv. ∙ Linkurile (legaturile) pot fi de trei tipuri: interne, locale si

externe. ∙ Limbajul HTML permite definirea mai multor tipuri de liste : liste de definitii, liste ordonate si
neordonate.

5.10. Test de autoevaluare a cunoștințelor

(timp necesar : 20 minute)
1. Ce reprezinta sistemul de coduri de culori hexazecimale ?
2. Ce tag este utilizat pentru inserarea imaginilor?
3. Ce reprezinta “Src”?
46
4. Ce atribute sunt folosite pentru a stabili inaltimea si latimea unei imagini ?
5. Ce reprezinta atributul TYPE?
6. Ce semnificatie au atributele etichetei TABLE ?

Răspunsuri:
1. Sistemul de coduri de culori hexazecimale este o reprezentare de 6 caractere
de culoare. Primele doua caractere (RR) reprezinta culoarea rosu (Red),
urmatoarele doua (GG) culoarea verde (Green), iar ultimele doua (BB)
culoarea albastra (Blue).

2. Inserarea imaginilor se face cu ajutorul tag-ului <img/>.

3. "Src" este prescurtarea pentru "source" (sursa). Acest atribut se foloseste

pentru a indica locatia fotografiei.

4. Pentru a stabili inaltimea si latimea unei imagini sunt folosite atributele height
si width.

5. Atributul TYPE desemnează simbolul grafic care va apare în faţa fiecărui

element al listei.
TYPE = DISC - un disc
TYPE = CIRCLE - un cerc
TYPE = SQUARE - un pătrat

6. Atributele etichetei TABLE au următoarea semnificaţie:

- BORDER - defineşte grosimea chenarului tabelului şise exprima în
număr de pixeli;
- CELLSPACING - defineşte spaţiul liber între celule;
- CELLPADDING - defineşte spaţiul liber în jurul textului unei
celule; - WIDTH - defineşte lăţimea tabelului în procente .

5.11. Test de evaluare a cunoștințelor

Ce reprezinta atributul „alt” in cazul imaginilor unei pagini
Web? Cum se realizeaza tabelele asimetrice?
 47
5.12. Bibliografie
I. Bibliografie obligatorie
1. Bogdan Oancea, Adina Cretan, Stefan Ciucu – „Bazele tehnologiei informaţiei”,
Editura Universitatii Nicolae Titulescu, Bucureşti, 2013.
2. Bogdan Oancea - „Informatica”, Editura Universitatii Nicolae Titulescu,
Bucuresti, 2013.
 48
UNITATEA DE ÎNVĂŢARE 6. ELEMENTE ALE LIMBAJULUI CSS
Cuprins
6.1. Obiective
6.2. Competenţele unităţii de învăţare
6.3. Prezentare generala a limbajului CSS
6.4. Elementele id si class
6.5. Definirea fonturilor
6.6. Alinierea in cadrul unei pagini WEB
6.7. Elemente de fundal
6.8. Stiluri de liste
6.9. Incadrarea elementelor in pagina
6.10. Rezumat
6.11. Test de evaluare a cunoştinţelor
6.12. Bibliografie

6.1. Obiective
În această unitate de învățare se vor prezenta urmatoarele:
• Ce este limbajul CSS;
• Cum pot fi folosite instructiunile limbajului CSS pentru formatarea unei pagini
WEB.

6.2. Competenţele unităţii de învăţare

După parcurgerea unităţii veţi fi în măsură să răspundeţi la întrebările:
• Cum se utilizeaza in cadrul paginilor WEB scrise in HTML;
• Cum se formateaza elementele unei pagini WEB folosind CSS.

Durata de parcurgere a acestei unităţi de învăţare este de 3 ore.

6.3. Prezentare generala a limbajului CSS

CSS (Cascading Style Sheets) reprezintă un set de etichete care sunt utilizate

00:00 instructiuni (etichete) de formatare in fiecare pagina,

pentru formatarea paginilor WEB incluzand aici
formatarea fundalului paginilor WEB, a textului, a
modalitatii de aranjare a diferitelor elemente in
cadrul paginii. Limbajul CSS prezinta o serie de
avantaje precum:
• elementele de formatare a unei pagini WEB sunt
introduse o singura data in cadrul paginii si pot fi
folosite apoi in mai multe locuri din pagina;
• se pot defini fisiere cu instructiuni de formatare,
fisiere ce primesc extensia .css si care sunt
importate apoi in toate paginile WEB care compun
un site. In felul acesta se evita repetarea acelorasi
diminuand si riscul aparitiei unor inconsistente intre
paginile WEB ale site-ului;
• introducerea intr-un singur loc a elementelor
referitoare la formatarea paginii conduce la
micsorarea codului paginii respective si implicit
pagina se va incarca mai repede in fereastra
browserului;
• daca etichetele referitoare la formatarea paginii
sunt salvate intr-un fisier .css, continutul
informational al paginii WEB este plasat mai
aproape de inceputul paginii ceeac ce contribuie la
accesul mai rapid din partea motoarelor de cautare
la pagina respectiva.

49
 Instructiunile limbajului CSS sunt structurate la trei niveluri:

1. Instructiuni de tip inline: se pot introduce direct ca proprietati ale tag-urilor HTML;

Instructiunile CSS inline sunt foarte des utilizate, deoarece acestea au

prioritatea cea mai mare, suprascriind astfel orice alte instructiuni CSS (incorporate
sau din fisiere externe). Ele sunt inserate ca atribute ale tag-urilor HTML din zona
BODY a paginii WEB. Un exemplu de utilizare in acest mod a CSS este:

<p style="... cod CSS....">

...textul paragrafului......
</p>
In acest exemplu se aplica anumite instructiuni de formatare asupra textului
unui paragraf prin intermediul atributului style al tag-ului <p>. La fel ca si in limbajul
HTML si CSS permite utilizarea de comentarii folosind o sintaxa asemanatoare: /*
Comentariu CSS */

2. Instructiuni introduse direct in blocul HEAD al paginii WEB. Acestea se mai

numesc si instructiuni incorporate. Mai jos este prezentat un exemplu de utilizare a
instructiunilor CSS incorporate:

<head>
......
<style type="text/css">
<!--
... instructiuni CSS ...
-->
</style>
........
</head>

In acest exemplu eticheta style specifica locul de inceput si de final al blocului

CSS iar atributul type este utilizat pentru ca versiunile mai vechi de browsere, care nu
recunosc limbajul CSS sa nu interpreteze continutul blocului style.

3. Instructiuni salvate sub forma unor fisiere externe cu extensia .css. Importarea unui
fisier extern .css intr-o pagina WEB se realizeaza ca in exemplul urmator:

<link rel="stylesheet" type="text/css" href="nume_fisier.css">

Atributele etichetei link au urmatoarea semnificatie:

rel – indica faptul ca fisierul spre care va puncta legatura este tip
stylesheet; type – indica tipul fisierului: un fisier text ce contine instructiuni
CSS; href – indica numele fisierului .css, eventual cu calea de access;

Prioritatea cea mai mare a acestor moduri de plasare a instructiunilor CSS o au

instructiunile inline iar prioritatea cea mai mica cele din fisierele externe .css. De
exemplu, daca intr-un fisier extern .css este specificata culaoarea textului ca fiind rosu,
iar intr-un paragraf al paginii WEB, printr-o instructiune CSS inline, se specifica
aceasta culoare ca fiind albastru, atunci paragraful respectiv va fi afisat de browser cu
albastru iar pentru restul documentului textul va fi afisat cu rosu.

50
 pentru o zona dintr-o pagina WEB (paragraf, tabel
etc.) se poate folosi atat comanda id cat si comanda
class. Acestea atribuie un nume unui stil de
formatare, urmand ca programatorul sa foloseasca
numele dat stilului de formatare cu ajutorul
comenzilor id sau class acolo unde are nevoie in
cadrul paginii WEB.
Utilizarea comenzii id presupune existenta
intructiunilor CSS in zona HEAD a paginii WEB.
Stilul creat cu ajutorul id este specificat cu ajutorul
simbolului # urmat de un nume care nu trebuie sa
contina caracterul _. In continuare este prezentat un
00:20 exemplu de utilizare id:
Exemplu: utilizarea id

<html>

<head>
<title>Utilizare ID</title>
<style type="text/css">
<!-- #rosu{color: #F00000;}-->
</style>
</head>

<body>
<p id="rosu">Acest text va fi afisat cu culoarea
rosie cu ajutorul elementului CSS “id”.</p>
<p>Acest text va fi afisat cu culoarea implicita
(negru).</p>
<p id="rosu">Textul va fi afisat cu culoarea rosie cu
ajutorul elementului CSS “id”.</p>
</body>

</html>

Elementul class este similar cu id diferind doar

sintaxa de definire a numelui stilului. In acest caz
se va folosi caracterul “.” In loc de “#”.
Furnizati mai multe detalii despre CSS si versiunile
sale. Folosiţi drept principală sursă de informare Exemplu: utilizarea elementului class
Internetul.
....................................................................................
<html>
....................................................... ............................
.................................................................................... <head>
........................... ........................................................ <title>Utilizare CLASS</title>
................................................................................... <style type="text/css">
6.4 Elementele id si class <!-- .rosu{color: #FF0000;}-->
</style>
Daca dorim sa aplicam un anumit stil de formatare </head>

51
 fonturilor cu ajutorul CSS este asemanatoare cu
utilizarea etichetei font din limbajul HTML care
01:05 admite atributele type, style, size si weight.
Urmatoarele etichete CSS pot fi folosite pentru

definirea fonturilor: font-family

font-family specifica de fapt o lista de fonturi care

<body>
<body>
<p id="rosu">Acest text va fi afisat cu culoarea
rosie cu ajutorul elementului CSS “class”.</p>
<p>Acest text va fi afisat cu culoarea implicita
(negru).</p>
<p id="rosu">Textul va fi afisat cu culoarea rosie cu <style type="text/css">
ajutorul elementului CSS “class”.</p>
</body>
</body>
</html>
Să ne reamintim...
id si class sunt instructiuni care dau unui stil de
formatare CSS un nume. Ele se utilizeaza atunci
cand dorim sa aplicam un stil de formatare unei
zone din pagina WEB.
6.5 Definirea stilurilor fonturilor
Pentru definirea atributelor fontului asociat unui
element HTML se pot utiliza atat instructiuni CSS
inline cat si instructiuni incorporate in zona HEAD
a paginii. Aceste instructiuni pot specifica tipul
fontului, dimensiunea, stilul etc. Formatarea
vor fi folosite pentru un element al paginii WEB.
Browser-ul va incerca sa afiseze elementul
respectivu utilizand primul font din lista. Daca nu
este posibil va incerca cel de-al doilea font s.a.m.d.
Pentru fonturile al caror nume este compus din 2 sau
mai multe cuvinte (de exemplu Times New Roman)
se vor folosi ghilimelele pentru a incadra numele.
Font-family se poate utiliza atat in sectiunea HEAD
a paginii WEB cat si direct folosind instructiuni
inline. Exemplu: font-family introdus in sectiunea
HEAD si aplicat etichetei HTML p. <html>
<head>
<title>Utilizare font-family</title>
<!-- p{ font-family:"Times New Roman", Georgia,
Serif;}-->
</style>
</head>
<body>
<p>Acest text este afisat cu fontul Times New
Roman</p>
</body>
</html>
In acest caz, toate elementele <p> (paragrafe) din
pagina vor fi afisate cu fontul Times New Roman.
Daca acest font nu este disponibil pe calculator,
atunci browserul va incerca afisarea cu fontul
Georgia. Daca nici acesta nu este disponibil se va
incerca fontul Serif. Daca dorim ca aplicam diferite
stiluri (fonturi) pe diferite paragrafe atunci putem
folosi font-family in combinatie cu class.

52
Exemplu: font-family utilizat in combinatie cu class
<html>
<head>
<style type="text/css">
p.times{font-family:"Times New Roman", sans-serif;}
p.arial{font-family:Arial, Helvetica, sans-serif;}
</style>
</head>

<body>
<p class="times">Acest paragraf este afisat cu fontul Times New Roman.</p>
<p class="arial">Acest paragraf este afisat cu fontul Arial.</p>
</body>

</html>

Exemplu: font-family in eticheta p a limabjului HTML

<html>
<head>
<title> Exemplu de utilizare a fonturilor </title>
</head>
<body>
<p style="font-family: font1,font2,arial;">Acest text este scris cu cu fontul
Arial</p> Text negru
<p style="font-family: font1,font2, Helvetica;">Acest text scris cu cu fontul Helvetica
</p>
</body>
</html>
font-size
Este parametrul prin care stabilim dimesiunea literelor, exprimat in pixeli (px), puncte
(pt), dimeniuni predefinte sau procente.

Exemplu: font-size introdus in sectiunea HEAD, aplicat comenzii p, cu dimensiunea

literelor exprimata in pixeli

<html>
<head>
<title>Exemplu de setare a dimensiuni literelor</title>
<style type="text/css">
<!-- p{font-size: 12px;}-->
</style>
</head>
<body>
<p>Text scris cu font de 12pixeli</p>
Text…
</body>
</html>
Dimensiunea predefinita foloseste cuvinte rezervate in loc de cifre. Acestea sunt:

53
 similar etichetei align din limbajul HTML.

Exemplu:

<html>
<head>
<title>Exemplu de utilizare</title>
<style type="text/css">
<!--
01:40 p{text-align: center;}
-->
</style>
Dimensiune Numar FONT size din HTML </head>
xx-small 1 <body>
x-small 2 <div class="centru"><img
small 3 src="imagine.jpg"></div>
medium 4 Text1….
large 5
x-large 6 <div class="centru">Text2 …..</div>
xx-large 7 </body>
</html>
Dimensiunea literelor poate fi stabilita si procentual. vertical-align este folosit pentru alinierea pe
verticala si poate lua valorile: top, middle si bottom.
Studiati exemplele de mai sus. Utilizand un editor
de texte realizati paginile prezentate si incarcati-le <style type="text/css">
cu un browser.
<!--
.sus{vertical-align: top;}
-->
</style>
6.6 Alinierea in cadrul unei pagini WEB
float este folosit pentru alinierea textului cu
text-align pozitioneaza pe orizontala obiecte (texte imaginile si poate avea valorile: left si
sau imagini) si poate lua valorile left, right si center

54
right.
Exemplu:

<html>
<head>
<title>Exemplu de aliniere text si imagini</title>
<style type="text/css">
<!--
.auto{float: left;}
-->
</style>
</head>
<body>
<img src="figura.jpg" class="abc">
Textul se aliniaza la dreapta, iar imaginea la stanga.
</body>
</html>
Indentare
text-indent este folosit pentru alinierea textului in interior avand valori exprimate in
inch (in), centimetri (cm) sau pixeli (px).

<style type="text/css">
<!--
p{text-indent: 10px;}
-->
</style>

Culoare
color defineste culoarea textului dintr-o zona sau intrega pagina
Exemplu: utilizarea etichetei color

<html>
<head>
<title>Exemplu utilizare culoare </title>
<style type="text/css">
<!--
p{color: #FF0000;}
-->
</style>
</head>
<body>
Text afisat cu culoarea implicita<p>Text afisat cu rosu</p>
</body>
</html>
Stiluri pentru legaturi
In limbajul HTML culoarea legaturilor poate fi stabilita prin atributele LINK, ALINK
si LINK declarate in interiorul etichetei BODY. Acelasi lucru poate fi realizat
folosind sintaxa CSS.

55
Exemplu:

<html>
<head>
<title>Exemplu de setare a situlurilor legaturilor </title>
<style type="text/css">
<!--
a{font-family: arial; font-size: 12px;}
a:link {color: #FF0000;}
a:visited {color: #00FF00;}
a:active {color: #0000FF;}
a:hover {color: #000000;}
-->
</style>
</head>
<body>
Text afisat normal
<a href="exemplul1.html">link</a> catre exemplul 2
</body>
</html>
a defineste stilul general pentru legatura
a:link defineste stilul legaturii nevizitate
a:visited defineste stilul legaturii vizitate
a:active defineste stilul legaturii active
a:hover defineste stilul cand mouse-ul este deasupra legaturii

6.7 Elemente de fundal

background-color defineste culoarea de fundal

Exemplu: definim un stil pentru BODY si un altul pentru eticheta p

<html>
<head>
<title>Exemplu de setare culoare de fundal </title>
<style type="text/css">
<!--
body {background-color: #FF0000;}
p {background-color: #0000FF;}
-->
</style>
</head>
<body>
Text afisat normal
<p>Text cu background albastru</p>
</body>
</html>
background-image asociaza o imagine ca fundal pentru obiect.
Exemplu:

<html>
<head>
56
<title>Exemplu de setare a imaginii de fundal </title>
<style type="text/css">
<!--
p {background-image: url(fundal.jpg);}
-->
</style>
</head>
<body>
Text1……
<p>Text cu imagine de fundal</p>
</body>
</html>

6.8 Stiluri de liste

Cu ajutorul etichetei ol din limbajul HTML se pot crea liste numerotate. Cu ajutorul
comenzilor CSS, in zona HEAD putem adauga pe langa numere si alte simboluri.

Sintaxa este:
<style type="text/css">
<!--
li {list-style-type: valoare;}
-->
</style>

valoarea poate fi:

valoare disc

disc disc

circle cerc

square patrat

decimal numere intregi

lower-roman numere romane, caractere mici (i, ii, iii,

iv)

upper-roman numere romane, caractere mari (I, II, III,

IV)

upper-alpha litere mari (A, B, C, D)

lower-alpha litere mici (a, b, c, d)

none nimic

Exemplu: lista ordonata folosind litere mici

<html>
<head>
<title>Exemplu de lista ordonata </title>
<style type="text/css">
<!--
li {list-style-type: lower-alpha;}
-->
</style>
</head>
<body>
Culori fundamentale:
57
<ol>
<li>rosu</li>
<li>verde</li>
<li>albastru</li>
</ol>
</body>
</html>

6.9 Incadrarea elementelor in pagina

 Fiecare element al unei pagini este incadrat intr-o caseta dreptunghiulara
compusa din urmatoarele elemente:

marginea (margin) este spatiul exterior chenarului;

chenarul (border) este o bordura care inconjoara elementul;
completarea (padding) stabileste distanta dintre continut si bordura;
continutul include informatia utila (text, tabele, imagini, formulare,
etc.) ;

width si height

Latimea si inaltimea unui element sunt stabilite in HTML prin atributele width si
height. Aceste atribute pot fi modificate prin comenzi CSS.
Exemplu: folosind comenzi CSS modificam dimensiunile originale ale unei imagini.

<html>
<head>
<title>Exemplu modificare dimensune imagine</title>
<style type="text/css">
<!--
img {width: 150px; height: 250px;}
-->
</style>
</head>
<body>
<img src="margin.gif">
</body>
</html>

padding si margin

58
 01:50 introdusa intr-un singur loc pentru tot documentul
ceea ce conduce la o reducere a codului paginii si la
incarcarea mai rapida a acesteia.
Sintaxa CSS este structurata pe trei nivele:
- nivelul 1 fiind proprietatile etichetelor din
documentul HTML;
- nivelul 2 este informatia introdusa in blocul HEAD
al paginii;
- nivelul 3 este reprezentat de comenzile aflate in
padding stabileste distanta dintre obiect si
pagini separate;
bordura(chenar) pentru toate laturile. Distantele pot
fi stabilite si separate folosind padding-top,
padding-bottom, padding-left sau padding-right.
6.11. Test de evaluare a cunoștințelor
margin stabileste distanta dintre chenar si celelalte (timp necesar : 30 minute)
obiecte din pagina pentru toate laturile. Distantele
pot fi stabilite si separat folosind margin-top, Realizati o pagina WEB in care sa utilizati
margin-bottom, margin-left sau margin-right. elementele limbajului CSS prezentate in aceasta
unitate de invatare.
Valorile pentru padding si margin pot fi exprimate
in: px (pixeli), in (inch), pt (puncte) sau cm
(centimetri).
6.12. Bibliografie
I. Bibliografie obligatorie
6.10 Rezumat 1. Teodoru Gugoiu, HTML, XHTML, CSS si XML
prin exemple - ghid practic, Editura Teora,
CSS, prescurtarea de la Cascading Style Sheets, sunt Bucuresti.
etichete folosite pentru formatarea paginilor WEB 2. www.etutoriale.ro
care prezinta o serie de beneficii: formatarea este

59
UNITATEA DE ÎNVĂŢARE 7. ELEMENTE ALE LIMBAJULUI
JAVASCRIPT

Cuprins
7.1. Obiective
7.2. Competenţele unităţii de învăţare
7.3. Prezentare Javascript
7.4. Comentarii in fisiere si alerte Javascript
7.5. Structura alternativa in Javascript
7.6. Functii Javascript
7.7. Test de evaluare a cunoştinţelor
7.8. Tema de control
7.9. Bibliografie

7.1. Obiective
În această unitate de învățare se va prezenta o scurta introducere in limbajul
Javascript.

7.2. Competenţele unităţii de învăţare

După parcurgerea unităţii veţi fi în măsură să folositi limbajul Javascript in paginile
WEB.

Durata de parcurgere a acestei unităţi de învăţare este de 3 ore.

7.3. Prezentare generală Javascript

Javascript este un limbaj de programare care face posibil ca paginile WEB sa

00:00 Codul javascript

fie interactive. Acesta este un limbaj recunoscut ca
facand parte din categoria "Scripting Languages".
Scripturile (mici programe) Javascript sunt
introduse in pagina HTML si sunt interpretate si
executate de browser. Javascript poate fi utilizat
pentru crearea site urilor interactive, care sa
comunice cu vizitatorii, pentru validarea datelor
primite din formulare completate de vizitatori, etc.
Pentru a fi interpretat de catre browser codul
Javascript se va marca astfel:
<script type="text/javascript">
60
<title>
</script>
O alta metoda pentru a folosi Javascript este aceea
de utilizare a scripturilor externe: se acceseaza
fisierul extern care contine codul in interiorul
etichetei <HEAD> a fisierului HTML.
Un exemplu de utilizare a unui fisier Javascript
extern (numele fisierului extern este test.js):
<html>
<head>

Exemplu de uilizare a unui fisier javascript extern:

</title>
<script type="text/javascript" src=test.js>
</script>
</head>
<body>

Continutul paginii .....

</body>
</html>
Mai jos este prezentat un exemplu de script care realizeaza afisarea in pagina WEB a
unui text:
<html>
<head>
<title> Exemplu de afisare a unui text cu ajutorul Javascript </title>
</head>
<body>

<h1> Text afisat cu ajutotul comenzilor HTML </h1>

<h1> <script type="text/javascript">
document.write("Text afisat cu ajutorul JAVASCRIPT");
</script>
</h1>
</body>
</html>
Explicatie a instructiunii Javascript: document.write("Text afisat cu ajutorul
JAVASCRIPT ");

document este un obiect iar write() este o metoda a acestui obiect.

Un obiect poate contine o serie de proprietati. Spre exemplu document are o

proprietate denumita title. In Javascript aceasta se acceseaza cu: document.title. In
continuare sunt prezentate cateva exemple de obiecte HTML si corespondentul lor in
JavaScript:
Obiectul Tag-ul HTML Corespondent JavaScript

Pagina Web <body> .... </body> document

Formular <form document.formular

HTML
name="formular">

... </form>

Buton <INPUT TYPE="button"

document.formular.button

61
 00:25 comentariu 1
comentariu 2
name="buton">
*/

Una dintre cele mai importante facilitati a acestui

Imagine <IMG name="imagine"> limbaj este aceea ca ofera posibilitatea de
interactiune cu utilizatorii. Urmatorul cod Javascript
permite afisarea unui mesaj la care utilizatorul
trebuie sa raspunda, apasand butonul OK:
write() este o metoda. O metoda inseamna o alert(" Bine ati venit!"); // pagina se va incarca
actiune, cu efect asupra obiectelor. Metodele se
specifica cu ajutorul parantezelor (). Daca o metoda atunci cand se face click pe OK 7.5 Structura
are parametrii acestia vor fi inclusi intre paranteze.
alternativa in Javascript
7.4. Comentarii in fisiere HTML si alerte
In continuare vom prezenta implementarea structurii
Javascript alternative de programare in limbajul Javascript.
aceasta ofera posibilitatea de a executa instructiuni
Pentru a introduce comentarii care sa nu fie afisate in functie de valoarea de adevar a anumitor conditii.
de browser, cu scopul de a explica codul se pot O structura alternativa se poate implementa cu
utiliza doua metode: ajutorul intructiunilor if- then - else. Exemplu:
- pentru comentarii pe o singura linie se foloseste if ( conditie)
marcajul // ca in exemplul de mai jos:
{
// comentariu pe o singura linie ...
instructiuni
- pentru comentarii pe mai multe linii se procedeaza
...
dupa cum urmeaza:
}
/* else {

62
 01:15 if (confirm("Aprove action?")) {
... alert("Aprove action")
Instructiuni }
.... else {
alert ("Don’t approve action")
} };

Daca dorim ca utilizatorul sa aiba posibiliatea de a

introduce date de la tastatura trebuie sa folosim
variabile pentru memorarea valorilor introduse. 7.6 Functii Javascript
Scriptul urmator preia raspunsul introdus de un
utilizator si il memoreaza in variabila raspuns.
Sintaxa pentru crearea unei functii este urmatoarea:
Pentru ca utilizatorii sa poata introduce valori se
foloseste metoda prompt(), care este din aceeasi
function numeFunctie(var1,var2,...,varn)
categorie cu alert() si confirm(), solicitand o actiune
{
din partea utilizatorului.
....instructiuni....
}
var raspuns = prompt("introduceti numele:","");
Pentru functiile fara parametri numele functiei va
if (raspuns) { // daca exista vreun raspuns
trebui urmat doar de paranteze ( ).
alert("ai introdus: " + raspuns); //concateneaza cele
doua siruri de caractere } function numeFunctie()
else { {
alert("nu ai introdus nimic"); .... instructiuni....
} }

Metoda confirm() face parte din aceeasi categorie Iata un exemplu simplu de functie fara parametrii:
cu alert si prompt, adica ferestre popup. Confirm() <html>
returneaza una dintre valoarile true sau false. <head>
Exemplu:
63
<script type="text/javascript">
function afiseazaMesaj()
{
alert("Acesta este un text");
}
</script>
</head>
<body>
<form>
<input type="button" value="Apasa" onclick="afiseazaMesaj()" >
</form>
</body>
</html>

In acest exemplu am definit functia afiseazaMesaj in zona de <HEAD> a

documentului HTML. La apasarea butonului se va executa functia afiseazaMesaj. Un
exemplu de functie cu parametrii este urmatorul:

function produs(a,b)
{
x=a * b;
return x;
}
 Functia produs calculeaza produsul a doua numere. Ca sa atribuim unei
variabile produsul a doua numere este suficient sa apelam functia produs si sa
indicam si cele 2 numere intre paranteze.

produs=prod(2,3); // calculeaza produsul celor 2 numere

7.7. Test de evaluare a cunoștințelor

Scrieti o functie Javascript care sa calculeze suma a doua numere.

7.8 Tema de control

Realizati un site WEB in care sa utilizati limbajul HTML impreuna cu CSS si
Javascript.

7.9. Bibliografie
I. Bibliografie obligatorie
1. Tom Negrino , Javascript pentru World Wide Web. Ghid de invatare rapida prin
imagini, Editura Corint, Bucuresti.
2. Jim Keogh, Javascript fara mistere - Ghid pentru autodidacti, Editura Rosetti
Educational.
3. www.etutoriale.ro

64
UNITATEA DE ÎNVĂŢARE 8. ELEMENTE ALE LIMBAJULUI PHP

Cuprins
8.1. Obiective
8.2. Competenţele unităţii de învăţare
8.3. Prezentare PHP
8.4. Aplicaţii necesare programarii WEB în PHP
8.5. Sintaxa PHP
8.6. Comentarii in PHP
8.7. Variabile in PHP
8.8. Tipul variabilelor in PHP
8.9. Tipuri de date in PHP
8.10. Test de evaluare a cunoştinţelor
8.11. Tema de control
8.12. Bibliografie

8.1. Obiective
În această unitate de învățare se va prezenta o scurta introducere in limbajul PHP.

8.2. Competenţele unităţii de învăţare

După parcurgerea unităţii veţi fi în măsură să folositi limbajul PHP in paginile WEB.
 Durata de parcurgere a acestei unităţi de învăţare este de 3 ore.

8.3. Prezentare generală a limbajului PHP

Limbajul PHP este un limbaj de scripting de uz general, cu cod-sursă deschis

limbaje asemanatoare, cum ar fi ASP oferit de

Microsoft şi poate fi integrat în HTML.
00:00
Exemplu de script simplu php ce afisaza textul
„Salut Lume !”:

<!DOCTYPE html>
<html>
<body>

<?php
echo "Salut lume!";
(Open Source), utilizat pe scară largă pentru ?>
dezvoltarea aplicaţiilor Web. Scopul principal al
limbajului este acela de a permite programatorilor </body>
web să creeze pagini web dinamice si interactive. </html>
Limbajul PHP este o alternativa eficienta la alte

65

00:15
8.4. Aplicaţii necesare programarii WEB în PHP
Fiind un limbaj de programare server-side, scriptul php se executa pe server si rezultatul este afisat in
browserul utilizatorului.
Astfel pentru a putea rula scripturi php este nevoie să programăm calculatorul în calitate de server Web,
server de aplicaţii PHP şi server de BD MySQL. Aceste componente software de bază (MySQL, Apache
şi PHP) sunt open source şi pot fi instalate si configurate cu ajutorul unui pachet complet numit
XAMPP.
XAMPP este un pachet de programe free software, open source și cross platform web server, care constă
în Apache HTTP Server, MySQL database și interpretoare pentru scripturile scrise în limbajele de
programare PHP și Perl.

8.5. Sintaxa PHP

Un script PHP incepe cu „<?php” si se termina cu „?>”.
Scripturile php se salveaza in orice editor text cu extensia „.php”
Fiecare instructiune de cod php trebuie terminata cu „;”
Se pot folosi și alte taguri în funcție de configurația serverului web, dar acestea nu sunt recomandate.
Tag-uri de deschidere si Observatii
închidere pentru codul php

<?php forma recomandata

Cod php
?>

<script language="php"> forma mai putin folosita

Cod php
</script>

<? folosisea acestor tag-uri necesita

Cod php anumite setari pe server
?>

<% Tag-uri de tip ASP, folosirea lor

Cod php necesita anumite setari pe server
%>

Exemplu:
<html>
< head>
< title>
Prima pagina php
< /title>
< /head>
< body>
< ?php
echo "Buna ziua!";
?>
< /body>
< /html>

66
 pe mai multe linii
*/
00:25
8.7. Variabile in PHP
In limbajul php orice variabila incepe cu semnul
„$”, urmat de numele variabilei.
Exemplu:

<?php
$txt = "Salut lume !";
$x = 2;
$y = 1.5;
?>

Operatori in php

Exemplu:

$a = 2; $b=5; $c = $a + $b; // Operatorul „+” aduna

01:15
8.6. Comentarii in PHP
Pentru a introduce comentarii care sa nu fie afisate Observatie: Operatorul „/” returneaza o valoare de
de browser, cu scopul de a explica codul se pot
utiliza doua metode:
- pentru comentarii pe o singura linie se foloseste
marcajul // ca in exemplul de mai jos:
variabilele $a si $b $a = 2; $b=5; $c = $a - $b; //
Operatorul „-” scade variabilele $a si $b $a = 2;
$b=5; $c = $a * $b; // Operatorul „*” inmulteste
variabilele $a si $b $a = 2; $b=5; $c = $a / $b; //
Operatorul „/” catul dintre $a si $b
$a = 2; $b=5; $c = $a % $b; // Operatorul „%” restul
dintre $a si $b $a = ’ sir a’; $b = ’ sir b’; $c = $a.
$b; // Operatorul „.” concateneaza cele doua siruri
de caractere
tip float daca cele doua numere $a si $b sunt de tip
float, altfel daca cele doua numere sunt de tip
integer, rezultatul obtinut este convertit automat la
tipul de date integer (se afisaza catul).

// Acesta este un comentariu pe o linie 8.8. Tipul variabilelor in PHP

- pentru comentarii pe mai multe linii se procedeaza In limbajul php exista 3 tipuri de variabile: globale,
dupa cum urmeaza:
locale si statice 1. O variabila globala se declara in
/*
Acesta este un comentariu exteriorul unei functii si poate fi accesata

67
numai in exteriorul ei:

Exemplu:

<?php
$a = 5; // scop global
function test(){
echo ’ Variabila ’.$a.’ in interiorul functiei’; // va genera o eroare !!!
}
echo ’ Variabila ’.$a.’ in exteriorul functiei’; // va afisa variabila 5 !!!
?>

2. O variabila locala se declara in nteriorul unei functii si poate fi accesata numai

in interiorul ei:

Exemplu:

<?php
function test(){
$a = 5; // scop local
echo ’ Variabila ’.$a.’ in interiorul functiei’; // va afisa 5 !!!
}
echo ’ Variabila ’.$a.’ in exteriorul functiei’; // va genera eroare !!!
?>

Observatie: Pentru a accesa o variabila globala din interiorul unei functii se foloseste
cuvantul cheie „global”.

3. Variabilele statice
In mod normal, toate variabilele locale din interiorul unei functii sunt sterse automat
dupa executarea ei, insa in anumite imprejurari avem nevoie sa tinem aceste variabile
si dupa executare. Pentru acest scop declaram o variabila cu cuvantul cheie „static”.

Exemplu:

<?php
function test(){
static $a = 0;
$a = $a +1;
echo $a
}
test(); //afisaza 1
test(); //afisaza 2
test(); //afisaza 3
?>

68
 <?php
$x = "Salut lume!";
01:45 echo $x;
?>

Exemplu Integer:

<?php
$x = 1244;
var_dump($x);
?>

Exemplu Float:

<?php
$x = 22.326;
var_dump($x);
?>

Exemplu Boolean:

<?php
$x = true;
$y = false;
?>
8.9. Tipuri de date in php Exemplu Array:

In php exista urmatoarele tipuri de date: ∙ String <?php

∙ Integer $cars = array("Tastatura","Imprimanta","Mouse");
var_dump($cars);
∙ Float (cunoscut si ca double)
?>
∙ Boolean

∙ Array Exemplu de obiecte in PHP :

∙ Object <?php
class Laptop {
Exemplu String: function __construct() {
$this->model = "Sony Vaio";

69
 exemplu), formularele reprezinta un capitol foarte
inportant in limbajul PHP.
02:00
Un formular se construieste in HTML, iar datele
sunt preluate cu ajutorul php-ului. Variabilele
superglobale $_GET si $_POST sunt folosite pentru
a prelua datele dintr-un formular de contact.

Exemplu:

<html>

<body>

<form action="test.php" method="post">

Nume: <input type="text" name="nume"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit">
</form>

</body>

</html>

In codul sursa de mai sus avem un formular simplu

} cu doua intrari de tip text. (nume si email).
} La apasarea butonului submit cele doua intrari vor fi
trimise catre fisierul test.php: <?php
// creaza obiect echo ’Salut ’. $_POST[’ nume’]. ’ !’;
$laptop1= new Laptop(); echo ’ Adresa ta de email este: ’. $_POST[’ email’];
?>
// arata proprietatea obiectului
echo $herbie->model; De asemenea, cu ajutorul limbajului php putem
?> valida cele doua campuri. Spre exemplu, pentru a
ne asigura ca numele utilizatorului contine cel putin
2 litere si adresa de email este valida putem sa
8.7. Formulare in php
modificam fisierul test.php astfel:
Fie ca e vorba de un simplu formular de contact, de
cautare, un formular de inregistrare sau un formular <?php
de comanda (in cazul unui magazin virtual de
function test_nume($nume){

70
return (strlen($nume)>2);

function test_email($email){

return (filter_var($email, FILTER_VALIDATE_EMAIL));

}
if (test_nume($_POST[’ nume’])) echo ’ Numele ’.$_POST[’ nume’]. ’ este valid. Felicitari !’;
else echo ’ATENTIE: Numele ’.$_POST[’ nume’]. ’ nu este valid’;

if (test_email($_POST[’ email’])) echo ’ Email-ul ’.$_POST[’ email’]. ’ este valid. Felicitari !’;
else echo ’ATENTIE: Email-ul ’.$_POST[’ email’]. ’ nu este valid’;

?>

Observatie: Functia strlen() returneaza lungimea sirului specificat ca argument al

functiei.
Functia filter_var() filtreaza o variabila cu un filtru specificat.
8.8. Test de evaluare a cunoștințelor
Care sunt operatorii php?

8.9. Tema de control

Realizati un site WEB in care sa utilizati limbajul HTML impreuna cu CSS si
Javascript.

8.10. Bibliografie
I. Bibliografie obligatorie
1. Mike McGrath , PHP 5 Power Programming. Easy Steps Limited,
2014. 2. www.etutoriale.ro

71