Explorați Cărți electronice
Categorii
Explorați Cărți audio
Categorii
Explorați Reviste
Categorii
Explorați Documente
Categorii
GALAŢI
FACULTATEA DE ȘTIINŢE ECONOMICE
Domeniul licență: ADMINISTRAREA
AFACERILOR
Programul de studii universitare de licență :
ECONOMIA COMERȚULUI, TURISMULUI
ȘI SERVICIILOR
COMERȚ ELECTRONIC
Anul III, Semestrul I
Laura Danilescu
Note de curs Comerț Electronic
CUPRINS
2
Note de curs Comerț Electronic
4.4.1. Liste neordonate ............................................................................................................ 52
4.4.2. Liste ordonate ................................................................................................................ 52
4.5. Hărți de imagini .................................................................................................................... 54
4.5.1. Aplicație......................................................................................................................... 56
4.6. Tabele ................................................................................................................................... 58
4.6.1. Crearea tabelelor – Tagul <table> ................................................................................ 58
4.6.2. Definirea rândurilor – Tagul <tr> (Table Row) ........................................................... 59
4.6.3. Definirea celulelor – Tagul <td> (Table Data) ............................................................. 60
4.6.4. Definirea antetelor – Tagul <th> (Table Header) ......................................................... 60
4.6.5. Titlul tabelului – Tagul <caption>................................................................................ 60
4.6.6. Exemple ......................................................................................................................... 61
4.6.7. Alte utilizări ale tabelelor .............................................................................................. 68
4.7. Formulare.............................................................................................................................. 70
4.7.1. Descriere atribute formulare .......................................................................................... 70
4.7.2. Elemente de formular .................................................................................................... 71
4.7.3. Descriere atribute elemente de formular ....................................................................... 72
4.7.3. Câmpuri de editare multilinie ........................................................................................ 74
4.7.4. Liste de selecție ............................................................................................................. 75
4.7.5. Etichetele ....................................................................................................................... 76
4.7.6. Un formular complex – Rezervarea unei camere de hotel ............................................ 83
4.8. Cadre (Frames) ..................................................................................................................... 86
4.8.1. Organizarea documentului în cadre - Tagul <frameset> ............................................... 86
4.8.2. Definirea cadrelor - Tagul <frame> .............................................................................. 88
4.8.3. Cadre in-line - Tagul <iframe> (in-line frame) ............................................................. 89
4.8.4. Exemple: ........................................................................................................................ 90
3
Note de curs Comerț Electronic
5
Note de curs Comerț Electronic
2. Comerțul electronic
Comerțul este în general cunoscut ca schimbul de mărfuri pe scară largă între națiuni sau persoane
fizice. În 2001, Rayport și Jaworski defineau comerțul electronic drept “schimburi între părți (persoane
individuale sau organizații) mediate prin tehnologie, și ca activități interne sau între organizații care
facilitează aceste schimburi, realizate prin mijloace electronice”. Accentul, în majoritatea definițiilor
comerțului electronic, s-a pus pe tranzacțiile digitale facilitate în fiecare etapă (inventariere, procese de
comandă și plată, etc.) de către mijloace tehnice cum ar fi schimbul electronic de date (EDI). Standardizarea
formatelor electronice pentru date ușurează comunicarea între computere, accelerează schimbul de date și
reduce costurile tranzacțiilor.
6
Note de curs Comerț Electronic
multe magazine obișnuite au recunoscut importanța găsirii unor piețe de nișă și au început să adauge
capabilități de “Comerț Electronic” site-urilor lor.
Comerțul Electronic, cunoscut în limba engleză ca Electronic Commerce, e-Commerce sau
Ecommerce, constă în principal din distribuire, cumpărare și vânzare de produse sau servicii folosind
sisteme electronice, cum este Internet-ul, Intranetul, Extranetul sau alte rețele de calculatoare. Comerțul
electronic include: transferul electronic de fonduri, managementul aprovizionării, procesarea de tranzacții
online, schimbul electronic de date, sisteme automate de management al inventarului, sisteme automate de
culegere a datelor.
Comerțul electronic folosește în principal tehnologia electronică de comunicație a World Wide
Web-ului în ciclul de viață al unei tranzacții, dar se bazează și pe alte tehnologii electronice cum ar fi: bazele
de date, email-ul, tehnologii clasice, cum ar fi transportul pentru bunurile comercializate prin comerț
electronic, servicii ante și post vânzare, service, etc. Strâns legate de comerțul electronic pot fi și alte
activități electronice, de exemplu servirea cumpărătorilor, livrarea mărfii (dacă e vorba de medii
electronice), colaborarea cu partenerii de afaceri sau și conducerea unei organizații prin mijloace
electronice.
Definițiile comerțului electronic variază, din cele menționate mai sus, în mod semnificativ, la
diverși autori și în diferite surse. Unele dintre ele se referă la toate tranzacțiile comerciale și financiare care
se derulează pe cale electronică, inclusiv schimbul electronic de date, transferul electronic de capital și toate
activitățile legate de cărțile de credit/debit. Altele limitează comerțul electronic la vânzările cu amănuntul
către consumatori, tranzacțiile și plățile putând să nu se deruleze prin intermediul rețelelor deschise de tip
LAN, MAN sau Internet.
Vom prezenta o serie de definiții ale Comerțului electronic, care se bucură de o apreciere mai
mare în rândul specialiștilor. În sens larg se referă la:
o gamă largă de activități de afaceri online pentru produse și servicii și la orice formă de
tranzacție de afaceri în care părțile interacționează electronic, mai degrabă decât prin schimburi
fizice sau direct prin contact fizic;
o tehnică electronică modernă de a face afaceri online, ce se adresează companiilor,
comercianților și consumatorilor, în condițiile satisfacerii nevoilor și obiectivelor stabilite, de a-și
procura produse și servicii calitative la prețuri competitive, de a reduce costurile tranzacțiilor și a
mări viteza de livrare;
orice formă de tranzacții de afaceri în care părțile interacționează prin mijloace electronice
și nu prin contacte sau schimburi directe. Comerțul electronic acoperă, de fapt, următoarele
operațiuni de afaceri: stabilirea de contacte cu clienții, schimbul de informații, asistența pre- și post-
vânzare, vânzare, plăți electronice, distribuție și logistică, întreprinderi virtuale, activități desfășurate
în comun între mai multe companii;
demersul de cumpărare prin intermediul transmiterii de date la distanță, demers specific
politicii distributive a marketingului;
comerțul electronic (e-commerce) este procesul de cumpărare, vânzare sau schimb de
produse, servicii sau informații prin intermediul rețelelor deschise de calculatoare și de comunicație,
a mediului digital;
7
Note de curs Comerț Electronic
orice formă de tranzacție comercială online utilizând proceduri de procesare automată
combinată cu proceduri automate de schimb de informații;
toate formele de tranzacții electronice ce au legătură cu activitățile comerciale, desfășurate
la nivel de organizație sau cu cumpărătorii, care se bazează pe procesarea și transmiterea
informațiilor sub formă digitală, incluzând text, sunet și imagini (OECD, 1997);
utilizarea comunicațiilor electronice și a tehnologiei digitale de prelucrare a informațiilor în
afaceri pentru a crea, transforma, redefini și menține relațiile cu clienții prin procese de vânzare –
cumpărare de bunuri și servicii între organizații, precum și între organizații și persoane fizice.
realizarea în mediul online a activităților comerciale prin procesarea și transmiterea
electronică a datelor incluzând text, sunet și imagini și care cuprinde diverse activități, cum ar fi
comercializarea electronică a produselor și serviciilor, transferul electronic de capital, comerțul
electronic cu acțiuni, trimiterea electronică de comenzilor și a documentelor de expediție, activități
de marketing online și publicitate, service și prezentări demo, implicând produse fizice și digitale,
servicii digitale (informative, productive, economico-financiare, juridice), activități tradiționale
(sănătate, educație) și activități virtuale noi (prelucrări online, jocuri, cybermall-uri,) (Orzan Gh,
2009);
Comerțul electronic (Electronic Commerce sau E-Commerce) este demersul de cumpărare sau
vânzare prin intermediul transmiterii de date la distanță, demers specific politicii expansive a marketingului
companiilor comerciale. Prin intermediul Internet-ului se dezvoltă o relație de servicii și schimb de mărfuri
între ofertant și viitorul cumpărător. În anii 1990 compania IBM, printr-o campanie publicitară
corespunzătoare, a făcut popular și termenul echivalent Electronic Business. Un termen înrudit este E-
Trade, care se referă la tranzacțiile bursiere electronice.
Utilizarea tuturor mijloacelor electronice pentru participarea la o activitate de comerț electronic
poartă denumirea de tranzacție electronică. Strâns legate de comerțul electronic pot fi legate și alte activități
electronice, de exemplu servirea cumpărătorilor, livrarea mărfii (dacă e vorba de medii electronice),
colaborarea cu partenerii de afaceri sau și conducerea unei organizații prin mijloace electronice.
Este mult mai ușor de a înțelege comerțul electronic dacă plecăm de la ceea ce înseamnă comerțul
tradițional și realizăm o comparație a celor două tipuri de desfășurare a tranzacțiilor comerciale.
Formulare tipărite,
2 Cererea pentru achiziția produsului E-mail
scrisori
Formulare tipărite,
3 Obținerea aprobării E-mail
scrisori
8
Note de curs Comerț Electronic
9
Note de curs Comerț Electronic
Ponderea majoritară a tranzacțiilor de comerț electronic revine formei firmă-firmă, urmat de cea
firmă-consumator. Toți analiștii sunt de acord că prima formă de desfășurare a comerțului electronic (B2B)
este o piață de un potențial uriaș și în continuă dezvoltare. Se apreciază, astfel că, fenomenul B2B a generat
în 2004, venituri de 4,8 trilioane $ (aproximativ 53% din valoarea totală a veniturilor din comerț electronic).
Considerăm că este o prognoză foarte optimistă, ținând cont de implementarea practică a unui asemenea
mod de a efectua tranzacții care este foarte costisitoare.
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. În România domeniul B2B este o afacere foarte promițătoare, datorită
penetrării Internet-ului în firme la nivel înalt. Studii recente arată că în România există mai mult de 1,1
milioane de utilizatori care intră pe Internet de la locul lor de muncă (inclusiv școli și universități), și peste
42.000 de domenii de nivel înalt sunt înregistrate.
B2C (business-to-consumer) este model de comerț electronic în care companiile vând la
cumpărători individuali – persoane fizice. În România, piața electronică B2C se află încă într-un stadiu de
formare. Consumatorii încă experimentează online, dar sunt încă multe obstacole ce trebuie să fie învinse
înainte de a se schimba comportamentul clienților; aceste probleme sunt legate de crearea securității
tranzacțiilor, asigurarea protecției clienților, mărirea vitezei de transfer în rețea sau chiar asigurarea
accesului la Internet.
10
Note de curs Comerț Electronic
Majoritatea utilizatorilor Internet particulari au acces la Internet prin intermediul locului lor de
muncă, și numai circa 200.000 de oameni dispun de un acces personal. Office of National Statistics din
Marea Britanie susține că vânzările B2C pe glob au depășit 10 miliarde de dolari în 2001, piața fiind în plină
expansiune.
C2B (consumer-to-business) Acest model de comerț electronic se referă la persoanele fizice
(consumatori) care utilizează Internet-ul 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) se referă la consumatorii care vând direct la alți consumatori. Un
exemplu din acest domeniu care are un succes enorm în întreaga lume este sistemul 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). Aici prin
"government" se înțelege administrația statului respectiv.
B2G (business-to-government) Guvernele utilizează canale de comerț electronic pentru creșterea
eficienței operațiunilor și îmbunătățirea serviciilor oferite cetățenilor-clienți. O arie de interes pentru
guverne în domeniul afacerilor este intensificarea utilizării Internet-ului și a rețelelor VAN, pentru
diseminarea informației, a oportunităților, cotațiilor primite de la vânzători/furnizori de bunuri și servicii.
Între anii 1980-1990 câteva guverne inovatoare au început să utilizeze B2G, folosind sistemul dial-
up în transmiterea "bulletin board services" (BBS), care asigură accesul online la cererile curente de
informații, oportunități, consultanță. Această abordare a implicat din partea beneficiarului serviciilor BBS
adaptarea la aceeași tehnologie software pentru a putea utiliza informația.
Departamentul (ministerul) de Apărare al Statelor Unite, pentru a atinge o audiență națională și
internațională largă, și-a proiectat rețeaua VAN proprie. Această soluție a cerut ca furnizorii să se aboneze
la serviciile rețelelor de provideri Internet și să utilizeze capacitățile de comunicare cum ar fi software-ul
necesar transmisiilor EDI.
Implicarea administrațiilor statale în comerțul electronic are un efect catalitic pe plan local, în mediul
de afaceri dintr-o anumită țară. Guvernele, chiar și în cele mai mari economii de piață, constituie
cumpărătorii cei mai mari de bunuri și servicii de la sectorul privat. Construirea unei mase critice de
cumpărători online, în vederea sprijinirii apariției unei comunități de afaceri prin comerțul electronic,
solicită o implicare activă din partea guvernelor, nu numai din punct de vedere legislativ, ci și ca participant
la comerțul electronic, ca o sursă ideală de training și asistență tehnică pentru noile firme de e-commerce.
G2B (government-to-business) Model de comerț electronic în care o instituție guvernamentală
cumpără sau vinde bunuri, servicii sau informații de la persoanele juridice.
G2C (government-to-consumer) Acoperă relații guvern-cetățeni la nivel de informare și prestare
servicii publice (exemplu: plata taxelor online).
11
Note de curs Comerț Electronic
12
Note de curs Comerț Electronic
16. Scăderea costurilor de funcționare prin automatizarea procesului de comandă, inclusiv prin
integrarea aplicației de comerț electronic cu sistemul informatic de gestiune internă a firmei, ceea
ce conduce la o creștere a productivității generale a întreprinderii;
17. Construirea unui lanț valoric electronic, în care se pune accentul pe un număr limitat de competențe-
cheie -- opusul unui magazin "cu o singură oprire". (Magazinele electronice pot fi atât speciale cât
și generale, dacă sunt programate corect.);
18. Asigurarea unor canale alternative de vânzare prin aplicațiile de comerț electronic;
19. Întărirea relațiilor cu furnizorii și clienții, integrarea acestora prin rețelele Extranet pentru
actualizarea și livrarea ritmică, prin accesul la informații la zi accesate prin site-ul firmei și schimbul
operativ de informații prin aplicațiile EDI;
20. Posibilitatea firmelor mici de a concura cu succes cu companiile mari, prin costurile reduse pe care
le implică deschiderea și întreținerea unui magazin virtual, prin exploatarea avantajului competitiv
asigurat prin inovație, flexibilitate și operativitate în fața unei întreprinderi mari, dominată, de
regulă, de birocrație și conservatorism;
21. Facilitatea intrării pe piețele internaționale. Internet-ul nu este îngrădit, nu este în posesia nimănui,
iar accesul și costurile de promovare sunt reduse. Comunicarea cu o persoană sau o mulțime de
clienți răspândiți în oricare colț al globului costă tot atât de mult ca și comunicarea cu o persoană
din fata raftului de magazin. Producătorii pot vinde în orice țară, fără intermediari, fără investiții
suplimentare, fără a fi nevoit să stabilească contacte cu firme locale, fiind suficient existența site-
ului de comerț electronic.
B. Pentru consumatori
1. Posibilitatea consumatorilor să cumpere sau să facă tranzacții la orice oră din zi, în orice zi din
săptămână, în tot timpul anului, din aproape orice locație;
2. Căutarea rapidă a produselor și serviciilor dorite, cu posibilitatea comparării tehnice și economice a
ofertelor;
3. Eliminarea discriminărilor de orice natură la cumpărare, asigurarea accesului neîngrădit la produsele
și serviciile dorite oriunde și oricând, fără bariere vamale, sisteme protecționiste, taxe și impozite
prohibitive;
4. Acordă consumatorilor mai multe posibilități de alegere a produselor și prețurilor;
5. Consumatorul este suveran în decizia de cumpărare, în siguranța cumpărării la cele mai mici prețuri
a bunului dorit și de o calitate ireproșabilă;
6. Consumatorilor li se dă siguranță asupra valorii. Vânzătorii pot realiza acest lucru oferind un produs
sau o linie de produse care atrage potențialii clienți prin prețuri competitive, la fel ca și în comerțul
ne-electronic;
7. Permite o livrare rapidă a produselor și/sau serviciilor uneori instantanee pentru produsele și
serviciile în format digital;
8. Consumatorii pot să primească informații relevante în decursul câtorva secunde, și nu zile sau
săptămâni;
13
Note de curs Comerț Electronic
9. Asigurarea motivației consumatorilor de a cumpăra și, la nevoie, de a și returna. Vânzările
promoționale pot implica cupoane, oferte speciale sau reduceri. Linkurile de pe alte situri web și
programele afiliate de reclame pot fi de asemenea de ajutor;
10. Face posibilă participarea în licitații virtuale;
11. Îndemnarea consumatorilor la consum. Comercianții din Internet pot asigura acest tip de ajutor
printr-o amplă informare comparativă și prin facilități bune de căutare;
12. Permite consumatorilor să interacționeze cu alți cumpărători în comunități electronice și să compare
experiențele;
13. Lăsând clienții să se ajute singuri. Asigurând funcționarea unui sit de autoservire, ușor de folosit
fără asistență, poate fi de ajutor în acest sens;
14. Facilitează competiția, ceea ce rezultă în scăderea prețurilor.
15. Familiarizează consumatorii cu tehnologia și îi ține pe aceștia în pas cu ultimele noutăți.
C. Pentru societate
1. Crearea unui "simț comun" al comunității comerciale, de exemplu prin chaturi, foruri ce solicită
implicarea clientului, scheme de loialitate și programe de afinitate;
2. Dă posibilitatea mai multor persoane să lucreze / să cumpere de acasă, ceea ce micșorează traficul
și poluarea aerului;
3. Permite ca anumite mărfuri să fie vândute la prețuri mai scăzute, cu avantaje pentru cei cu venituri
mai mici, ridicându-le standardul de viață;
4. Asigură oamenilor din lumea a treia și a celor din zonele rurale accesul la produse și servicii care
astfel nu le-ar fi permise;
5. Facilitează accesul la servicii publice de sănătate, educație, servicii sociale la un cost scăzut și cu o
calitate îmbunătățită;
6. Crește eficiența și/sau îmbunătățesc calitatea serviciilor pentru cetățeni prin acces la informație și
comunicare;
7. Pune la dispoziție o organizare suficient de atentă și agilă pentru a răspunde rapid la orice schimbări
din mediul economic, social și cultural;
14
Note de curs Comerț Electronic
4. Instrumentele de dezvoltare software pentru e-commerce sunt încă în plina evoluție. Existe unele
dificultăți privind integrarea aplicațiilor software de comerț electronic cu unele aplicații existente
mai vechi cât și cu sistemele de gestiune a bazelor de date. Unele sisteme software de comerț
electronic nu sunt compatibile cu unele sisteme hardware și sisteme de operare;
5. Accesul la Internet este încă scump pentru unele categorii de cumpărători, este inaccesibil în
anumite zone rurale sau pentru anumite categorii de cetățeni, si/sau este inoportun pentru unii
cetățeni prin cultură, religie sau comunități de viață;
6. Gradul de informații referitoare la un produs poate fi uneori insuficient;
7. Asigurarea anonimatului pentru cumpărător prin sisteme de securizare complet sigure în efectuarea
tranzacțiilor;
8. Lipsa încrederii și mentalitatea cumpărătorului de a fi față în fața cu vânzătorul în momentul
cumpărării. Lipsa comunicării nonverbale între cumpărător și vânzător;
9. Reticențele cumpărătorilor în a cumpăra un produs datorat imposibilității de a avea contact fizic
prin simțuri (văzut, auz, pipăit, gust, miros, etc);
10. Fiabilitate și credibilitate - punctul cheie este ca din multitudinea de date pe web, pe care oricine le
poate accesa, care sunt informații veridice. Din cauza timpului scurt de existenta sau a dinamicii
ridicate, datele se perimează foarte rapid, lipsind mecanismele necesare unei analize de termen lung;
11. Temeri în privința securității. Mulți oameni nu își folosesc cărțile de credit pe Internet de frica
furturilor și fraudelor.
12. Lipsa unei mulțumiri imediate față de majoritatea cumpărăturilor. O mare parte din satisfacția unui
client constă în a avea și folosi produsul cumpărat imediat, lucru care nu se întâmplă când acesta nu
sosește timp de mai multe zile sau chiar săptămâni.
13. Problema accesului la Comerțul Electronic, în special a clasei sărace, și slaba pătrundere a lui în
anumite sectoare.
14. Aspectul social al mersului la cumpărături. Unor oameni le face plăcere să vorbească cu personalul
de vânzare, cu alți cumpărători sau cu însoțitorii lor. Această experiență nu există în mediul virtual.
15. Utilizatorii Internet-ului sunt în principal bărbați, în timp ce marii cumpărători sunt reprezentați de
femei;
16. Lipsurile generate de cadrul legal unitar în țările celor doi parteneri în afaceri, a reglementărilor și
a standardelor. Firmele care vor să desfășoare activități de comerț electronic trebuie să fie la curent
și să aplice rapid standardele legislative, tehnice, economice în continuă schimbare;
17. Accesul la piață poate fi îngrădit prin infrastructura de telecomunicații variată și în multe situații
depășită în diferite zone ale globului, lărgimea de bandă necesară desfășurării în condiții
satisfăcătoare a activităților, la limitările tehnice și economice de acces ale utilizatorului;
18. Restricții de natură financiară. Se referă la taxe, reglementări financiare locale și sisteme electronice
de plăți, moneda de cumpărare, cursul de schimb actualizat în timp real în sistemele cu plată
electronică, calcularea prețului și a valorii cumpărăturii în sisteme cu zecimale. Sistemul PSINet
oferă soluția informatică care permite comercianților să ofere produsele în 126 monede naționale și
15
Note de curs Comerț Electronic
să primească plățile în 16 monede, cursul de schimb fiind actualizat în momentul efectuării
tranzacției;
19. Alte restricții privesc limba folosită și traducerile dintr-o limbă în alta, identificarea cumpărătorului
și vânzătorului, încrederea în tranzacție, securitatea, diversitățile culturale, rolul și politică
guvernelor, acordurile internaționale și multilaterale, restricții impuse unei țări sau unor categorii
de cetățeni ai unor țări.
18
Note de curs Comerț Electronic
3. E-Business
În 2002, Turban și alții au sugerat că termenul “e – Commerce” este o definiție cam îngustă, cu
accent pe procesul tranzacțional și că ea nu acoperă toată gama de aplicați și beneficii potențiale ale Internet-
ului. În 2003, Philips definește e–business ca fiind “aplicarea tehnologiei informației la procesele interne
ale afacerilor și activităților în care se angajează o companie pe timpul activității comerciale; aceste activități
pot include funcționalități cum sunt finanțele, marketingul, gestionarea resurselor umane și sectorul
operațional.”
Lou Gerstner de la IBM laudă profitul potențial al afacerilor electronice, afirmând că: „totul ține de
ciclul de timp, viteză, globalizare, productivitate mărită, atragerea de noi clienți și partajarea informațiilor
între instituții pentru un avantaj competitiv”. Pentru a exploata aceste posibilități trebuie să reproiectăm
mediul corporativ și să integrăm total tehnologiile de informații și comunicații în funcțiunile afacerii.
E-business se traduce în limba română prin "afacere electronică" și se referă la organizarea
tranzacțiilor, comunicațiilor și informațiilor, precum și la planificarea și controlul unei afaceri, folosind
întregul potențial al tehnologiei informației.
Termenul de "e-business" a fost utilizat pentru prima dată de IBM pentru a defini utilizarea
tehnologiilor Internet pentru îmbunătățirea și transformarea proceselor cheie dintr-o afacere. În definiția
dată de IBM, e-business reprezintă o modalitate de "acces securizat, flexibil și integrat pentru desfășurarea
diferitelor afaceri prin combinarea proceselor și sistemelor care execută operații de bază ale afacerilor cu
cele ce fac posibilă găsirea informațiilor pe Internet".
E-business reprezintă un nou mod de a face afaceri, un nou mod de a folosi tehnologia și un nou
mod de crea companii. Nu mai este niciun secret pentru nimeni că Internet-ul a revoluționat lumea
afacerilor, care este în permanență schimbare încercând să se adapteze la nevoile pieței digitale.
În condițiile în care Internet-ul a devenit parte integrantă din societatea statelor dezvoltate, acest
mediu nou nu putea să scape atenției comercianților. Creat inițial pentru schimbul de informații și pentru
poșta electronică, el a devenit cel mai dinamic mediu de afaceri.
Cele mai importante avantaje ale dezvoltării unei afaceri electronice sunt:
1. Oportunitatea de a vinde și de a face cunoscute propriile produse la nivel global.
2. Comunicarea cu furnizorii și clienții firmei implică un nivel redus al costurilor și este mult mai
eficientă.
3. Pentru a începe o afacere online de succes, comparativ cu o afacere tradițională, ai nevoie de o
investiție minimă.
E-business reprezintă mai degrabă o strategie în ceea ce privește modul de a face afaceri, cea mai
importantă componentă a sa fiind e-commerce (comerțul electronic).
Comerțul online (e-commerce) reprezintă vânzarea de produse și/sau servicii prin intermediul
Internet-ului. Nu trebuie înțeles că afacerile online se limitează doar la vânzarea diverselor produse și/sau
servicii cu ajutorul Internet-ului. O afacere electronică înseamnă mult mai mult. Presupune menținerea
contactelor cu furnizorii, cu posibilii parteneri de afaceri, dar și cu clienții, promovarea produselor și/sau
serviciilor oferite etc., toate folosind mijloacele electronice, cel mai răspândit fiind poșta electronică (e-
mailul).
19
Note de curs Comerț Electronic
Comerțul online reprezintă o nouă metodă de a face afaceri, fie că este vorba despre extinderea, pe
internet, a unei afaceri existente sau de începere a unei afaceri doar în mediul virtual. Acest tip de afacere
atrage din ce în ce mai mulți adepți, foarte mulți conștientizând faptul că acesta este comerțul viitorului.
Deși comerțul online ca și cel offline are la bază productivitatea și profesionalismul de care trebuie
să dea dovadă echipa care conduce afacerea, pe lângă acestea dezvoltarea unei afaceri prin intermediul
Internet-ului (un e-business) presupune familiarizarea cu câteva particularități. Astfel în cazul comerțului
electronic competiția este mult mai dură, punându-se accentul foarte mult pe inovare.
În țara noastră, deși se fac progrese de la an la an, Internet-ul nu este la fel de dezvoltat ca în alte
țări, acest lucru reprezentând un mare dezavantaj (schimbarea concepției posibililor clienți despre
achiziționarea produselor sau serviciilor cu ajutorul calculatorului). Pe de altă parte, acest lucru poate fi un
mare avantaj.
Multe dintre afacerile online nu reușesc să-și asigure succesul. Principala cauză o reprezintă tratarea
superficială a afacerilor online de către cei care le dezvoltă. Mulți cred că simpla prezență online, câteva
bannere publicate pe diverse site-uri, urmate apoi de o perioadă de așteptare a clienților, le asigură profitul.
Realitatea demonstrează că o afacere online trebuie tratată cu toată seriozitatea, la fel ca orice altă afacere.
La fel ca în cazul afacerilor tradiționale, trebuie să existe un plan de afaceri foarte bine pus la punct
și nu în ultimul rând trebuie să fie și foarte realist și să țină cont de caracteristicile comerțului electronic.
Datorită ritmului continuu de creștere a utilizatorilor de internet, precum și datorită creșterii valorii
tranzacțiilor efectuate online, afacerile electronice sunt prezente în diverse domenii și se împart în diverse
categorii, cele mai importante fiind:
e-commerce - comerț electronic prin intermediul magazinelor online (www.amazon.com,
www.dell.com, www.wallmart.com, www.emag.ro, www.dol.ro). Soluții de plată online
(www.paypall.com, www.epayment.ro)
e-auctions - licitații online (www.ebay.com, www.okazii.ro)
e-banking - tranzacții bancare online (conturi, transferuri de bani, cecuri, plăți, consultanță)
e-learning - învățământ online (www.brainbench.com, www.online-learning.com,
www.cursurionline.ro)
e-directories - cataloage virtuale (www.yahoo.com, www.dmoz.org, www.paginiaurii.ro)
e-brokering - vânzarea și cumpărarea de acțiuni online
e-leasing - leasing online (www.leasing.ro)
e-gambling - jocuri de noroc online (www.gamebookers.com, www.partypoker.com)
e-working - firme virtual
e-mailing - poșta electronică
e-marketing - promovarea online a produselor și/sau serviciilor
20
Note de curs Comerț Electronic
21
Note de curs Comerț Electronic
sistem EDI (Electronic Data Interchange). Folosind un sistem EDI pe WEB, întreținut de tehnologii XML
și ebXML, companiile au posibilitatea de a expune informații despre servicii și produse, de a converti
informația într-un format standard recunoscut de sistemul EDI și de a cumpăra, vinde sau schimba produse
și servicii pe internet.
22
Note de curs Comerț Electronic
a) Rabaturi
Rabaturile pot ajuta la atragerea clienților pe site-ul dumneavoastră. Multe companii oferă „prețuri
mici în fiecare zi” și prețuri speciale pentru a-i influența pe clienți să revină. Acestea sunt site-uri care au
realizat parteneriate cu en-gros-iști și en-detail-iști care oferă reduceri; Web site-ul transmite reducerea
clienților sub forma rabaturilor.
b) Oferirea de produse și servicii gratuite
Mulți întreprinzători își realizează modelele de afaceri pe baza veniturilor din publicitate. Rețeaua
de televiziune, stații radio, reviste și presa scrisă folosesc publicitatea pentru a-și finanța operațiile și a
obține profit. Sunt situații similare pe Internet unde site-urile își oferă produsele și/sau serviciile pe gratis.
Altă formă de parteneriat este schimbul de servicii și/sau produse pentru spațiu publicitar și viceversa.
23
Note de curs Comerț Electronic
oferi principalele tehnologii pentru realizarea conexiunilor de pe piața consumatorului final, chiar facilitând
sau agreând cunoștințele despre clienți pentru alte firme.
Firmele care doresc să-și orienteze afacerea spre o strategie know.co se vor baza pe Internet pentru:
a deveni mult mai apropiate față de clienți, folosind colecțiile de date și căutând să dezvolte
oferte unice pentru aceștia;
externalizarea segmentelor non strategice ale afacerii lor;
gestiunea relațiilor cu partenerii de afaceri physco.
Firmele orientate physco își vor conduce strategiile de afaceri pentru a deveni cei mai buni furnizori
de produse și servicii ale firmelor know.co, care dețin relațiile cu clienții. În esență, ele vor deveni centre
de producție. Succesul lor se bazează pe viteză, calitate și modalități de livrare. Acest tip de firme trebuie
să înțeleagă că vor servi organizațiile ce dețin relațiile cu organizatorii finali și, de aceea, vor trebui să-și
formuleze și adapteze strategiile, procesele, sistemele și modul de organizare în mod corespunzător. Un
important factor de succes pentru firmele physco îl reprezintă abilitatea de a se lega electronic la firmele
know.co pentru a planifica, gestiona și realiza tranzacțiile economice la viteza electronică a noilor afaceri.
Diferențierea lor pe piață se va realiza în funcție de capacitatea de a oferi servicii de valoare firmelor
know.co, de gestiunea eficientă a capitalului (clădiri, echipamente, instalații) și de dezvoltarea celor mai
eficiente practici. Majoritatea firmelor de azi se vor orienta către strategiile physco.
Intrând în noul mileniu, majoritatea firmelor se confruntă cu o dilemă: Vor rămâne physco? Vor
încerca să se transforme în knowco? Sau se vor diviza în două sau mai multe părți, unele care să continue
orientarea physco, iar altele care să devină knowco? Probabil, răspunsul va fi aflat în momentul în care piața
își va spune cuvântul.
25
Note de curs Comerț Electronic
26
Note de curs Comerț Electronic
27
Note de curs Comerț Electronic
28
Note de curs Comerț Electronic
Creșterea Vânzări
vânzărilor Mărimea medie a comenzii
Articole per vânzare
Rata de conversie (vânzări/vizitatori)
Tendințele vânzărilor
Punctul de ieșire
Punctul de intrare
Fluxul ciclurilor
29
Note de curs Comerț Electronic
30
Note de curs Comerț Electronic
Tranzacțiile pot fi efectuate prin telefonul mobil cu suport WAP. Ne putem conecta la Internet pentru
a parcurge mesajele e-mail (wap.yahoo.com), sau pentru navigare și căutare informații (wap.google.com).
E-Marketing 1 folosirea puterii rețelelor de computere și de comunicație online și a mediului digital
interactiv pentru a atinge obiectivele de marketing.
E-Marketing înseamnă procesul de creare și menținere a relației cu clientul prin activități online
de facilitare a schimbului de idei, produse și servicii în scopul satisfacerii nevoilor ambelor părți. (J.Imber-
Dictionary of marketing terms)
Trebuie specificat că e-Marketing are în prezent ca medii de realizare nu numai rețelele Internet,
Intranet și Extranet dar și rețelele locale(LAN), metropolitane(MAN), și de arie extinsă(LAN), CD-urile,
DVD-urile și bornele multimedia, sistemele online cât și sistemele off-line. Conceptul de e-marketing este
utilizat ori de câte ori se dorește proiectarea aplicațiilor de e-commerce de succes. Asigură orientarea
afacerilor comerciale în concordanță ce cerințele și nevoile clienților, de satisfacere cât mai deplină a acestor
cerințe. Realizarea obiectivelor de marketing se realizează prin mixul de marketing online, simbolizat prin
acronimul 4P+2D (politica de produs, politica de preț, politica de plasament – distribuție, politica de
promovare, corespunzător celor 4 P, și respectiv dialog, interactivitate cât și modul logic de organizare a
datelor sub forma depozitelor și bazelor de date, corespunzător celor 2D).
În acest context, considerăm necesar o delimitare conceptuală și a noțiunii de strategie de
marketing care desemnează liniile definitorii ale atitudinii și conduitei întreprinderii în vederea atingerii
unor obiective. Termenii prin intermediul cărora se exprimă strategia de marketing sunt sintetici, conciși.
Strategia nu va fi detaliată, ci doar precisă și realistă. Ea trebuie să indice, fără echivoc, ce se urmărește în
esență și cum se intenționează să se ajungă la scopul vizat.
Strategia de marketing pe Internet indică obiectivele de marketing ce se urmăresc a fi atinse prin
folosirea acestui nou mediu de marketing și modalitățile concrete caracteristice Internet-ului (serviciile și
facilitățile oferite de acesta) prin care se vor realiza.
Marketingul rămâne tot marketing, indiferent de mediul în care este practicat sau de genul de
activitate prestată. Totuși este recunoscută influența fără precedent a tehnologiilor IT&C moderne asupra
activităților de marketing. Pe Internet, marketingul este diferit: este rapid, în continuă schimbare, se
folosește de instrument noi și se adresează unui număr de utilizatori în creștere.
Teoreticienii conceptului e-Marketing au identificat mai multe faze în dezvoltarea acestuia,
începând cu prima generație, care are ca punct de referință anul 1993. Această primă generație a fost
caracterizată de preponderența transmisiilor de date, având ca utilizatori cercetătorii și persoanele din
mediul universitar. Evoluția relativ neînsemnată de până la nivelul anului 1993 a fost rapid surclasată de
perioada 1994 – 2001 în care Internet-ul a devenit sinonim cu facilități de comunicare, de transmisii de
date, tranzacții și utilizare colectivă a aplicațiilor virtuale. Anul 2001 a adus cu sine debutul celei de-a treia
generații de e-Marketing, generație în care cuvântul cheie sunt aplicațiile WEB cu hipermedia, hipertext și
hiperlink, cu tehnologii și instrumente din domeniul IT&C capabile să transmită acest gen de aplicații.
1
Len Keeler – Cybermarketing, AMACO, New York, 1995.
2
Orzan, Gh., Sisteme informatice de marketing, Editura Uranus, București, 2001, p.139
31
Note de curs Comerț Electronic
Internet-ul, cel mai important canal de comunicație media după televiziune, face parte din categoria
factorilor care impun modificarea, reformularea și adaptarea continue a modului de înțelegere, teoretizare
și practicare a marketingului în actuala societate. Sfârșitul anilor ’90 a adus cu sine o explozie a așa-
numitelor dot-comuri, afaceri pe Internet cu dezvoltare impresionantă. Întrebările fundamentale din
domeniul marketingului nu trebuie să rămână fără răspuns, acestea garantând succesul unei afaceri:
■ Cine sunt clienții ?
■ Ce face concurența ?
■ Care este evoluția pieței ?
■ Care poate fi cea mai eficientă variantă a mixului pentru firmă ?
■ Obiectivele propus sunt realiste ?
■ Când și cum putem recupera investiția realizată ?
Termenii de „e-Marketing”, ’’Cybermarketing”, “Marketing pe Internet”, “Marketing online”
devin din ce în ce mai utilizați, putând fi percepuți din două unghiuri distincte:
■ Crearea de valoarea adăugată pentru clienți, organizații, investitori și media prin utilizarea
Internet-ului;
■ Utilizarea Internet-ului ca parte a strategiilor exterioare a propriului site, strategii menite a
direcționa traficul către acest site și a atrage cât mai mulți vizitatori.
Unele lucrări, consideră, în sens larg, noțiunea de comerț electronic că acoperă circuitul complet de
vânzări- cumpărări inclusiv marketingul și relațiile care implică vânzarea propriu-zisă și activitățile post
vânzare.
Comerțul electronic are, în sens larg, un impact mult mai profund asupra evoluției și dinamicii
afacerilor și cuprinde, pe lângă noile achiziții comerciale și totalitatea activităților care determină realizarea
obiectivelor strategice ale unei firme – cu prioritate strategia de marketing – și care pot include publicitate
și promovarea vânzărilor, plăți, activități post vânzare, servicii către clienți, etc.
Ca urmare, s-a lărgit gama de servicii conexe care sprijină și acordă asistență acestui domeniu al
afacerilor. Aceste servicii se referă la furnizorii de Internet, la sistemele de securitate și la semnăturile
electronice (plățile electronice), la tranzacțiile on-line sau rețelele de magazine virtuale, precum și la
serviciile cu caracter general, cum ar fi consultanța, design de pagini web, elaborarea și reactualizarea site-
urilor, statistica comercială, etc.
Această evoluție are un impact major asupra economiei, în ceea ce privește crearea de noi
întreprinderi, diversificarea celor existente și, în special, asupra potențialului pieței forței de muncă și a
gradului de ocupare a acesteia în viitor.
32
Note de curs Comerț Electronic
1. Consumatorilor li se dă siguranță asupra valorii. Vânzătorii pot realiza acest lucru, oferind un
produs sau o linie de produse care atrage potențialii clienți prin prețuri competitive, ca și în comerțul
ne-electronic;
2. Asigurarea de servicii și performanță. Oferind reacții, experiență de cumpărare prietenoasă în
relația cu clientul, s-ar putea atinge aceste țeluri;
3. Crearea unei pagini web atractive. Folosirea cu bun gust a culorii, graficii, animațiilor,
fotografiilor, fonturilor și procentului de spațiu gol, pot mări succesul;
4. Asigurarea motivației consumatorilor de a cumpăra și de a returna. Vânzările promoționale pot
implica cupoane, oferte speciale sau reduceri. Link-urile de pe alte situri web și programele afiliate
de reclame pot fi de asemenea de ajutor;
5. Atrăgând atenția. Siturile web personalizate, sugestiile pentru cumpărare și ofertele speciale
personalizate pot într-o oarecare măsură substitui interacțiunile de tip față în față, de tip tradițional;
6. Asigurarea simțului comunității. Chat-urile, forumurile solicită implicarea clientului, schemele de
loialitate și programele de afinitate pot fi de ajutor în acest sens;
7. Asigurarea seriozității și siguranței. Serverele paralele, redundanța hardware-ului, tehnologia fail-
safe, criptarea informației și firewalls-urile pot îndeplini această cerință;
8. Asigurarea unei deschideri de 360° în privința relațiilor cu clienții, definită ca o asigurare a
faptului că toți angajații, ofertanții și partenerii au o imagine completă, aceea a clientului. În orice
caz, clienților s-ar putea să nu le placă această experiență de tip big brother;
9. Posedând experiența totală a clientului. Orice fel de contact cu clientul este considerat parte a unei
experiențe totale, experiență ce devine sinonimă cu brandul.;
10. Raționalizând procesele de afaceri, prin restructurări interne și prin tehnologii ale informației;
11. Lăsând clienții să se ajute singuri. Asigurând funcționarea unui site de autoservire, ușor de folosit
fără asistență, poate fi de ajutor în acest sens;
12. Ajutând consumatorii să consume. Comercianții prin intermediul Internet-ului pot asigura acest tip
de ajutor printr-o amplă informare comparativă și prin facilități bune de căutare;
13. Construind un model de afaceri sănătos. Dacă acest factor de succes ar fi apărut în cărți în anul
2000, multe situri de tip .com nu ar mai fi dat faliment;
14. Construind un lanț valoric electronic, în care să se pună accentul pe un număr limitat de competențe
nucleu - opusul unui magazin cu o singură oprire. Magazinele electronice pot fi speciale sau
generale, dacă sunt programate corect.
15. Operând cu tehnologia modernă și ținând pasul cu ultimele schimbări ale acesteia;
16. Punând la dispoziție o organizare suficient de atentă și agilă, pentru a răspunde rapid la orice
schimbări din mediul economic, social și fizic;
Există cel puțin trei mari factori ce influențează succesul în aplicațiile de comerț electronic: factori
economici, forțele pieței și tehnologia încorporată.
Factori economici. Unul dintre cele mai evidente avantaje ale e-commerce este eficiența economică
înregistrată de firmă ca urmare a reducerii costurilor de stocare și depozitare, a costurilor de producție și
distribuție, a cheltuielilor de comunicații, a costurilor reduse implicate în echipamentele și infrastructura
33
Note de curs Comerț Electronic
software și hardware, efectuarea cu rapiditate a tranzacțiilor electronice cu clienții și furnizorii, mult mai
mici la nivel global, la schimbul de informații operativ cât și costurile de publicitate și promovare, la
varietatea serviciilor alternative ieftine. Integrarea economică a aplicațiilor de comerț electronic este privită
fie extern sau intern activităților firmei. Integrarea externă a aplicațiilor de comerț electronic se referă la
rețele electronice de corporații, de furnizori, de clienți și de contractori independenți într-o singură
comunitate de comunicare online. Integrarea internă a aplicațiilor de comerț electronic, pe de altă parte, este
de determinată de rețele informatice ale departamentelor în cadrul unei corporații, precum și a operațiunilor
și proceselor de afaceri din aceste departamente. Acest lucru trebuie să permită preluarea informații critice
de business pentru a fi depozitate într-o formă digitală, care să poate fi preluat instantaneu și transmise
electronic. Integrarea internă a aplicațiilor de comerț electronic este cel mai bine exemplificată de existența
rețelelor corporatiste de tip intranet și extranet. Printre companiile cu rețele intranet eficiente sunt cele ale
corporațiilor Procter and Gamble, IBM, Nestle și Intel.
Forțele pieței. Firmele sunt încurajate să folosească e-commerce prin activități de marketing și
promovare pentru a penetra și a se extinde pe noi piețe internaționale, mari sau mici. Internet-ul este mediul
utilizat ca mediu de menținere și fidelizare în relațiile cu clienții. Este mult mai ușor pentru companii pentru
a oferi consumatorilor lor țintă, informații mult mai detaliate despre produsele și serviciile oferite prin
intermediul Internet-ului. Site-ul brazilian Submarino de e-commerce este un exemplu clasic de succes în
utilizarea Internet-ului pentru îmbunătățirea serviciului de relații cu clienții. Site-ul B2C e-commerce
localizat pe un server din Sao Paulo este proprietatea unei firme de vânzare de cărți, CD-uri, casete video,
DVD-uri, jucării, produse electronice și de calculator din Brazilia. S-a extins pentru a deveni cea mai mare
companie de acest gen din Argentina, Mexic, Spania și Portugalia. Aproape o treime din cei 1,4 milioane
de utilizatori de Internet din Brazilia si-au făcut cumpărăturile prin intermediul acestui site. Pentru a
îmbunătăți serviciul clienți, Submarino s-a diversificat prin oferta de logistică și infrastructură tehnologică
pentru alți comercianți cu amănuntul, și care include experiența și expertiza sa în analiza de credit, de
urmărire a comenzilor de produse, cât și în sisteme de comparație de prețuri.
Tehnologia încorporată. Tehnologia TIC încorporată este un factor cheie în dezvoltarea aplicațiilor
de e-commerce. De exemplu, la evoluțiile tehnologice în digitizarea de conținut, de compresie și de
promovare în sistemele deschise, tehnologia a pregătit terenul pentru o convergență a serviciilor de
comunicare într-o singură platformă hardware. Aceasta, la rândul său, a făcut comunicarea mai eficientă,
mai rapidă, mai ușoară și mai economică fără a impune necesitatea de a înființa rețele de comunicație
separate, pentru servicii de telefonie, emisiune de televiziune, televiziune prin cablu, precum și de acces la
Internet. Din punctul de vedere al firmelor și al consumatorilor care au un singur furnizor de informații
costurile de comunicare s-au redus cu cel puțin 20%. Mai mult decât atât, principiul de acces universal la
informații pe diverse canale media este asigurat prin convergența mediilor în forma mediului digital. În
prezent, costurile ridicate pentru instalarea în zonele rurale, slab populate a telefoniei fixe nu este un mijloc
acceptat de companiile de telecomunicații pentru a instala astfel de telefoane. Instalarea telefoanelor fixe în
zonele rurale poate deveni atractivă pentru sectorul privat, în cazul încasării de venituri suplimentare din
rețele de cablu TV și de acces la internet. Această evoluție va asigura accesul la informații accesibile chiar
și pentru cei din zonele rurale și va scuti guvernul de probleme și costuri de instalare scumpe.
Factorii determinanți din interiorul firmei ce influențează succesul în aplicațiile de comerț
electronic:
A. Aspecte tehnice și organizaționale: În multe cazuri, o firmă de Comerț Electronic va
supraviețui, nu doar bazându-se pe produsele sale, ci și având o echipă de management competentă, servicii
34
Note de curs Comerț Electronic
post vânzare de calitate, o structură a afacerii bine organizată, o bună și sigură infrastructură și un website
bine realizat. Dintre factorii de succes:
Suficientă activitate în domeniul analizei de piață. Comerțul Electronic nu face excepție de
la o bună planificare a afacerii și de la legea fundamentală a cererii și a ofertei. Nereușita/ falimentul
este un fapt la fel de întâlnit în Comerțul Electronic, ca și în orice altă formă de afaceri;
O bună echipă de management cu o excelentă strategie;
Oferirea unei metode sigure și facile utilizatorilor pentru a efectua tranzacții online. Cărțile
de credit sunt cele mai populare mijloace de realizare a plăților prin Internet, fiind folosite pentru
90% din totalul cumpărăturilor online. Datele de pe cărțile de credit sunt transferate în siguranță
între cumpărător și vânzător prin companii de “payment gateways”. Totuși aceste “payment
gateways” încep să fie folosite doar de companiile mici. Marile companii procesează plata cu carduri
de credit direct pe site, prin contracte cu bănci comerciale sau chiar cu companiile de cărți de credit;
Oferirea de siguranță și securitate. Serverele care funcționează în paralel, redundanța
hardware și software, criptarea informațiilor, firewall-urile sunt elemente care îmbunătățesc aceste
aspecte;
Construcția unui perfect model comercial de afacere;
Folosirea tehnologiei de ultimă oră, ținând totuși cont de faptul că legile fundamentale ale
comerțului sunt indiferente de tehnologie;
Construirea unei organizații capabile să răspundă prompt oricărei schimbări din mediul
economic, social;
Un website atractiv. O folosire adecvată a culorilor, graficelor, animațiilor, fotografiilor,
fonturilor;
Oferirea a cât mai multe detalii despre produsele comercializate, astfel încât cumpărătorul
să-și poată forma o părere cât mai corectă și mai aproape de realitate;
Rezolvarea elegantă a reclamațiilor;
35
Note de curs Comerț Electronic
Experiența totală a clienților. Tratarea fiecărui contact cu clientul într-un anumit mod/ stil,
care devine astfel sinonim cu marca (brand-ul);
Autoservirea. Crearea unei aplicații care să permită utilizatorului să se descurce singur. Acest
lucru implică o cantitate suficientă de informații, alternative, sfaturi, comparații, căutări, selectarea
de accesorii/ rezerve compatibile etc.;
36
Note de curs Comerț Electronic
produse: CD-uri, DVD-uri, cărți. Amazon.com fiind una dintre companiile de succes care s-au concentrat
pe acest domeniu;
3. Produsele de genul pieselor de schimb par de asemenea a fi potrivite pentru Comerțul Electronic.
Magazinele tradiționale de obicei aduc pe baza unei comenzi astfel de piese. Deci în astfel de situații
magazinele online nu concurează cu cele tradiționale, ci doar cu alte sisteme de comenzi. Un factor de
succes pe această nișă îl reprezintă punerea la dispoziția clientului a unei cantități suficiente de informație
pentru ca acesta să poată alege. El trebuie ajutat prin informații care să indice exact produsul de care el are
nevoie, eventual folosind elemente de identificare, cum ar fi numerele de serie, coduri etc.
4. Cumpărarea de pornografie și alte materiale și servicii pornografice reprezintă un potențial pentru
stânjenirea cumpărătorilor, dar au și un mare raport preț-greutate. Astfel, fără a fi o surpriză, comercializarea
acestor produse a devenit cel mai profitabil segment al Comerțului Electronic.
5. Produsele mai puțin potrivite pentru Comerțul Electronic sunt cele care au un raport valoare-
greutate mic, care au o caracteristică de miros, gust, atingere sau care au nevoie de o probă din partea
cumpărătorului, cum sunt hainele. Totuși Tesco.com a avut succes în vânzarea de produse de băcănie în
Marea Britanie, iar vânzarea de haine prin Internet în Statele Unite este o afacere importantă.
Index-ul de căutare a site-urilor comerciale, www.shopping-sites.com, identifica 18 categorii
principale de bunuri se servicii comercializate electronic:
1. Auctions
2. Books
3. Computer Hardware
4. Computer Software
5. Department Stores
6. Electrical Goods
7. Fashion
8. Flowers and Gifts
9. Food and Drink
10. Health and Beauty
11. Home and Garden
12. Mother and Baby
13. Motoring
14. Music and Video
15. Office
16. Sports and Fitness
17. Toys and Games
18. Travel
37
Note de curs Comerț Electronic
Înainte de a explica fiecare tag în parte menționez ca tag-urile trebuie scrise în codul sursă
exact în forma în care ele apar mai sus, între semnele <>. Aceste simboluri au menirea de
38
Note de curs Comerț Electronic
a transmite browser-ului că textul dintre ele trebuie recunoscut ca un tag – deci ca un cuvânt
cheie al limbajului, o comandă care trebuie executată. Limbajul HTML nu ține cont de
litere mari sau mici în cadrul tag-ului, astfel încât <BODY> sau <body> vor fi interpretate
identic.
<HTML> ~ acest tag transmite browser-ului că documentul respectiv este de fapt un document
HTML, dând astfel indicații asupra modului în care vor fi interpretate diferite partiții ale fișierului ASCII.
<HEAD> ~ acest tag este în fapt tot un mesaj către browser, conținând informații despre document
– ca de ex. link-uri sau pagini care trebuie încărcate în prealabil.
<TITLE> ~ acest tag este folosit pentru a da o denumire paginii web create; acest nume va apare în
partea superioară a ferestrei browser-ului identificând astfel pagina respectivă.
</TITLE> ~ acest tag este de fapt închiderea celui precedent; transmite browser-ului că textul ce
trebuie considerat ca titlu al paginii s-a încheiat. Majoritatea tag-urilor HTML folosesc tag-uri
corespondente de închidere.
</HEAD> ~ tag-ul de închidere al tag-ului corespondent <HEAD>
<BODY> ~ acest tag semnalează deschiderea secțiunii corespunzătoare corpului paginii web. Aici
se vor introduce informațiile conținute în pagină, textul, grafica și elementele multimedia dorite.
</BODY> ~ tag-ul de închidere care transmite browser-ului că nu se mai dorește adăugarea de
informație în această pagină.
</HTML> ~ acest tag încheie documentul HTML, semnalând browser-ului că nu mai există
elemente care trebuie citite sau încărcate.
Cu elementele prezentate mai sus putem deja crea o pagina web – foarte simplă dar perfect
funcțională.
Codul următor implementează o pagina web folosind doar tag-urile de bază:
<html>
<head>
<title>Pagina mea proprie</title>
</head>
<body>
Aceasta este o pagina de test. Acesta este un exemplu perfect pentru
simplitatea creării unei pagini web.
</body>
</html>
OBS: După cum ați văzut tag-urile sunt folosite în general în perechi complementare. Dacă
vreți sa folosiți taguri grupate, fără a avea probleme, atunci ele trebuie corect grupate și nu
încrucișate. Adică:
39
Note de curs Comerț Electronic
Odată creată o primă pagină web funcțională, trebuie sa revenim la tag-uri pentru a aprofunda
capacitățile acestora.
În cadrul secțiunii <BODY> apar elementele de text și grafică ale paginii noastre. Acum să vedem
ce altceva mai putem realiza în această secțiune.
Unul dintre elementele cele mai puternice și des utilizate care se întâlnesc în cadrul acestei secțiuni
este controlul asupra culorilor, atât la nivel de text cât și de fond. Putem configura culori diferite pentru text
normal, link-uri, link-uri vizitate, link-uri active sau pentru fondul paginii noastre.
La pasul următor vom schimba culoarea link-urilor prezente în pagină în galben, pentru a le
diferenția mai rapid în cadrul informațiilor prezentate în pagina web:
În cazul în care în cadrul paginii avem mai multe link-uri ar fi util să putem observa rapid care dintre
ele au fost deja vizitate și care nu. Pentru a putea sublinia acest fapt vom introduce și atributul vlink (=
visited link) în cadrul tag-ului:
În urma comenzii de mai sus, browser-ul va afișa link-urile vizitate cu roșu. Ca un alt pas putem
configura o altă culoare (ex. verde) pentru link-urile pe care se apasă la momentul respectiv; această culoare
40
Note de curs Comerț Electronic
va apare doar în momentul în care se va da click pe link-ul respectiv iar atributul folosit va fi alink (= active
link):
Revenind la controlul culorilor, trebuie să mai amintesc unele detalii. Culoarea poate fi specificată
fie în limba engleză (denumirile dintr-o listă standard) fie în cod hexazecimal (ex.#0000FF). Formatul în
care se transmite comanda este de tip RGB (red green blue): RRGGBB; comanda de mai jos:
<Body bgcolor="#0000FF">
<Body bgcolor="blue">
În cazul în care vrem ca pagina să aibă un aspect mai personalizat, putem folosi ca fond nu doar o
culoare ci o imagine (în format GIF sau JPG):
Tag-ul anterior specifică utilizarea imaginii “imagine.gif” ca fond al paginii noastre. Trebuie
menționat că indiferent de dimensiunile imaginii dorite, aceasta va acoperi întreaga suprafață a paginii.
În continuare, vom aborda utilizarea diferitelor fonturi. În computer vom întâlni o varietate foarte
mare de fonturi în ceea ce privește forma și mărimea. Trebuie să acordăm atenție alegerii fontului utilizat
în pagina noastră web pentru că este posibil ca nu toți utilizatorii care vor încerca să acceseze pagina vor
dispune de fontul respectiv. În acest caz, computerul va înlocui automat fontul nostru cu fontul ”default” al
acelui sistem (de obicei ARIAL sau TIMES NEW ROMAN).
Ca element practic, indiferent de fontul pe care îl utilizăm, este necesară vizualizarea paginii și
folosind fonturile ”default” cele mai răspândite.
Pentru a controla fonturile trebuie utilizat tag-ul <FONT>, în cadrul secțiunii <BODY>:
41
Note de curs Comerț Electronic
</Font>
</Body>
Observați că și tag-ul <FONT> necesită un tag de închidere. Acest tag ne permite să stabilim tipul
de font, dimensiunea sa și culoarea, ca în exemplul următor:
Pentru a da flexibilitate utilizării fonturilor, limbajul HTML permite enumerarea în cadrul unei liste
a fonturilor ce urmează a fi folosite, astfel încât în cazul în care fontul pe care îl utilizați nu este disponibil,
atunci se va încerca automat utilizarea următorului font din lista:
În afara acestui control al fonturilor mai exista încă șase tag-uri care pot modifica fontul prezent în
pagină. Aceste comenzi sunt tag-uri independente și nu apar în cadrul tag-ului <FONT>. Aceste tag-uri sunt
<h1 >, <h2>, <h3>, <h4>, <h5> și <h6>, cu tag-ul <h1> folosind dimensiunea cea mai mare de font iar
<h6> cea mai mica dimensiune. Aceste tag-uri sunt în general folosite la începutul paginii pentru a anunța
un titlu sau în cadrul paginii pentru a diferenția dimensiunea unei porțiuni de text de dimensiunea standard
definită prin tag-ul <FONT>. Toate aceste tag-uri necesită și complementarul de închidere (ex. </h1>).
În cazul în care nu se apelează la tag-ul <FONT> se va folosi dimensiunea default de 3.
În cazul în care dorim ca în locul fontului ”default” al browserului sa folosim alt font pentru întregul
document, se va apela la tag-ul BASEFONT, integrat în secțiunea HEAD a documentului:
<head>
<basefont face=”Comic Sans MS” color="red" size=”+3”>
</head>
Codul sursă de mai sus implică utilizarea ca ”default” a noului font, cu culoarea roșie și cu o
dimensiune mai mare cu 3 decât a fontului ”default” al browserului.
O altă observație trebuie făcută legat de anumite caractere speciale care nu pot fi utilizate în mod
normal ca text datorită faptului că ele reprezintă cuvinte cheie ale limbajului HTML. Pentru a introduce
aceste caractere există posibilitatea de a folosi codul lor sau alte definiții standardizate ale acestora – ca de
exemplu pentru a obține semnul de copyright:
42
Note de curs Comerț Electronic
© -> browser-ul va afișa pe ecran semnul de copyright.
În general simbolul “&” marchează pentru browser faptul că începem descrierea unui caracter
special.
Unul dintre cele mai folosite caractere speciale pentru HTML este spațiul. În cazul în care în textul
pe care dorim să-l publicăm în pagina noastră lăsăm un număr de 5 spații între două cuvinte, browser-ul va
afișa doar un singur spațiu între ele. Pentru a putea afișa mai multe spații trebuie introdus caracterul special
 :
<body bgcolor="#FFFFFF">
Ceva
tare
ciudat.
</body>
Recapitulând, până în acest moment am văzut cum se poate crea o pagină utilizând tag-urile de bază:
<HTML>, <Head>, <Title>, </Title>, </Head>, <Body>, </Body>,
</HTML>; am aflat cum să controlăm culoarea folosită pentru fondul paginii, text, linkuri, linkuri
active, linkuri vizitate, cum să folosim o imagine ca fond al paginii și cum să configuram fontul folosit în
ceea ce privește tipul, culoarea și dimensiunea.
În continuare vom aborda alte tag-uri care aduc o îmbunătățire controlului pe care îl avem asupra
conținutului și prezentării paginii noastre:
<b> și </b> ~ tag-urile transformă textul din cadrul său în text bold (îngroșat). în locul acestei
perechi de tag-uri se poate folosi și perechea <strong> și </strong>
<i> și </i> ~ tag-urile transformă textul din cadrul sau în text italic (cursiv). în locul acestei perechi
de tag-uri se poate folosi și perechea <em> și </em>
43
Note de curs Comerț Electronic
<u> și </u> ~ tag-urile transformă textul din cadrul sau în text subliniat (underlined)
<s> și </s> ~ tag-urile transformă textul în strike. în locul acestei perechi de tag-uri se poate folosi
perechea <strike> și </strike>
<p> ~ tag-ul comandă trecerea la un alt paragraf în cadrul paginii; mai exact tag-ul comandă trecerea
la linie nouă și lăsarea unei linii libere. Mai trebuie menționat că folosirea în serie a tag-ului:
<p> <p> <p>
nu va duce la lăsarea liberă a trei linii, browser-ul va interpreta tag-urile ca pe unul singur.
Folosit sub aceasta formă, tag-ul nu necesită și complementarul de închidere. Vom vedea imediat că
în cazul folosirii unor atribute ale tag-ului va apare și necesitatea utilizării tag-ului complementar de
închidere </p>
În cadrul tag-ului <p> se pot folosi atribute pentru alinierea textului la stânga (poziționarea default),
la dreapta sau central.
De exemplu:
<p align="right">Acest text va fi aliniat la dreapta.</p>
va produce:
Acest text va fi aliniat la dreapta
<br> ~ tag-ul comandă trecerea la linie nouă fără a începe un nou paragraf (= line break); nu necesită
tag de închidere.
In cazul în care dorim trecerea la o linie nouă este obligatorie folosirea tag-ului; simpla utilizare a
tastei ENTER în cadrul codului sursă al paginii noastre nu are nici un efect în cadrul browser-ului.
Pentru obținerea mai multor linii libere se folosește combinația între caracterul special pentru spațiu
și tag-ul <br>:
<BODY BGCOLOR="#FFFFFF">
Ceva tare<BR>
<BR>
<BR>
44
Note de curs Comerț Electronic
<BR>
<BR>
<BR>
Ciudat.
</BODY>
Ceva tare
Ciudat.
<BODY BGCOLOR="#FFFFFF">
<BLOCKQUOTE>
Text folosit pentru a ilustra capacitățile diferitelor taguri HTML. Textul
va fi folosit pentru a ilustra paginarea cu ajutorul tagului BLOCKQUOTE
și apoi cu ajutorul tagului de centrare a textului în cadrul liniilor.
</BLOCKQUOTE>
</BODY>
Text folosit pentru a ilustra capacitățile diferitelor taguri HTML. Textul va fi folosit pentru a ilustra
paginarea cu ajutorul tagului BLOCKQUOTE și apoi cu ajutorul tagului de centrare a textului în cadrul
liniilor.
<center>
Text folosit pentru a ilustra capacitățile diferitelor taguri HTML. Textul
va fi folosit pentru a ilustra paginarea cu ajutorul tagului BLOCKQUOTE
și apoi cu ajutorul tagului de centrare a textului în cadrul liniilor.
45
Note de curs Comerț Electronic
</center>
Text folosit pentru a ilustra capacitățile diferitelor taguri HTML. Textul va fi folosit pentru a ilustra
paginarea cu ajutorul tagului BLOCKQUOTE și apoi cu ajutorul tagului de centrare a textului în cadrul
liniilor.
<nb> ~ (= non breaking space) comandă introducerea unui spațiu în cadrul textului fără a duce la
trecerea la altă linie. Nu se folosește pentru introducerea unui spațiu în cadrul textului ci pentru a distanța
imagini aflate pe aceeași linie. Nu necesită tag de închidere.
<hr> ~ (= horizontal rule) este un tag foarte folosit în cadrul paginilor web. Comanda duce la
trasarea unei linii orizontale de-a lungul paginii. Acest tag poate primi mai multe atribute ce pot configura
poziția, culoarea, dimensiunea liniei.
<BODY BGCOLOR="#FFFFFF">
<HR WIDTH=50%>
<HR WIDTH=100>
</BODY>
Prima comandă va trasa o linie orizontală cu lungimea de 50% din lățimea paginii, de culoare
albastră și centrată; cea de-a doua instrucțiune va trasa o linie orizontală de 100 de pixeli. Tag-ul poate fi
folosit și independent:
<hr>
ceea ce va duce la trasarea unei linii orizontale de lungul întregii pagini.
În cadrul tag-ului <HR> se pot folosi și atributele ALIGN, SIZE și NOSHADE:
46
Note de curs Comerț Electronic
Atributul SIZE determină grosimea liniei iar NOSHADE face linia să devină solidă.
<PRE> și </PRE> ~ după cum am arătat mai sus, browser-ul nu prezintă pagina exact sub forma
sub care vedem textul în momentul realizării codului sursa al paginii; pentru acest neajuns există o soluție
sub forma utilizării acestor tag-uri. Să luăm exemplul următor:
<BODY BGCOLOR="#FFFFFF">
\|/
(@ @)
+----oOO----(_)-----------+
| LeeView |
| for |
| President |
+-----------------oOO-----+
|__|__|
|| ||
ooO Ooo
</BODY>
47
Note de curs Comerț Electronic
Simpla introducere a următorului cod sursă:
<BODY BGCOLOR="#FFFFFF">
<PRE>
\|/
(@ @)
+----oOO----(_)-----------+
| LeeView |
| for |
| President |
+-----------------oOO-----+
|__|__|
|| ||
ooO Ooo
</PRE>
</BODY>
48
Note de curs Comerț Electronic
4.2. Imagini
Imaginea a devenit un element omniprezent în toate paginile web actuale. Bazat pe faptul recunoscut
că o imagine are un impact mult mai mare asupra privitorului decât un text, precum și pe necesitatea oferirii
unor informații cât mai rapid și direct către utilizator, imaginea s-a impus ca elementul indispensabil oricărei
prezentări a oricărui subiect.
În cadrul paginilor web, introducerea elementelor grafice – la acest moment ne referim la imaginile
de tip GIF sau JPG – se face cu ajutorul tag-ului <IMG>.
Un alt atribut care este preferabil să fie prezent este ALT. Cu ajutorul acestui atribut putem oferi o
alternativă browser-ului în cazul în care imaginea respectivă nu a putut fi încărcată:
Tag-ul anterior va face ca în cazul în care poza dorităa nu este găsită, browser-ul să afișeze textul
atributului ALT într-o fereastră de dimensiunile specificate pentru imagine.
Un alt atribut al tag-ului IMG este și BORDER; cu ajutorul său putem specifica grosimea unui
chenar care înconjoară imaginea dorită.
Tag-ul IMG acceptă și el atributul ALIGN, întâlnit de exemplu și în cadrul tag-ului <P>.
<Body>
49
Note de curs Comerț Electronic
<img align=”right” src="1.gif" width=20 height=20 alt="Text în cazul
lipsei pozei din calea generata">
Text care va apare alături de imagine neacoperind imaginea.
</BODY>
Comanda anterioară va poziționa imaginea la dreapta liniei și va face ca textul sa apară în stânga
imaginii (analog pentru folosirea atributului ALIGN=”left”).
În cazul folosirii valorii CENTER pentru atributul ALIGN se va obține poziționare în stânga a
imaginii (lucru default) iar textul va începe pe linia poziționată în dreptul mijlocului imaginii, după umplerea
acestei linii textul continuând pe linia următoare de sub imagine – această opțiune este în general evitată.
Pentru a obține centrarea imaginii se va apela la încadrarea tag-ului IMG între două taguri
complementare <CENTER> și </CENTER>.
Tot în cadrul atributului ALIGN mai putem întâlni alte trei valori:
- “bottom” – aliniază partea inferioara a imaginii pe linia curenta
- “top” – aliniază partea superioara a imaginii cu cel mai înalt element de pe linia curenta
- “middle” – aliniază mijlocul imaginii cu linia curenta
4.3. Linkuri
Mai întâi sa vedem ce este un link (sau o legătură). Pentru a fi cât mai simplu: un link reprezintă
cuvintele subliniate în cadrul unei pagini și pe care poți da click pentru a naviga către alte locații.
Practic, orice element al unei pagini web poate fi asociat unui link: un text, o imagine sau doar o
porțiune de imagine.
<a href="http://www.yahoo.com">Yahoo</a>
<a> și </a> ~ (= anchor) tag-urile transmit browser-ului faptul ca urmează definirea unui link.
Adresa link-ului se încadrează în href=” “; href vine de la Hypertext Reference și este un atribut al
tag-ului <A>. După încheierea tag-ului <A> urmează textul sau imaginea care urmează să facă legătura
către linkul dorit.
50
Note de curs Comerț Electronic
În cazul în care dorim realizarea unei legături către o altă pagină din același director, se va introduce
în cadrul atributului href doar numele paginii:
<a href="continut.htm">Continut</a>
Un alt tip comun de legătură este linkul în cadrul aceleiași pagini. Pentru a crea un astfel de link
trebuie realizați doi pași.
În primul rând, trebuie să identificam secțiunea paginii unde vrem să putem sări și apoi să realizăm
linkul.
Pentru primul pas – definirea zonei la care dorim să se facă legătura avem două posibilități:
<a name=”definitie_zona”> Text </a>
sau
<p id=”definitie_zona”> Text
Prima posibilitate este și cea mai corectă, realizând o ancoră legată de textul respectiv; a doua
posibilitate reprezintă de fapt definirea unui paragraf, cu ajutorul unui atribut al tag-ului <p>.
Saltul propriu-zis la aceasta zonă definită se face prin intermediul următoarei linii de cod:
Saltul se poate face și combinat – la o anumita zonă definită în altă pagină, ca în exemplul următor:
O alta întrebuințare foarte des întâlnită a tag-ului <a> tine de inserarea în pagina web a unei adrese
de contact, mai exact o adresă de mail. Următoarea linie de cod realizează exact acest lucru, cuvântul cheie
mailto specificând browser-ului că urmează o adresă de mail iar acesta va lansa clientul de mail al
vizitatorului paginii cu adresa adresa@yahoo.com gata introdusa în cadrul mesajului:
Un atribut folositor al tag-ului este și SUBJECT, mail-ul trimis de vizitator primind astfel un subiect
gata definit de dumneavoastră:
51
Note de curs Comerț Electronic
<a href="mailto:adresa@yahoo.com?subject=testare">Send E-Mail</a>
Tot în problema linkurilor mai trebuie să amintim și posibilitatea de a defini o adresă de bază pentru
linkurile din pagina noastră. În mod normal, pentru un link către o pagină din același director se folosește
doar numele paginii. Să presupunem că toate linkurile din pagina noastră sunt către pagini aflate într-un
același director DIRECTOR_SURSE; în acest caz putem reduce textul presupus de introducerea acestei căi
în fiecare atribut HREF în modul următor:
<HEAD>
<BASE HREF=http://www.site.com/director_surse>
</HEAD>
După utilizarea acestui cod sursă putem utiliza în cadrul atributului HREF doar numele fișierului
respectiv.
4.4. Liste
Listele sunt un element foarte des întâlnit în cadrul paginilor web datorită, în principal, impactului
vizual mai ridicat decât al textului simplu.
În general, putem discuta despre două tipuri de liste: neordonate și ordonate. Listele neordonate
prezintă elementele listei unul sub altul, cu un așa numitele bullet-uri la stânga elementului. Listele ordonate
înlocuiesc aceste bullet-uri cu numerale sau litere în ordine crescătoare.
52
Note de curs Comerț Electronic
Această comandă va produce următoarea listă ordonată:
1. Element 1
2. Element 2
3. Element 3
<OL>
<LI> linia 1
<LI value=”7”> linia 2
<LI> linia 3
</OL>
1. linia 1
7. linia 2
8. linia 3
Tag-ul <LI> poate utiliza și el atributul TYPE pentru a formata individual numerotarea elementului
respectiv al listei.
Un alt tip de lista întâlnit destul de des este și tipul lista de definiție.
53
Note de curs Comerț Electronic
<BODY BGCOLOR="#FFFFFF">
<DL>
<DT>Termen de definit
<DD>Definiția termenului
</DL>
</BODY>
Tag-ul folosit este <DL> (= definition list), <DT> este urmat de termenul ce urmează a fi definit iar
<DD> specifică definiția propriu-zisă a termenului.
OBS: în limbajul HTML este permisă folosirea comentariilor; acestea încep cu <!-- și se termină
cu -->. Orice tag inserat între marcajele de comentariu este ignorat de browser.
Astfel, dacă zona activă are formă de cerc, se vor preciza trei valori: primele două corespunzătoare
coordonatelor centrului cercului, iar cea de-a treia corespunzătoare razei acestuia.
ex. : tagul următor va defini o zonă activă în formă de cerc cu centrul în punctul (40, 20) al imaginii
și rază 10, zonă activă care va ținti către pagina ‘alta_pagina.htm’:
<area href="alta_pagina.htm" shape="circle" coords="40, 20, 10">
Pentru a defini o zonă activă în formă de dreptunghi, vor trebui precizate patru coordonate: primele
două corespunzătoare colțului stânga-sus al dreptunghiului și alte două corespunzătoare colțului dreapta-
jos.
ex. : vom defini acum o zonă activă în formă de dreptunghi cu colțurile în punctele (0, 0), respectiv
(10,10) , zonă activă care va ținti către pagina ‘pagina2.htm’:
<area href="pagina2.htm" shape="rect" coords="0, 0, 10, 10">
În cazul unui poligon, coordonatele vor fi perechi de valori corespunzătoare vârfurilor poligonului,
de forma:
coords = ”x1,y1, x2, y2,...,xn,yn”.
target – pagina țintă poate fi afișată într-un cadru. În acest caz, atributul target va primi
ca valoare numele cadrului în cauză;
alt – primește ca valoare un mesaj ce va fi afișat sub săgeata mouse-ului, atunci când
aceasta intră deasupra zonei active, mesaj ce de regulă este adresa paginii ținta
OBS : Dacă două sau mai multe zone active se suprapun, prioritară va fi prima dintre acestea definită
în cadrul tagului map.
55
Note de curs Comerț Electronic
4.5.1. Aplicație
Să presupunem că dorim să realizăm un site dedicat turismului, în care ne propunem
să prezentăm câteva mănăstiri din Moldova. Vom crea, cu ajutorul unui editor grafic, o
imagine stilizată ce conține mănăstirile. Apoi vom defini această imagine drept hartă de
imagini, în care efectuarea unui clic cu mouse-ul pe o anumită mănăstire va determina
încărcarea paginii cu descrierea acesteia.
Site-ul va avea patru pagini HTML:
index.htm – va conține harta de imagini și va face legătura către paginile de descriere fie prin
intermediul zonelor active ale hărții de imagini, fie prin legăturile hipertext adăugate ca alternativă;
putna.htm, sucevița.htm, voroneț.htm – pagini ce conțin descrierea celor trei mănăstiri (câte o poză
și un text adecvat).
Pagina index.htm- conține harta de imagini și face legătura către paginile de descriere ale mânăstirilor fie
prin intermediul zonelor active ale hărții de imagini, fie prin legăturile hipertext adăugate ca alternativă;
<html>
<head>
<title>Ghid Turistic</title>
</head>
<body>
<h1 align="center">Ghid turistic - Manastirile Moldovei</h1>
<p align="center"><a href="Putna.htm">[Putna]</a><a href="Voronet.htm">[Voronet]</a>
<a href="Sucevita.htm">[Sucevita]</a></p>
<p align="center">
<map name="Harta">
<area href="putna.htm" alt = "Manastirea Putna" shape="rect" coords="2, 5, 81, 65">
<area href="voronet.htm" alt = "Manastirea Voronet" shape="circle" coords="106, 209, 35">
<area href="sucevita.htm" alt = "Manastirea Sucevita" shape="polygon" coords="82, 44, 84, 68, 58, 68,
100, 110, 121, 56, 95, 18">
</map>
<img border="0" src="Moldova.jpg" usemap="#Harta" ></p>
<p align="center"><i>(efectuati un clic pe imaginea manastirii dorite pentru a-i vizita pagina)</i></p>
</body>
</html>
56
Note de curs Comerț Electronic
<html>
<head>
<title>Manastirea Voronet</title>
</head>
<body>
<h1 align="center">Manastirea Voronet</h1>
<p align="center"><img border="3" src="imagini/Voronet.jpg" width="100" height="100"></p>
<p align = "justify">Manastirea Voronet a fost construita in trei luni si trei saptamini in cursul anului
1488, din porunca domnitorului Stefan cel Mare, si a fost pictata in exterior in timpul lui Petru
Rares.</p>
<p align="center"><a href="index.htm"><i>[acasa]</i></a></p>
</body>
</html>
57
Note de curs Comerț Electronic
4.6. Tabele
O altă modalitate de a structura informația unui document Web constă în utilizarea tabelelor. Acestea
se creează cu ajutorul tagului <table>.
58
Note de curs Comerț Electronic
- align – specifică modul de aliniere al tabelului în cadrul ferestrei browserului. Ca și în cazul
imaginilor, restul elementelor documentului pot umple marginile tabelului. Atributul align poate
primi valorile left, right, center.
- hspace, vspace – controlează marginea liberă, pe orizontală, respectiv pe verticală, lăsată între tabel
și celelalte elemente ale documentului. Valorile primite de cele două atribute sunt exprimate în
pixeli. La ora actuală, numai Netscape Comunicator recunoaște aceste două atribute.
Un tabel este organizat ca o succesiune de rânduri (orizontale), fiecare rând fiind împărțit în coloane
(verticale). Intersecția dintre un rând și o coloană definește o celulă.
Introducerea rândurilor într-un tabel se realizează cu ajutorul tagului <tr>. Tagul <tr> acceptă
atributele:
align – specifică modul de aliniere orizontală a conținutului în interiorul celulelor rândului respectiv.
Alinierea poate fi: left (valoare implicită), right, center;
valign - specifică modul de aliniere verticală a conținutului celulelor rândului în cauză. Alinierea
poate fi: top, middle, bottom, baseline. În cazul valorii baseline, toate elementele celulelor vor fi
aliniate la aceeași linie de bază;
bgcolor – permite specificarea, numai pentru Internet Explorer, a culorii chenarului rândului.
Culoarea poate fi specificată printr-un triplet hexa #rrggbb sau cu ajutorul unei constante predefinite
de culoare;
background – primește ca valoare adresa URL a unei imagini pe care o va afișa ca fundal al rândului
curente. Atributul este acceptat numai de către Netscape Comunicator;
bordercolorlight, bordercolordark – atributele au aceeași semnificație ca în cazul includerii lor în
tagul <table>, numai că se vor referi la chenarul rândului curent. Sunt recunoscute numai de către
Internet Explorer;
title – permite afișarea unui mesaj când mouse-ul se oprește deasupra rândului.
OBS : O mare parte dintre atributele asociate tabelelor sunt comune tagurilor <table>, <tr> și <td>
În cazul în care un asemenea tag este definit simultan în două taguri diferențiate ierarhic, prioritară va fi
valoarea atributului din tagul cel mai recent. De exemplu, dacă considerăm tagul <table bgcolor=”red”> ,
definind culoarea rosie drept culoare de fundal a tabelului, apoi includem în tabel tagul <tr
bgcolor=”blue”>, vom constata că rândul curent are ca fundal culoarea albastră, aceasta fiind culoarea
definită în tagul cel mai recent (inferior ierarhic).
59
Note de curs Comerț Electronic
Definirea celulelor unui tabel se realizează cu ajutorul tagului <td>. Tagul acceptă atributele:
align – setează modul de aliniere orizontală a conținutului celulei respective. Alinierea poate fi: left,
center, right.
valign– setează modul de aliniere verticală a conținutului celulei respective. Alinierea poate fi: left,
center, right, baseline.
width, height – setează lungimea, respectiv lățimea celulei curente.
Dimensiunile sunt exprimate fie în valori absolute (pixeli), fie în procente din dimensiunile
corespunzătoare ale tabelului. Se recomandă ca toate celulele unui rând/coloană să aibă aceeași
înălțime/lungime, pentru a nu altera forma tabelului.
bgcolor – setează culoarea fundalului celulei, analog includerii în tagurile <table> sau <tr>.
background – permite afișarea unei imagini de fundal a celulei, analog includerii în tagurile <table>
sau <tr>.
bordercolor, bordercolorlight, bordercolordark – atributele sunt recunoscute numai de către Internet
Explorer și au aceeași semnificație ca și în cazul tagurilor <table> și <tr>, numai că se referă la
chenarul celulei curente.
nowrap – prezența acestui atribut inhibă posibilitatea ca textul unei celule să fie „spart” în mai multe
linii. Din motive lesne de înțeles, nu se recomandă utilizarea excesivă a acestui atribut.
colspan, rowspan – permit unirea mai multor celule aflate pe aceeași coloană, respectiv rând, într-
una singură. Implicit, cele două atribute au valoarea 1.
title- afișează un mesaj atunci când mouse-ul se află în repaos pe suprafața celulei.
60
Note de curs Comerț Electronic
o left, center, right – controlează alinierea orizontală a titlului. Valorile sunt recunoscute numai
de către Internet Explorer. În cazul acestui browser, poziționarea titlului deasupra sau
dedesubtul tabelului se realizează cu ajutorul atributului valign.
valign – pentru Internet Explorer, controlează poziționarea titlului față de tabel (deasupra sau
dedesubt). Poate lua valorile top sau bottom.
4.6.6. Exemple
4.6.6.1. Exemplu de tabel simplu
<html>
<head>
<title>Credite bancare</title>
</head>
<body>
<h3>ING Bank</h3>
<h4>Dobanzi acordate pentru depozite in
valuta (12 luni)</h4>
<table border="2">
<tr>
<td>USD</td>
<td>2</td>
</tr>
<tr>
<td>EUR</td>
<td>2.7</td>
</tr>
</table>
</body>
</html>
61
Note de curs Comerț Electronic
<html>
<head>
<title>Credite bancare</title>
</head>
<body>
<h3>ING Bank</h3>
<h4>Dobanzi acordate pentru depozite in
valuta (12 luni)</h4>
</body>
</html>
62
Note de curs Comerț Electronic
<html>
<head>
<title>Credite bancare</title>
</head>
<body>
<h3>ING Bank</h3>
<h4>Dobanzi acordate pentru depozite in
valuta (12 luni)</h4>
</body>
</html>
63
Note de curs Comerț Electronic
<html>
<head>
<title>Credite bancare</title>
</head>
<body>
</body>
</html>
64
Note de curs Comerț Electronic
<html>
<head>
<title>Credite bancare</title>
</head>
<body>
</body>
</html>
65
Note de curs Comerț Electronic
<html>
<head>
<title>Credite bancare</title>
</head>
<body>
</table>
</body>
</html>
66
Note de curs Comerț Electronic
<html>
<head>
<title>Credite bancare</title>
</head>
<body>
</body>
</html>
67
Note de curs Comerț Electronic
<html>
<head>
<title>IFS</title>
</head>
<body>
<h3 align="center">Sisteme de functii
iterate</h3>
<table align="center" cellspacing="5">
<tr valign="top">
<td width="33%">In 1981, John
Hutchinson pune bazele teoriei sistemelor de
functii iterate, in lucrarea <i>Fractali si</i>
</td>
<td
width="33%"><i>autosimilaritate</i>, insa
de abia in 1988, cercetatorul american
Michael Barnsley reuseste sa
</td>
<td>formalizeze aceasta teorie,
demonstrând celebra teorema a colajului, in
lucrarea <i>Fractali pretutindeni</i>. </td>
</tr>
</table>
</body>
</html>
68
Note de curs Comerț Electronic
<html>
<head>
<title>Album Foto</title>
</head>
<body bgcolor="#C0C0C0">
<table width="100%" height="90%">
<tr align="center" valign="center">
<td>
<h4>Albumul meu foto</h4>
<h4><br><img src="Ven0.JPG" width="95"
height="70"></h4>
</td>
</tr>
</table>
</body>
</html>
69
Note de curs Comerț Electronic
4.7. Formulare
Limbajul HTML oferă instrumente pentru a facilita interacțiunea documentului web cu
utilizatorul. Această interacțiune va fi efectuată printr-un schimb de informații între
browser și server. Datele furnizate de utilizator în formular sunt transmise către server,
care recepționează cererea și lansează în execuție un scenariu CGI (Common Gateway
Interface-Interfaţă Comună pentru Porți de Acces). Aplicațiile CGI sunt scrise în limbaje
specifice: Perl, C, VBScript, JavaScript sau altele. Ele prelucrează datele primite, într-o
anumită manieră, dependentă de aplicație (interoghează o bază de date, efectuează
anumite calcule, eventual validări de date, şamd.). Apoi aplicația CGI furnizează un
răspuns serverului, care îl transmite mai departe calculatorului client (operație numită
feedback).
Într-un document web pot exista oricâte formulare, dar nu imbricate (nu unul în interiorul altuia).
Formularele sunt definite cu ajutorul tagului <form>, care acceptă atributele:
- action
- method
- name
- target
- title (pentru Internet Explorer)
70
Note de curs Comerț Electronic
câmpul „nume”, în care utilizatorul a introdus valoarea MihneaIonut
și câmpul „email”, în care utilizatorul a introdus valoarea imihnea@mail.com
va determina transmiterea către server a cererii:
http://www.contest.rolink.ro/registration ? nume = MihneaIonut & email = imihnea.mail.com
Dacă se dorește evitarea afișării lui, va fi utilizată valoarea post a atributului method, caz în care
șirul este transmis serverului printr-o secvență HTTP specială.
Atributul name primește ca valoare numele formularului, în situația în care sunt mai multe
formulare în document. De asemenea, numele formularului este util și atunci când scriptul este scris în
JavaScript, pentru a putea fi referit.
Atributul target primește ca valoare numele ferestrei în care se va face afișarea răspunsului emis
de server. Dacă numele transmis ca parametru atributului target nu a fost definit anterior, atunci browserul
va crea o fereastră nouă cu acest nume. Implicit, browserul va afișa răspunsul în pagina curentă. Există
câteva cuvinte cheie ce pot fi transmise ca valoare atributului target:
- _self – răspunsul scriptului va fi afișat în fereastra ce conține formularul;
- _parent– răspunsul scriptului va fi afișat în fereastra părinte a ferestrei ce conține
formularul;
- _top - răspunsul va fi afișat în fereastra din vârful ierarhiei de ferestre;
- _blank–va fi creată o fereastră nouă în care va fi afișat răspunsul. Efectul este similar
situației în care atributul target a primit valoare un nume de fereastră ce nu a fost
definit anterior.
Atributul title oferă posibilitatea afișării unui text explicativ de îndată ce mouse-ul se oprește
deasupra formularului.
71
Note de curs Comerț Electronic
72
Note de curs Comerț Electronic
Atribute acceptate:
- name;
- value – precizează textul afișat pe suprafața butonului. Implicit, titlul
butonului este Submit Query.
reset - definește un buton cu efect predefinit de anulare a informației din formular.
Conținutul tuturor câmpurilor vor fi resetate la valoarea implicită.
Atribute acceptate:
- name;
- value – precizează titlul butonului. Implicit, acesta este Reset.
button – definește un buton de comandă. Acțiunea lui este descrisă printr-un script
(JavaScript, Java, VBScript șamd.).
Atribute acceptate:
- name;
- value – precizează titlul butonului.
Cu ajutorul acestui element se pot defini butoane cu imagini, caz în care tagul img, ce definește
imagine
file – definește un element de tip casetă de fișiere, ce conține un câmp de editare unde
va fi afișată calea fișierului selectat și un buton de comandă Browse.
Atribute acceptate:
- name;
- value – precizează URL-ul fișierului selectat.
hidden – definește un câmp ascuns (care nu este afișat în formular). Câmpurile
ascunse sunt utilizate pentru a trimite către server informații suplimentare, ce nu pot
fi modificate de utilizator.
Atribute acceptate:
- name;
- value.
image – plasează o imagine activă a cărei adresă este introdusă printr-un atribut src . Apăsând pe
imagine formularul va fi trimis , inclusiv coordonatele pointerului de mouse .
image poate primi atributele : align ( pentru poziționarea imaginii relativ la textul înconjurător ) ,
name si src .
- name – definește numele câmpului creat. Numele va fi trimis către server, alături de valoarea sa,
pentru a permite execuția scriptului.
- value – precizează valoarea implicită a câmpului. Această valoare va fi afișată la prima activare a
formularului. Utilizatorul o poate modifica sau poate opta pentru păstrarea ei pentru a fi trimisă
serverului
73
Note de curs Comerț Electronic
- checked – atribut utilizat în cazul casetelor de validare sau a butoanelor radio. Prezența lui determină
selectarea câmpului în cauză.
- size – determină lungimea câmpului (exprimată în caractere). Atribut utilizat de câmpurile de
editare.
- maxlength – fixează numărul maxim de caractere ce vor fi acceptate de către câmpurile de editare.
Depășirea acestui număr va fi semnalată printr-un mesaj sonor. Dacă valoarea atributului maxlength
este mai mare decât valoarea atributului size, textul introdus în câmpul de editare va defila către
stânga.
Așa cum am văzut mai devreme, tagul input permite crearea unui număr mare de elemente de
formular. Însă, tagul input nu permite, de exemplu, crearea unui câmp de editare cu mai multe linii. Acesta
se realizează cu ajutorul tagului textarea.
74
Note de curs Comerț Electronic
Tagul <ISINDEX>
Tagul <ISINDEX> face parte, conceptual, tot din categoria elementelor de formular datorită faptului
că trimite niște informații către server.
Utilizarea tagului duce la apariția în pagina noastră a unui câmp de căutare în care putem introduce
textul pe care dorim să-l căutam . Acest text este apoi trimis către un program CGI care folosește textul ca
pe un argument, generând o nouă pagină ca răspuns .
<ISINDEX> nu este folosit în cadrul tagului <FORM> ci în secțiunea HEAD (între tagurile
<HEAD> si </HEAD>) .
Sintaxa tagului este :
<isindex prompt=”text”>
75
Note de curs Comerț Electronic
4.7.5. Etichetele
Etichetele reprezintă un element de formular care, atașat butoanelor radio sau câmpurilor de
validare, face ca selectarea/deselectarea unei opțiuni să se realizeze și prin apăsarea etichetei opțiunii
respective.
Acest lucru se realizează plasând tagul <input type = “radio”>, respectiv <input type=”checkbox” >
în interiorul perechii <label for=”identificator”></label>, unde identificator va fi definit în tagul input, ca
valoare a atributului id.
<html>
<head>
<title>Formular</title>
</head>
<body>
<form method="POST"
action=”mailto:procx@rolink.ro”>
<p><b>Introduceti numele dvs. --></b>
<input type="text" name="nume"
size="30"></p>
<p><input type="submit"
value="Expediaza"><input type="reset"
value="Anuleaza"></p>
</form>
</body>
</html>
<html>
<head>
<title>Formular logare</title>
</head>
<body>
<form method="POST"
action="mailto:procx@rolink.ro">
76
Note de curs Comerț Electronic
<table border="0">
<tr>
<td><b>Introduceti numele dvs. de
identificare --></b> </td>
<td> <input type="text" name="nume"
size="30"></td>
</tr>
<tr>
<td><b>Introduceti parola
dvs.</b></td>
<td><input type="password"
name="parola" size="30"></td>
</tr>
</table>
<p><input type="submit"
value="Expediaza"><input type="reset"
value="Anuleaza"></p>
</form>
</body>
</html>
<html>
<head>
<title>Optiuni concediu</title>
</head>
<body>
<form method="POST"
action="mailto:procx@rolink.ro">
<h4>Unde doriti sa va petreceti
concediul?</h4>
<p><input type="radio" value="munte"
checked name="Loc">la munte</p>
<p><input type="radio" name="Loc"
value="mare">la mare</p>
<p><input type="radio" name="Loc"
value="acasa">acasa</p>
77
Note de curs Comerț Electronic
<hr>
<h4>Daca plecati in concediu, unde ati dori
sa va cazati?</h4>
<p><input type="radio" name="Cazare"
value="hotel" checked>la hotel</p>
<p><input type="radio" name="Cazare"
value="vila">vila</p>
<p><input type="radio" name="Cazare"
value="pensiune">pensiune
agroturistica</p>
<p><input type="submit"
value="Expediaza"><input type="reset"
value="Anuleaza"></p>
</form>
</body>
</html>
<html>
<head>
<title>Cursuri WEB </title>
</head>
<body>
</body>
</html>
<html>
<head>
<title>Cursuri WEB</title>
78
Note de curs Comerț Electronic
</head>
<body>
</body>
</html>
<html>
<head>
<title>Ataseaza Fisier</title>
</head>
<body>
<form method="POST"
action="mailto:procx@rolink.ro">
<input type="file">
<input type="submit">
</form>
</body>
</html>
79
Note de curs Comerț Electronic
<html>
<head>
<title>Zodiac</title>
</head>
<body>
<form method="POST"
action="mailto:procx@rolink.ro">
<p><b><i>Ce zodie sunteti ?</i></b>
<select name="Zodie" size="1">
<option value="Var">Varsator</option>
<option value="Pes">Pesti</option>
<option value="Ber">Berbec</option>
<option value="Tau">Taur</option>
<option value="Gem">Gemeni</option>
<option value="Rac">Rac</option>
<option value="Leu">Leu</option>
<option value="Fec">Fecioara</option>
<option value="Bal">Balanta</option>
<option value="Sco">Scorpion</option>
<option value="Sag">Sagetator</option>
<option value="Cap">Capricorn</option>
</select>
</p>
<p><input type="submit" value="Expediaza"></p>
<p><input type="reset" value="Anuleaza"></p>
</form>
</body>
</html>
<html>
<head>
<title>Librarie informatica</title>
</head>
<body>
<form method="POST"
action="mailto:procx@rolink.ro">
<h4>Selectati cartile care va
intereseaza:</h4>
<p><select size="3" name="Carti"
multiple>
<option value="bg" selected>Limbajul
HTML, B. Gabrea</option>
<option value="hb">Introducere in
Internet, H. Badea</option>
80
Note de curs Comerț Electronic
<option value="ns">Realizarea
scenariilor in Java Script, N.
Sorescu</option>
<option value="pi" selected>HTML 4.0 -
fundamente, P. Ion</option>
</select></p>
<p><input type="submit"
value="Expediaza"><input type="reset"
value="Anuleaza"></p>
</form>
</body>
</html>
<html>
<head>
<title>Carte de oaspeti</title>
</head>
<body>
<form method="POST"
action="mailto:procx@rolink.ro">
<h4>Parerea dvs.:</h4>
<p><textarea name="Comentarii" rows="5"
cols="19">
Introduceti
aici
parerea
dvs.
</textarea></p>
<p><input type="submit" value="Expediaza">
<input type="reset" value="Anuleaza"></p>
</form>
</body>
</html>
81
Note de curs Comerț Electronic
<html>
<head>
<title>Mesaj</title>
</head>
<body>
<form method="POST"
action="mailto:procx@rolink.ro">
<p><input type="button" value="Apasati aici"
OnClick="alert('Ati apasat butonul cu text')"
name="ButText"></p>
</form>
</body>
</html>
<html>
<head>
<title>Mesaj</title>
</head>
<body>
<form method="POST"
action="mailto:procx@rolink.ro">
<button name="ButonImagine" OnClick="alert('Ati
apasat butonul imagine!')"><img
src="buton.jpg"></button>
</form>
</body>
</html>
82
Note de curs Comerț Electronic
<body>
83
Note de curs Comerț Electronic
<p align="center"><textarea name="Observatii" rows="5"
cols="39">Introduceti aici optiunile dvs.
daca nu este disponibila nici o camera conform cererii exprimate !</textarea></p>
<hr align="center">
</td>
</tr>
</table>
<p><u>2. Informatii Contact</u></p>
<table border="0">
<tr>
<td><b>Nume si prenume :</b></td>
<input type="text" size="35" maxlength="256" name="Nume">
</tr>
<tr>
<td><b>Telefon :</b></td>
<input type="text" size="35" name="Tel">
</tr>
</table>
<p><input type="submit" value="Rezerva"> <input type="reset"
value="Anuleaza"></p>
</form>
</body>
</html>
84
Note de curs Comerț Electronic
85
Note de curs Comerț Electronic
<html>
<head>
</head>
<frameset>
…
</frameset>
</html>
Așadar, tagul <frameset> permite structurarea documentului principal în cadre. În interiorul perechii
<frameset> </frameset> nu pot exista decât elemente <frameset>, <frame>, <noframe>.
Tagul <frameset> acceptă următoarele atribute:
rows – primește ca parametru o listă de valori, separate prin virgulă, ce reprezintă înălțimea cadrelor
orizontale ale documentului principal. Numărul de cadre orizontale este dat de numărul de valori
din listă. Valorile sunt exprimate fie prin numere întregi pozitive (înălțime absolută exprimată în
pixeli), fie prin procente din înălțimea cadrului părinte (înălțime relativă), fie prin caracterul de
punctuație ‘*’, care semnifică o înălțime relativă.
86
Note de curs Comerț Electronic
Observații:
1. Nu se recomandă ca toate valorile să fie absolute, deoarece browserele pot utiliza rezoluții
diferite, ceea ce poate duce la distorsiuni ale afișării;
2. În cazul utilizării procentelor, suma acestora nu poate să depășească 100%, în caz contrar,
browserul va trunchia toate valorile până ce suma va fi 100.
cols – permite împărțirea cadrului curent în sectoare verticale. Parametrii acceptați respectă aceleași
reguli ca și în cazul atributului rows, numai că se referă la lungimea cadrului.
bordercolor – permite setarea culorii chenarelor cadrelor. Culoarea poate fi specificată fie printr-un
triplet hexa de forma #rrggbb, fie printr-un nume predefinit de culoare.
framespacing – permite specificarea distanței, în pixeli, de spațiu liber în jurul tuturor cadrelor.
Observație:
Ascunderea unui chenar, prin utilizarea perechii frameborder=”no” sau border=”0”, face ca acesta
să nu mai fie vizibil pentru utilizator. Totuși, în Internet Explorer, utilizatorul poate opta pentru
redimensionarea cadrului, prin operația Drag and Drop asupra marginii invizibile. Pentru a inhiba această
posibilitate, ascunderea chenarului trebuie însoțită de secvența: framespacing=”0”.
87
Note de curs Comerț Electronic
Tagul <frame> permite definirea unui cadru în interiorul unui set de cadre. El are sens numai atunci
când apare în interiorul perechii <frameset> </frameset>.
Atribute acceptate:
src – specifică adresa URL a documentului ce va fi încărcat în cadrul respectiv;
name – specifică numele cadrului, nume ce va fi utilizat pentru referirea cadrului respectiv atunci
când se va încărca în el un alt document HTML, prin intermediul unei hiperlegături aflate în alt
cadru. Numele este o combinație de caractere alfanumerice;
border – permite setarea grosimii chenarului cadrului curent. Valoarea atributului border aflat în
interiorul tagului frame este prioritară față de valoarea aceluiași atribut aflat în tagul frameset.
88
Note de curs Comerț Electronic
Tagurile <iframe> sunt similare tagurilor <frame>, cu deosebirea că se includ în documente HTML
obișnuite (nu în documente HTML cu cadre), adică în interiorul perechii <body> </body>.
La ora actuală numai Internet Explorer acceptă cadre in-line. Dacă un browser nu recunoaște cadre,
el va afișa conținutul cuprins între <iframe> și </iframe>.
Tagul <iframe> acceptă aceleași atribute ca și tagul <frame>, în plus acceptă atribute preluate de la
tagul <img>, care controlează modul de afișare al cadrului în interiorul documentului.
Atribute acceptate:
- preluate de la tagul <frame>:
src
name;
scrolling;
border,
bordercolor;
frameborder;
framespacing;
noresize;
marginwidth, marginheight;
89
Note de curs Comerț Electronic
4.8.4. Exemple:
<!--index.htm-->
<html>
<head>
<title>Grand Garage</title>
</head>
<frameset rows="150,*,20%">
<frame src="antet.htm">
<frame src="continut.htm">
<frame src="adresa.htm">
</frameset>
</html>
<!--antet.htm-->
<html>
<head>
</head>
<body>
<center>
<h3>GRAND GARAGE</h3>
<h3>Auto S.R.L.</h3>
<h3>Dealer DAEWOO</h3>
</center>
</body>
</html>
<!--continut.htm-->
<html>
<head>
</head>
<body>
<p>Noile preturi de la DAEWOO sunt mai mici
ca niciodata. </p>
<p>Daca pana acum nu credeai, vino sa vezi!
</p>
</body>
</html>
90
Note de curs Comerț Electronic
<!--adresa.htm-->
<html>
<head>
</head>
<body>
<p align="center"><b>Bucuresti, Str. L.
Negreanu 13, Telefon: 051.144.178.</b></p>
</body>
</html>
<!--index.htm-->
<html>
<head>
<title>Grand Garage</title>
</head>
<frameset rows="120,*,20%">
<frame src="antet.htm">
<frameset cols="100,*">
<frame src="meniu.htm">
<frame src="desprenoi.htm">
</frameset>
<frame src="adresa.htm">
</frameset>
</html>
91
Note de curs Comerț Electronic
Cadre imbricate cu chenare colorate de diverse grosimi
<html>
<head>
<title>Cadre imbricate</title>
</head>
<frameset rows="50,*,50%">
<frameset cols="25%,*" border="30"
bordercolor="red">
<frame src="Pagina1.htm">
<frame src="Pagina2.htm">
</frameset>
<frameset cols="*,2*,3*" >
<frame src="Pagina3.htm" scrolling=”yes”>
<frame src="Pagina4.htm" scrolling=”auto”>
<frame src="Pagina5.htm" scrolling=”no”>
</frameset>
<frameset cols="*,100" border="15">
<frame src="Pagina6.htm">
<frame src="Pagina7.htm"
bordercolor="maroon" noresize>
</frameset>
</frameset>
</html>
<frameset rows="92,*,20%"
frameborder="no" framespacing="0">
<frame src="antet.htm">
<frameset cols="100,*">
<frame src="meniu.htm">
<frame src="desprenoi.htm">
</frameset>
<frame src="adresa.htm">
</frameset>
</html>
92
Note de curs Comerț Electronic
</html>
93
Note de curs Comerț Electronic
<html>
<head>
<title>Formate de
Imagini</title>
</head>
<body>
<iframe name="cadru"
src="Generalitati.htm"
width="200" height="100"
border="3" align="right">Site
realizat cu cadre in-line.
Browserul dvs. nu
suporta!</iframe>
<b>Formate de Imagini:
<ul>
<li><a href="bmp.htm"
target="cadru">BMP</a></li>
<li><a href="jpeg.htm"
target="cadru">JPEG</a></li>
<li><a href="tiff.htm"
target="cadru">TIFF</a></li>
</ul>
</b>
</body>
</html>
94