Construirea Identitatii Personale Online a Informaticianului Economist

Construirea Identitatii Personale Online a Informaticianului Economist

Byadmin ianuarie 1, 2024

CUPRINS:

Introducere

Internetul, tratat din perspectivă tehnologică, prin transformările sale structurale, de comportament și de sistem pe care le impune, aduce schimbări majore asupra mediului economic, respectiv asupra instituțiilor și a agenților economici.Pe de altă parte, se pune problema dacă Internetul oferă susținere în ceea ce privește transformările pe care le-a produs.Aceasta denotă că, prezența pe piața virtuală a actanților nu este numai o consecință ci este și o cauză a dezvoltării tehnologiei și a mediului de comunicare.

Oportunitatea integrării într-o infrastructură unică a elementelor ce caracterizează instrumentele esențiale ale comunicării, managementului și marketingului este oferită de mediul creat prin Internet, www sau wireless.

Principala modalitate prin care firmele mici se pot dezvolta și pot avea avantaje competitive majore în lupta concurențială acerbă de pe piața economică este reprezentată de spațiul virtual.

Inițial, se poate spune că prezența agenților economici în rețeaua gobală, respectiv Internetul, este o modă, însă această prezență reprezintă o modalitate ușoară și eficientă de comunicare cu clienții și partenerii de afaceri,indiferent de forma sub care se manifestă(site de prezentare,site de vânzare online,Extranet pentru partenerii de afaceri, etc).

În prezenta lucrare sunt abordate criteriile fundamentale în ceea ce priveste construirea identității online, respectiv construirea unei pagini Web și anume: aspectul general al site-ului sau prima impresie lăsată de către acesta, modul de navigare prin site sau ușurința în utilizare a produselor și tehnologiilor de utimă oră, calitatea conținutului, optimizarea, controlul și menținerea site-ului.

În primul capitol sunt prezentate atât importanța și avantajele acestui mediu, cât și impactul provocat de Internet asupra agenților economici.

Cel de-al doilea capitol conține o prezentare succintă a limbajului HTML, prezentare care facilitează înțelegerea codurilor sursă oferite, dar și o serie de noțiuni teoretice referitoare la realizarea unei pagini Web,cum ar fi: formatarea textului, crearea legăturilor, a formularelor și a cadrelor, utilizarea imaginilor și a fundalurilor, precum și multe exemple practice.

Capitolul 3 este constituit dintr-un studiu de caz privind prezentarea unui agent economic și transpunerea domeniului de activitate în mediul online.

Spre deosebire de publicitatea care se face la televizor sau amplasarea bannerelor publicitare prin oraș, site-ul web va oferi publicitate doar pentru persoanele care sunt cu adevărat cointeresate în ceea ce se propune pe site. Totodată, internetul ne permite organizarea publicității în mai multe modalități, cum ar fi: text link-uri, bannere publicitare, publicarea informațiilor pe alte site-uri web. Zilnic se reduce numărul persoanelor care citesc ziarele și privesc televizorul, iar Internetul este în continuă creștere.

Capitolul 1: Mediul online

1.1 Importanța mediului online

Nu mai este un secret faptul că totul astăzi este raportat la Internet. Acesta a devenit un univers informațional, în plină dezvoltare, în cadrul căruia se regăsesc întâlniri sau doar comunicări, vânzari sau promovări. Pentru toți există loc sub aripa protectoare a motoarelor de căutare, indiferent de motive: dacă suntem persoane fizice in căutare de afirmare, dacă deținem o afacere sau un magazin de prezentare. Apariția Internetului a fost cel mai mare eveniment social și tehnologic în același timp. Puterea Web-ului a adus cu sine o profundă schimbare, de la producători până la consumatori. Actuala generație are acces deplin la informații, acest lucru oferindu-le putere deplină prin care pot discerne adevărata valoare mult mai ușor decât generațiile anterioare. Mai mult ca niciodată întreprinzătorii, managerii, firmele în general au nevoie de servicii mai bune, costuri mai mici, strategii de atragere a clienților mai moderne, diferențele de valoare fiind imposibil de ascuns.

Promovarea făcută în mod rudimentar și tradițional, prin bannere sau anunțuri este înlocuită cu publicitatea online. Mai mult decât atât, imaginea noastră și feed-back-ul provenit de la oamenii cu care intercționăm tot online sunt promovate. Construirea unui site pentru promovarea imaginii este benefic, acesta funcționând practic precum o carte de vizită, agentul economic având șanse mai mari să se facă cunoscut în mediul online și să devină un brand. Un blog face exact același lucru în cazul persoanelor fizice.

Activitățile agenților economici derulate pe Web sunt asemănătoare cu cele realizate într-o manieră tradițională: oferă posibilitatea de a vă prezenta potențialilor clienți sau parteneri, să afle cine sunteți, ce faceți, ce produse le puteți oferi și unde puteți fi găsiți.

Însă nu numai agenții economici au de câștigat ci și avantajele consumatorilor sunt numeroase:

•oferă posibilitatea consumatorilor să cumpere sau să efetueze tranzacții 24h/zi, în tot timpul anului din aproape orice locație;

•acordă consumatorilor mai multe posibilități de alegere;

•cumpărătorii pot să aleagă mai ușor cel mai mic preț pentru un produs sau serviciu;

•permite livrarea rapidă a produselor și/sau serviciilor (în unele cazuri);

•consumatorii pot să primească informație relevantă într-un timp scurt, în căteva secunde și nu în zile sau chiar săptămâni cum este cazul în multe afaceri tradiționale;

•face posibilă participarea la licitații virtuale;

•facilitează competiția,ceea ce duce la scăderea prețurilor produselor și serviciilor;

•permite consumatorilor să interacționeze cu alți cumpărători prin intermediul comunităților electronice, să schimbe impresii și să-și compare experiențele.

Cu toții trebuie sa conștientizăm importanța mediului online. Aproape nimic astăzi nu se mai desfășoară în mediul fizic, ci în mediul online. Trebuie sa ne obișnuim sa punem în valoare resursele pe care ni le oferă acesta în vederea promovării imaginii noastre.

1.2 Identitatea online

Identitatea online sau identitatea pe internet este o identitate socială care un utilizator de internet o stabilește în comunitățile online și pe site-urile Web. Cu toate că unii oameni preferă să folosească numele lor reale online, unii utilizatori de Internet preferă anonimatul, identificându-se prin intermediul unor pseudonime care dezvăluie cantităti variabile de informații despre ei înșiși.

În unele contexte online, inclusiv forumurile, mesajele instant și jocurile online multiplayer, utilizatorii se pot reprezenta vizual prin alegerea unui avatar, o icoană de imagine grafică. Conceptul de sine și modul în care acest lucru este influențat de noile tehnologii sunt un subiect de cercetare în domenii cum ar fi psihologie și sociologie. Efectul dezinhibiției online este un exemplu notabil, referindu-se la un concept de comportament neînțeles și dezinhibator pe Internet, care apare ca urmare a anonimatului. Ca sa îți construiești identitate online corectă, în primul rând trebuie să utilizezi de fiecare dată numele tău real. Un pseudonim poate da impresia de neseriozitate și alți utilizatori și pot crea o impresie gresită. Fiecare detaliu este important.

Având în vedere flexibilitatea identităților online, economiștii au fost surprinși de faptul că site-urile comerciale s-au dezvoltat atât de mult pe Internet. Când două identități sub pseudonim intră într-o tranzacție online, se confruntă cu dilema prizonierului, afacerea poate avea success numai dacă parțile sunt dispuse sa aibă încredere în ele, dar nu au nicio bază rațională pentru a face acest lucru. Dar site-uri de tranzacționare au dezvoltat sisteme de managementul reputației, cum ar fi sistemul eBay de feedback care înregistrează și furnizează informații prin care utilizatorii pot da un raiting de încredere celorlalți.

1.3 Identitatea socială online ca expresie a identității personale

Socializarea pe Web, adică utilizarea Internetului pentru a sprijinii procesul social reprezintă un spațiu în care oamenii au posibilitatea de a-și exprima și de a expune identitatea intr-un context social.

Oamenii iși definesc explicit identitatea prin crearea profilurilor de utilizator în diverse servicii de rețea, sociale sau in servicii de intâlniri (dating) online prin intermediul blogurilor și pot exprima opinii. definindu-și astfel identitatea.

Divulgarea identității unei persoane poate duce la anumite probleme referitoare la viata privată și dezvăluirea informațiilor cu caracter personal. Cu toate acestea, mulți oameni au invățat să adopte și să urmeze strategii care le permit să controleze nivelul de divulgare a informațiilor cu caracter personal.

Viitorul anonimatului online depinde de cum este dezvoltată infrastructura de management online. Organele de aplicare a legii iși exprimă de multe ori opoziția față de anonimatul online și față de pseudonime. Prin urmare, aceștia solicită o infrastructură de management de identitate, care să lege în mod irevocabil identitatea online la identitatea legală a persoanei respective. În cele mai multe de astfel de propuneri, sistemul ar fi dezvoltat în tandem cu un document sigur de identitate națională. În contrast, avocații drepturilor civile online, argumentează că nu este nevoie de un astfel de sistem deoarece soluțiile tehnice cum ar fi sistemul de management al reputației sunt deja suficiente și se asteaptă ca sofisticarea și utilitatea lor să crească.

Capitolul 2: Construirea unei pagini Web

2.1 Word Wide Web

Începând din anul 1990 Internetul avea să cunoască cea mai tulburătoare transformare și extindere prin ceea ce avea sa fie tehnologia World Wide Web (www). Tehnlogia www este o aplicație a Internetului, dar care l-a schimbat fundamental, fără a schimba structura lui generală sau sistemul de protocoale, prin introducerea unor aplicații noi.

Web-ul nu a fost, de fapt, creat in SUA ci la laboratorul de fizică al Centrului European pentru Cercetare Nucleară (CERN) din Geneva în anul 1990 de către Tim Berners –Lee care a constatat că , deși calculatoarele personale au devenit orientate pe imagine, pe Internet predomină totuși textul. El a folosit tot ceea ce Internetul adusese până atunci, plus un mod de organizare a informației( propus de Ted Nelson, un specialist din familia hacker-ilor) bazat pe un sistem care permite unui browser să creeze legături independente în scopul vizualizării acestora, numit hypertext. În acest mod se poate renunța, după cum se știe la prezentarea liniară a informației, Berners-Lee introducând hypertextul la nivelul întregii rețele mondiale Internet și utilizarea multimedia( audio și video), avea să dea naștere a ceea ce a devenit a World Wide Web of information.

World Wide Web (Web) este cel mai mare rezervor de informație electronică din lume. Cu alte cuvinte, Web este o colecție de milioane de documente legate între ele, care se găsesc pe calculatoare răspândite în întreaga lume (web=pânză de păianjen). Vizionăm pe site-uri din întreaga lume, Web-ul este deci un sistem de comunicație global care permite calculatoarelor să transfere date hipermedia în Internet. Altfel spus, putem considera Web-ul un sistem de documente sau programe legate între ele, așezate la nivelul superior al Internetului (hardware si software).

Web-ul este așezat la nivelul superior al Internetului. Cu alte cuvinte,Web-ul utilizează Internet-ul ca bază de comunicație. Atunci când utilizăm un browser pentru vizualizarea documentelor Web, date pe care le vedem sunt transmise prin Internet. Deci, Internetul este mecanismul de transport care permite browserului să transmită și să recepționeze date. Diferența esențială dintre Web și Internet este că Web-ul ne permite să găsim drumul printr-un număr aproape infinit de doinit de documente legate. Dacă vom încerca să localizăm documente fără ajutorul Web-ului, utilizând numai instrumentele din Internet, vom avea nevoie de un index principal al informațiilor din Internet. Dar un astfel de index nu este realizabil deoarece lista ar trebui actualizată în mod continuu, pe masură ce utilizatorii adaugă sau șterg documente.

Un site Web este definit ca o colecție coerentă de informații prezentată sub forma unor pagini Web, fișiere multimedia, documente și de alte tipuri, între care există legături. Paginile Web și colecția de fișiere sunt integrate printr-o pagină Web denumită in mod tipic index.html, default.html, sau gome.html (extensia html poate apărea ca htm). Această pagină conține în mod uzual un cuprins sau un index care face referiri la celelalte pagini din site-ul Web.

Caracteristicile Web-ului:

•www este dinamic deoarece se schimbă zilnic și încă se mai adaugă servere de Web, punând astfel la dispoziția utilizatorilor noi și noi informații prin intermediul unor hiperlegături sau servicii inovatoare;

•www este interactiv în sensul că o anumită informație poate fi regăsită prin intermediul motoarelor de căutare și returnată utilizatorului sub forma unor liste, ale căror elemente se apropie cât se poate de mult de parametrii specificați. Un alt exemplu de interactivitate sunt formularele on-line pentru tranzacții financiare și comerciale în cadrul cărora utilizatorii pot alege anumite elemente dintr-un catalog sau pot completa câmpuri dintr-un formular de comandă;

•www este orientat pe grafică. De fapt, a fost creat tocmai pentru a extinde acest domeniu al graficii pe computere și în rețele. Utilizarea intensivă a graficii nu numai că face www atrăgător, dar îl face și ușor de utilizat. Elementele grafice publicate pe Web permit utilizatorilor să acceseze noi surse de informații prin legăturile hipertext. De ceva timp, putem vorbii și despre adăugarea de noi facilități multimedia, însemnând voce și animație la structura deja existentă a lui www;

•www este disponibil tuturor utilizatorilor însemnând că informațiile se pot gasii stocate pe servere de Web din întreaga lume. Dacă unul dintre site-uri se defectează, acest lucru nu are un efect semnificativ asupra Web-ului ca și întreg, cu excepția faptului că accesul pe acel site va fi interzis. Datorită acestui lucru, unele servere sunt legate și de alte site-uri pentru ca informația să fie disponibilă, chiar daca serverul principal care susține acel site se defectează;

•www utilizează foarte mult legăturile hipertext. O legătură hipertext poate fi identificată printr-un cuvânt sau o frază subliniată sau un obiect grafic ce trimite la alte informații ce se pot gasii oriunde, în același document, într-un document diferit sau într-un document ce se poate afla pe un alt server localizat oriunde în lume. O legătură hipertext nu treuie să indice documente text, poate să realizeze legături către hărți, formulare, imagine, sunet sau videocipuri, precum și către servicii Internet.

În aprilie 1993, după aproape un an și jumătate de la introducerea Web-ului existau 60 de servere. Astăzi se estimează numărul acestora la peste un million.

În ultimii 3 ani, Web-ul s-a dezvoltat exploziv și a dobândit un nou aspect. Nu se mai limitează la schimbul de informații științifice între cercetătorii fizicieni. Lumea afacerilor utilizează Web-ul pentru promovarea produselor.

2.2 HTML și istoria sa

Limbajul de Marcare HiperText (HTML) este un limbaj de marcare utilizat de proiectanți pentru a crea documente independente de platforme (sisteme de operare). Cu alte cuvinte HTML specifică un set de reguli (o sintaxă) utilizate de proiectanți pentru a crea documente pentru diverse programe de aplicație care rulează pe diverse tipuri de hardware,sub diverse sisteme de operare. HTML nu este un limbaj de programare, ci un limbaj descriptiv de marcare. Pentru a crea un document utilizând HTML, proiectanții insereaza în documentele bazate pe text etichete (delimitatori) și eventual referințe de entitate, pentru a specifica operațiile pe care trebuie să le realizeze o aplicație asupra textului.

Autorii Web-ului utilizează HTML din 1990, când Tim Berners-Lee, creatorul Web-ului si Daniel W. Connolly au creat acest limbaj. Utilizând SGML(Limbaj de Marcare Standard Generalizat) ca machetă de proiectare, Berners-Lee a proiectat HTML, iar Connolly a scris Definirea Tipului de Document (DTD) HTML.

HTML DTD este definirea formală a sintaxei HTML in termenii SGML.Limbajul de Marcare Standard Generaizat (SGML) este un metalimbaj (limbaj utilizat pentru descrierea unui imbaj de marcare). SGML este un standard internațional (aprobat în 1986). HTML este o aplicație a SGML.

HTML este un limbaj descriptiv de marcare care utilizează în general identificatori de marcare descriptivi (numiți taguri sau etichete) pentru identificarea distinctă a conținutului documentului. Proiectanții utilizează etichetele pentru a împărți documentul în părți logice. Etichetele HTML descriu o structură și stabilesc aspectul unui document, furnizând browserelor informații de formatare.

Ca orice standard Internet, HTML-ul este supus în permanență modificărilor. O dată cu dezvoltarea acestuia, fiecare nivel nou (versiune nouă) primește un număr mai mare decât nivelul precedent. În mod curent, majoritatea browserelor utilizează ca standard HTML nivel 2.

Cele mai mari schimbări sunt adăugarea tabelelor, cadrelor și HTML-ului dinamic. Tabelele, nu numai că afișează informația în formularul de tabel, dar sunt de asemenea folosite la poziționarea cu precizie a textului și a graficilor. Tabelele sunt utilizate pe scară largă. Cadrele(frame-urile) permit unei pagini Web să fie divizată în secțiuni controlate în mod independent. Ele sunt folosite oarecum pe scară largă, dar nu sunt atât de populate precum tabelele.

HTML nivel 0 a fost primul standard de definire a unui limbaj de marcare utilizat in Web. HTML nivel 0 include etichete de marcare a conținutului documentelor, precum și definiții de marcare pentru hiperlegături, antete, paragrafe, liste și elemente de meniu. Aceste etichete prezintă informația continuă în documentul electronic într-un format structurat prin intermediul unei definiții de tipul documentului. Cu alte cuvinte, un program client, de exemplu un browser, poate utiliza definiția tipului documentului pentru a prezenta documentul în maniera dorită de creatorul său. Deși cantitatea de etichete disponibile pentru marcare este limitată, există etichete de bază pentru crearea de legături și formatarea de bază a documentelor.

HTML nivel 1 include toate facilitățile versiunii 0 și adaugă suport pentru imagini in-line și formatare de caractere (boldic si italic). HTML nivel 1 furnizează mai multe facilități de formatare pe care le găsim în programele de procesare de text (Microsoft Word).

HTML nivel 2 este cel mai răspândit standard de formatare a documentelor din Web. Acesta cuprinde toate facilitățile din versiunile 0 și 1și adaugă acestora interfața Form, care permite interacțiunea unei pagini Web cu utilizatorii. Interfața Form permite schimbul de date interactiv între client și server.

DHTML este o extensie a HTML-ului, reprezintă orice tehnologie care adaugă un comportament dinamic paginilor HTML, poatefi imprimat acestor pagini cu ajutorul unor programe cum ar fi: Java de la JavaSoft, JavaScript de la Netscape, VBScript sau ActiveX de la Microsoft și chiar limbajul C++. Tehnologia DHTML permite creatorilor de site-uri Web să modifice oricând, rapid o pagină Web. Acest lucru aduce numeroase beneficii. În primul rând le permite dezvoltatorilor să ofere pagini formatate cu un grad înalt de interacțiune pentru utilizator, fără a fi nevoie să fie descărcate programe de la server.

În prezent, HTML nivel 3.2 este propus ca standard Internet-trecând peste HTML nivel 3.HTML nivel 3 a inclus toate facilitățile nivelelor anterioare,adăugând facilități și extensii pentru numere,tabele și elemente de control.

2.3 Elementele de bază HTML

O pagină Web este un document text care aproape întotdeauna conține informații de formatare și legături către alte fișiere.În documentul text, această informație specială de formatare și de legătură este stocată in tag-uri (etichete) , șiruri speciale de caractere de text din document, care sunt marcate de <paranteze ascutite>. Formatul acestor etichete și ce înseamnă și ce înseamnă fiecare dintre ele sunt determinate de o specificație numită HTML.

Elementele HTML specifică structura logică a unui document Web și sugerează prezentarea vizuală a documentului. Cu alte cuvinte, utilizarea elementelor de către proiectant definește structura documentului Web.

Un document HTML este un fișier de text obișnuit căruia i se asociază o serie de elemente speciale HTML. Aceste elemente sunt referite prin mai multe cuvinte : coduri, etichete, taguri, marcaje, controale , ce semnifică acelasi lucru.

Elementele HTML sunt utilizate pentru delimitarea legăturilor, antetelor, paragrafelor, listelor și a marcajelor luminoase ale caracterelor. Majoritatea elementelor HTML conțin la început o etichetă de start, adică simboul “mai mic” (<) și o etichetă de sfârșit, care este simbolul “mai mare” (>). Pentru majoritatea elementelor, marcarea sfârșitului se face într-un mod asemănător începutului, cu exceptia faptului că o etichetă de sfârșit conține imediat după simbolul “mai mic” un caracter slash(/).

Unele elemente HTML conțin numai eticheta de start, fără eticheta corespondentă de sfârșit; de exemplu, întrucât nu are conținut corespondent, eticheta pentru întrerupere de rând (line-break), care produce trecerea la linia următoare, utilizează doar elementul <BR>. În plus, pentru unele elemente HTML, etichetele de sfârșit sunt opționale. Astfel de etichete opționale de sfârsit sunt etichete de sfârșit de paragraf </P>, eticheta de sfârșit de listă </LI> și eticheta de sfârșit al unei descrieri de definiție </DD> .

Fiecare document HTML creat trebuie să includă o declarație a tipului de document care furnizează programelor client elemente specifice despre document, cum ar fi nivelul HTML ce trebuie utilizat pentru redarea documentului. După declarația de tip a documentului, urmează două părti esențiale ale documentului: antetul și corpul. Deși e posibil ca elemetele care indică antetul și corpul (denumite corespunzător <HEAD> și <BODY>) să nu apară în documentele HTML, această împărțire a unui document în antet și corp este destul de utilă.

Elementul <HTML>, care trebuie să apară la începutul documentului HTML, informează clienții că documentul utilizează HTML. În mod asemănător, la sfârșitul documentului HTML trebuie să apară eticheta de sfârșit </HTML>.

Elementul <HEAD>, care trebuie să apară la începutul documentului, etichetează antetul (sau partea de introducere) a dcumentului, care conține informație neordonată despre document. În antetul documentului putem include informații de titlu, precum și informații legate de subiectul general al documentului. Eticheta de sfârșit </HEAD> indică sfârșitul antetului documentului.

Fiecare document HTML trebuie să conțină o pereche de etichete <TITLE> și </TITLE> în cadrul antetului (între perechea de etichete <HEAD> și </HEAD>). Prin utilizarea etichetei <TITLE>, specificăm titlul documentului, care nu trebuie să depășească 64 de caractere. La vizualizarea unui document HTML, majoritatea browserelor vor afișa titlul documentului în bara de titlu din partea superioară a ferestrei browserului.

Într-un document HTML, elementul <BODY> specifică poziția textului principal al documentului. În mod obișnuit, elementele <BODY> includ alte elemente care definesc fluxul de text al documentului prin specificarea de antete, paragrafe, liste, etc. Pe scurt, corpul documentului HTML cuprinde tot ce nu este inclus in zona de antet . Eticheta de sfârșit </BODY> identifică sfârșitul elementului corp. Prin utilizarea lor, browserele pot recunoaste diversele părți ale documentului. De atfel, programele robot si wanderer (programe utilizate pentru căutarea și găsirea de cuvinte cheie în documente Web) pot utiliza informații localizate în antetul documentului pentru a determina dacă documentul se conformează criteriului de căutare al utilizatorului.

Proiectanții plasează adesea un element <ADDRESS> la începutul și la sfârșitul corpului unui document pentru a afișa informații cum ar fi adresa societății, semnătura și autorii. În mod obisnuit, browserele redau acest element utilizând caractere cursive și, eventual, indentare. Pentru a separa diversele părți ale adresei, este necesară utilizarea etichetei <BR> (trecerea pe rândul următor).

Proiectanții utilizează elementul HTML anchor, eticheta <A>, pentru a plasa hiperlegături (ancore) în cadrul documentului. Eticheta ancoră specifică un text, la afișarea de către un browser, textul cuprins între etichetele ancora <A> și </A> va fi evidențiat.

Documentele HTML pot conține adrese URL relative sau absolute. Elementul opțional <BASE> permite proiectantului să specifice adresa de bază care va fi utilizată de un browser pentru interpretarea URL-urilor relative. Proiectanții trebuie să introducă eticheta base în partea de antet a documentului HTML. Întrucât browserele determină adresele URL relative utilizând o adresă de bază (furnizată de atributul HREF al etichetei base ) valoarea atributului HREF trebuie sa fie un URL absolut.

Elementul blockquote <BLOCKQUOTE> este utilizat pentru a cita un text dintr-un document HTML preluat din altă sursă. Când browserul interpretează un element <BLOCKQUOTE>, este posibil sa indexeze textul si să utilizeze caractere cursive. În plus browserele introduc spații deasupra si dedesubtul citatului.

Elementul HTML boldface<B> permite proiectantului să specifice într-un document un text cu caractere aldine. În mod similar,elementul italics <I> permite proiectanților să specifice într-un document un text pe care browserul îl va afișa utilizând caractere cursive.

Elementul cite <CITE> este utilizat pentru a face referire la titlul unei cărți , al unei reviste, etc.De obicei, browserul va reda textul citat cu caractere cursive.

Elementul code<CODE> este utilizat pentru a indica exemple de cod, cum ar fi C++ sau Java. Browserele redau aceste elemente de cod utilizând un font monospatiat. În general, putem utiliza elementul <CODE> pentru cantități reduse de cod și elemente de structurare a blocurilor <PRE> pentru blocuri de cod de dimensiuni mari.

Într-un document de mari dimensiuni, elementul heading permite organizarea informației. HTML-ul permite șase nivele de titluri ce utilizează etichete de la <H1> la <H6>. Fiecare din aceste etichete de start, împreuna cu cele corespondente de sfârșit, specifică un titlu de document. A nu se confunda eticheta <HEAD>, care prezintă informații despre titlul documentului, cu etichetele de titluri, care reprezintă titluri de secțiuni.

Elementul image-documentele Web utilizează masiv imaginile. La crearea unui document Web, imaginile nu sunt incluse în documentul propriu zis. Documentele HTM L conțin numai text, proiectanții utilizează eticheta image <IMG> pentru a lega o imagine la un document.

Pentru a permite utilizatorilor găsirea unor informații conținute în milioane de documente din Web, programatorii au construit “mașini de căutare”, care sunt programe ce caută prin documentele unui anumit subiect. Elementul <ISINDEX> ofera proiectanților posibilitatea de a defini cuvinte cheie care apar în text ca punct de intrare de index. Astfel,o mașină de căutare poate caută un anumit text dintr-un document.

Elementul keyboard <KBD> este utilizat pentru a indica textul pe care trebuie să-l tasteze utilizatorul. O utilizare obișnuită a elementului <KBD> este afișarea textului pe care utilizatorul trebuie să-l tasteze într-un manual de instrucțiuni.

Elementul line-break <BR> generează o întrerupere de rând între două cuvinte.

Elementul <LINK> reprezintă o hiperlegătură. În interiorul perechii de etichete <HEAD> și </HEAD> dintr-un document putem plasa orice număr de elemente de legătură. Proiectanții utilizează elementul <LINK>pentru a indica faptul că documentul are un index, un glosar, versiuni mai mult sau mai puțin recente, resurse asociate și include autorul documentului și alte informații.

Utilizarea <DIR> permite afișarea unei liste de articole utilizând coloane.

În cadrul unui element HTML, meta-informația are două funcții principale:

• furnizarea unei metode prin care clientul constată dacă resursa în cauză există și modul de acces la aceasta;

•documentarea asupra conținutului,calității și facilităților resursei,prin care se poate stabili dacă resursa este potrivită pentru utilizare.

Pentru identificarea acestei meta-informații proiectanții utilizează elementul <META>. Fiecare element<META> specifică o pereche nume-valoare. Dacă un document specifică mai multe elemente <META> cu același nume, valoarea asociată va fi conținutul lor combinat, concatenat ca o listă de elemente separate prin virgule.

Elementul HTML <OL> permite proiectanților de pagini Web să reprezinte o listă ordonată a articolelor, sortate în secvența sau în ordinea importanței. Proiectanții utilizează o listă ordonată pentru a reprezenta o selecție de articole. În mod obișnuit, browserele redau o listă HTML ordonată sub forma unei liste numerotate. Elementul </OL> definește sfârșitul listei ordonate.

Elementul HTML <LI> definește o listă de articole în cadrul unui document. Putem utiliza elementul <LI> în cadrul unei liste ordonate sau neordonate pe care browserul o redă în mod obișnuit ca o listă cu simboluri “bullet”. Lista neordonată care reprezintă conținutul unui element <UL> este o secvență de elemente <LI>. Elemente HTML paragraph <P> permite definirea unui paragraf în cadrul unui document. Deplasarea laterală a paragrafului, spațiul din fața, precum și alte atribute sunt determinate de browser, care poate fi influențat de alte elemente și stiluri.

În limbajul HTML tabelele sunt definite cu ajutorul marcajului <TABLE>. Celulele unui tabel dintr-o pagină Web pot conține text, imagine, legături, hipertext, controalele unui formular, etc.

Elementul HTML form <FORM> este utilizat pentru a identifica un document drept un formular. Elementul <FORM> delimitează alte elemente pe care proiectanții le introduc în formular. Proiectanții construiesc un formular prin definirea unei secvențe de elemente de intrare <INPUT> în cadrul perechii <FORM> și </FORM>. Un element formular utilizează o metodă și o acțiune pentru a descrie modul în care va manipula datele introduse de utilizator.

Elementul <SELECT> pe măsură ce formularele HTML devin mai complexe, proiectanții includ adesea liste cu derulare sau meniuri derulante. Pentru aceasta, proiectanții utilizează elementul <SELECT> cu atributul TYPE=SELECT. Pentru definirea intrărilor listei, se folosesc elementele <OPTION>. Elementul <SELECT> admite trei atribute opționale: MULTIPLE, NAME și SIZE.

Atributul MULTIPE permite utilizatorului să efectueze mai multe selecții simultan, atributul NAME specificând acest element <SELECT>. Atributul SIZE specifică de asemenea, numărul articolelor din lista pe care utilizatorul le poate vizualiza simultan. Dacă un formular stabilește pentru atributul SIZE al elementului <SELECT> valoarea unu, browserul va prezenta câmpul sub forma unui mediu derulant. Dacă atributul SIZE are o valoare mai mare decât1, browserul va prezenta o listă.

Elementul <TEXTAREA> este folosit în situația în care formularul necesită o zonă mare de text pentru introducerea de date de către utilizator. Acesta este utilizat pentru a crea un câmp de text cu mai multe rânduri. Elementul <TEXTAREA> cuprinde trei atribute: COLS,NAME,ROWS. Atributul COLS specifică numărul coloanelor vizibile pe care le va conține zona de text. Atributul NAME specifică numele câmpului. Atributul ROWS specifică numărul de rânduri vizibile din zona de text. În mod obișnuit, un browser va utiliza atributele ROWS și COLS pentru a determina dimensiunile vizibile ale câmpului pe baza unui font de lățime fix.

2.4 Atributele HTML

Prin definiție, atributele oferă informații adiționale despre un element HTML, acestea fiind specificate întotdeauna la eticheta de început, ca o descriere pentru taguri, ele mereu au nume și o valoare.

Proiectanții utilizează atributul HTML ALIGN pentru a specifica alinierea orizontală a unui obiect.Atributul aliniază imaginea în raport cu textul documentului. Dacă folosim ALIGN=MIDDLE, imaginea va fi aliniată la mijlocul rândului de text care conține imaginea.

De exemplu, putem utiliza ALIGN=BOTTOM, ALIGN=CENTER, ALIGN=JUSTIFY, ALIGN=LEFT, ALIGN=RIGHT, ALIGN=TOP, conform cerințelor, în funcție de tipul de obiect.

Atributul ALINK precizează culoarea unei legături active. Culoarea prestabilită pentru o legătură este roșu.

Atributul BACKGROUND este utilizat de proiectanți pentru a specifica o locație URL a unei imagini grafice pe care browserul trebuie să o afișeze pe fundalul documentului. Browserul va ajusta imaginea pentru a umple toată zona de vizualizare.

Atributul BORDER indică lățimea chenarului unor tabele sau imagini. Următorul exemplu ilustrează utilizarea atributului:

Proiectanții utilizează atributul CLEAR al elementului de intrerupere de linie <BR> pentru a indica modul de aranjare al unui text în jurul unei imagini. Atributul CLEAR poate avea următoarele valori: CLEAR=ALL, CLEAR=LEFT sau CLEAR=RIGHT. Valoarea LEFT instruiește browserul să sară la o margine de stângă liberă. În mod similar, valoarea RIGHT instruiește browserul să sară la prima margine liberă de dreapta. În final, valoarea ALL indică browserului să sară la o locație cu ambele margini libere.

Proiectanții utilizează atributul COLS pentru a comunica browserului lățimea unei coloane pentru un cadru. În plus, proiectanții utilizează acest atribut în elementul <TEXTAREA> pentru a specifica lățimea elementului in caractere.

Atributul LINK este folosit pentru a preciza culoarea cu care browserele redau legăturile neexplorate din pagina curentă. Pentru majoritatea browserelor, valoarea prestabilită este culoarea albastră.

Atributul HTML MULTIPLE este utilizat pentru a preciza faptul că elementul SELECT definește un meniu cu mai multe opțiuni pe ecran. Cu alte cuvinte,un utilizator poate selecta mai multe articole dintr-o listă. Dacă în elementul SELECT nu se utilizează atributul MULTIPLE, elementul definește un singur articol în meniul de selecție pentru câmp.

Priectanții utilizează atributul SIZE cu elementele < FONT>,<HR >și <INPUT> . Într-un element FONT, atributul SIZE specifică dimensiunea fondului relativ de la 1(cel mai mic) la 7 (cel mai mare). Într-un câmp HR ,atributul SIZE specifică grosimea liniei în pixeli.În final,în elementul <INPUT>, acest atribut specifică lățimea vizibilă a câmpului de text sau de parolă (în caractere).

Atributul WIDTH este folosit în elementele < HR>, <IMG> si <TABLE>. În majoritatea cazurilor, proiectanții vor specfica valoarea pentru atributul WIDTH în pixeli. Totuși, această valoare se poate specifica și ca procent al dimensiunii ecranului.

2.5 Formatarea textului in limbajul HTML

Limbajul HTML definește o serie de elemente utile pentru formularea textului(text ingroșat,înclinat,culoarea textului…), în următorul tabel fiind prezentate marcajele de formatare a textului împreună cu o scurtă descriere a lor:

Tabel 1.1

Un exemplu de document HTML ce utilizeaza aceste marcaje de formatare a textului are urmatorul continut:

<html>

<body>

<b>Text ingrosat (bold).</b>

<br>

<strong>Text ingrosat(strong).</strong>

<br>

<br>
<em>Text inclinat(emphasized).</em>

<pre>

Text

Utilizand

Marcajul “pre”

</pre>

Ecuatii si formule:

3x<sup>3</sup>+2x<sup>2</sup>+x=0.

</body>

</html>

În imaginea următoare este afișat rezultatul deschiderii documentului HTML:

Fig 1.2

2.6 Crearea legăturilor

Limbajul HTML utilizează hiperlegăturile pentru a realiza o conexiune cu un alt document de pe Web. Aceste legături sunt utile, deoarece ele permit o deplasare dirijată și usor de înțeles prin documentele HTML(prin paginile HTML care constituie un site).

Există 3 tipuri de legături:

•interne- legături în interiorul unui document HTML (pagină Web). Aceste legături ajută la deplasarea prin documente ce conțin foarte multă informație;

•locale- legături la alte pagini HTML de pe același server Web;

•externe- legături la pagini HTML aflate pe alte servere Web.

Orice legătură are două părți. Crearea legăturilor este o simplă problemă de alegere a unui loc pe pagină, apoi furnizarea celor două părți:

•textul legăturii- textul concret (sau imaginea) care apar pe pagină pentru a reprezenta legatura. Când un vizitator activează o legătură, execută clic pe textul legăturii pentru a activa Url-ul din fundal.

•locația legăturii- URL-ul care descrie pagina, fișierul sau serviciul Internet care trebuie accesate în momentul în care este activată legătura.

Pentru a crea o legatură spre un alt document, limbajul HTML utilizează marcajul ancoră <a> (anchor-ancoră), care poate țintii orice resursă de pe Web, un document HTML, o imagine (fișier grafic), un fișier sunet, un film, etc.

Sintaxa care permite crearea unei legături este următoarea:

<a href=”URL”>Text ce va fi afisat</a>.

Marcajul <a> este utilizat pentru a crea ancora, iar atributul href stabilește adresa documentului de care se leagă ancora. Textul dintre marcajul de start <a> și marcajul final </a> va fi textul care va fi afișat ca hiperlegatură.

Pentru a exemplifica, vom utiliza un document HTML care va conține o hiperlegătură către site-ul facultății, documentului HTML este:

<html>

<head>

<title>Legaturi!</title>

</head>

<body>

<a href=”http://www.utgjiu.ro/fsega /”>Legatură</a>

</body>

</html>

Rezultatul deschiderii documentului se poate observa in Fig 1.3

Fig 1.3

Dacă vom executa un click pe textul ,,Legătură” , acesta va avea ca rezultat deplasarea la pagina de start a facultății, după cum se poate observa în Fig 1.4

Fig 1.4

2.7 Crearea formularelor

Un formular HTML este o secțiune a unui document, secțiune care conține text, marcaje HTML și elemente speciale de formular, precum și etichetele aferente acestor elemente.

Formularele sunt acele parți cu câmpuri de completat din paginile Web, pe care le utilizăm să introducem termeni de căutare, să ne abonăm la un site Web, să facem cumpărturi online și multe altele. De fapt, formularele Web sunt singurul mod în care un utilizator poate trimite informații către un site Web prin Web.

Scopul documentului formular este de a culege informații de la utilizator. Când un utilizator furnizează informațiile cerute de formular și le livrează pentru procesare, informațiile conținute în formular sunt puse la dispoziția unui program server. Aceste informații sunt prelucrate de obicei de un alt program, numit Script CGI(Common Gateway Interface). În acest mod, utilizatorul comunica interactiv cu serverul Web prin Internet.

În general un utilizator ”completează” un formular prin modificarea acestor elemente speciale, înainte de a trimite formularul unui agent care va procesa acest formular (server Web,server mail).

În limbajul HTML formularele (form) sunt utilizate pentru a selecta diferite opțiuni existente în formular de către un utilizator, dar și pentru a permite unui utilizator să introducă informații.

Un formular reprezintă o zonă care conține elemente de formular (form elements). Elementele de formular sunt elemente care permit unui utilizator să introducă sau să selecteze informația dintr-un formular. Exemple de elemente de formular sunt: câmpurile de text (text fields), meniurile de selecție (drop-down menus), butoanele de radio (radio button), etc.

Cel mai utilizat marcaj dintr-un formular este marcajul <input>, marcaj care permite selecția sau introducerea de informații de către un utilizator (client). Tipul acestui marcaj este specificat cu ajutorul atributului type.

Marcajul <input> are două atribute importante:

•name: acest atribut reprezintă numele ce va fi atribuit acestui marcaj, nume ce va fi utilizat în rezultatul trimiterii sau prelucrării formularului;

•value: acest atribut reprezintă valoarea initială ce va fi atribuită acestui marcaj, valoare ce va fi utilizată în rezultatul trimiterii sau prelucrării formularului.

Când dorim ca un utilizator să poată introduce informații într-un formular folosim câmpurile de text:

<html>

<head>

<body>

<br>

<B>Prenume:<input type="text" name="prenume">

<br>

<br>

<B>Adresa<input type="text" name="adresa>

<br>

<br>

<B>Alegeti produsul dorit:</b>< br>

<input type="checkbox"name="pizza"value="o portie">Pizza<br>

<input type="checkbox"name="nectar"value="un pahar">Nectar<br>

<input type="checkbox"name="cafea"value="o ceasca">Cafea<br>

<br>

<b>Transmite un mesaj:</b>

<br>

Aici introduceti mesajul

</textarea>

<br>

</form>

</body>

</html>

Fig 1.5

2.8 Crearea cadrelor

Cadrele ne permit sa definim in fereastra browserului zone în care sa fie incarcate documente HTML diferite.

Cadrele sunt definite intr-un fisier HTML special, în care blocul <body>…</body> este inlocuit de blocul <frameset>…</frameset>. În interiorul acestui bloc, fiecare cadru este introdus prin eticheta<frame>.

Definirea cadrelor se face prin împărțirea ferestrei pe orizontală sau pe verticală:

-împărțirea unei ferestre într-un număr de cadre pe verticală se face cu ajutorul atributului cols al etichetei <frameset>;

-împărțirea unei ferestre într-un număr de cadre pe orizontală se face cu ajutorul atributului rows al etichetei< frameset>

Utilizând cadrele (frames) putem afișa mai multe pagini HTML într-o singură fereastră a navigatorului. Fiecare document este afișat într-un cadru separat si indepedent unul față de celălalt.

Modul de divizare a ferestrei navigatorului în cadre este definit de marcajul <framset>, acesta având 4 atribute importante:

•name: atribut care stabilește numele cadrului. Este util atunci când folosim atributul „target” în marcajul <a>;

•frameborder: atribut care stabilește dacă vor fi afișate sau nu marginea(bordura) cadrului și poate avea valorile 0 (nu afișează) și 1(afișează);

•scrolling: atribut care stabilește dacă vor fi sau nu afișate barele de derulare (scrollbars) și poate avea una din următoarele valori: no(nu sunt afișate niciodată barele de derulare); yes (barele de derulare sunt afișate întotdeauna) și auto (barele de derulare sunt afișate doar atunci când este necesar);

•noresize: atribut care specifică dacă un cadru poate fi modificat (mărit sau micșorat) de către persoana care navighează (client).

Elementele listei pot fi: un număr întreg de pixeli; procente din dimensiunea ferestrei (număr între 1 și 99 terminat cu %) sau n* care inseamna n părți din spațiul rămas. Dacă mai multe elemente din listă sunt configurate cu *, atunci spațiul disponibil rămas pentru ele se va împărți în mod egal.

În exemplul următor este creată o pagină Web cu trei cadre mixte. Mai intâi , pagina este impărțită în două cadre de tip coloană, după care al doilea cadru este împărțit două cadre de tip linie.

<html>

<head>

<title>Cadre</title>

<head>

</frameset>

</html>

Dacă vom lansa în execuție pagina documentul HTML creat, acesta va avea ca rezultat afișarea unei pagini Web, împărțită în cadre, după cum se poate observa în următoarea figură:

Fig 1.6

2.9 Imagini și fundaluri in HTML

Limbajul HTML permite introducerea de imagini într-un document, acestea fiind introduse prin intermediul etichetei <img>. Această etichetă este un marcaj fără conținut, reprezentat doar de atribute, fără marcaj final.

Marcajul <IMG> are următoarele atribute importante:

• src- Valoarea acestui atribut determină locația fișierului care conține imaginea;

•alt – La acest atribut se scrie textul care va apărea dacă imaginea nu este afișată (de unele browsere) sau când utilizatorul va poziționa, în browser, mouse-ul peste imagine;

•align- Acest atribut permite așezarea imaginii în locuri diferite pe pagină. Pot fi folosite următoarele opțiuni: Bottom, Middle, Top, Left, Right, TextTop, ABSMiddle Baseline, ABSBottom;

•width – Valoarea acestui atribut reprezintă lungimea imaginii, în pixeli. Dacă nu este scris,imaginea va fi prezentată cu lungimea originală;

•height- Valoarea acestui atribut reprezintă inălțimea (lățimea) imaginii, în pixeli. Dacă nu este scris,imaginea va fi prezentată cu înălțimea originală;

•border- Prin adăugarea acestui atribut imaginea va apărea înconjurată de un chenar, valoarea acestui atribut reprezintă grosimea chenarului, în pixeli;

•hspace- Acest atribut este pentru spațiu orizontal pe ambele părți ale imaginii, specificat in pixeli. De exemplu o valoare de 5 va pune un spațiu invizibil, de 5 pixeli, în părțile orizontale ale imaginii;

•vspace- Acest atribut este pentru spatiu vertical pe ambele părți ale imaginii, specificat în pixeli. De exemplu o valoare de 5 va pune un spatiu invizibil, de 5 pixeli, în părțile verticale ale imaginii;

Unde va apărea marcajul <img> in documentul HTML, acolo va fi afișată imaginea de catre navigator. De exemplu, dacă marcajul apare între două paragrafe, atunci va fi afișat mai întâi primul paragraf și după aceea imaginea urmată de cel de-al doilea paragraf.

Dacă dorim sa afișăm o imagine într-o pagină HTML, conținutul documentului va fi următorul:

<html>

<head>

<title>Imagine</title>

</head>

<body>

</body>

</html>

Fig 1.7

Pentru ca pagina noastră Web să aibă un aspect mai elegant și mai plăcut, putem alege folosirea unui fundal care poate fi o culoare sau o imagine. Atributul background stabilește imaginea ce va fi utilizată ca fundal. Dacă imaginea este mai mică decât fereastra navigatorului, atunci imaginea se va repeta până la umplerea ferestrei.

Dacă dorim să adăugăm o imagine de fundal într-un document HTML, conținutul paginii va fi următorul:

<html>

</body>

</html>

Fig.1.8

Imaginea folosita ca fundal,trebuie să permită citirea ușoară a textului din pagină, iar în cazul în care imaginea se repetă până la umplerea ferestrei navigatorului, trebuie să realizeze un efect plăcut.

2.10 Optimizarea unei pagini Web

Site-ul reprezintă un important instrument strategic de comunicare în mediul

on-line deoarece prin individualizare și interactivitate permite dezvoltarea afacerii

și atingerea de performanțe înalte, datorită: atragerii clienților, fidelizării clienților,

creșterii cererii de postare de bannere publicitare etc.

Principalele strategii folosite la proiectarea conținutului site-ului sunt:

• ”Coținutul este regele” – această strategie pune accent pe conținut, consistența și densitatea informațiilor prezentate, design și pe volumul informațiilor`prezentate, dar si pe volumul informațiilor disponibile prin intermediul site-ului;

• Contactul cu utilizatorii- conținutul site-ului este modificat în urma mesajelor primite de la utilizatori și în funcție de răspunsurile date de aceștia la chestionarele publicate pe site;

• Cele mai frecvent adresate intrebări FAQ(Frequently Asked Questions) este o rubrică consacrată în multe site-uri pentru actualizarea conținutului în funcție de dorințele utilizatorilor frecvenți ai site-ului;

• Consistența navigarii- este important ca navigarea în site să fie unitară, ușoară, facilitând astfel utilizarea acestuia de toate categoriile de utilizatori;

• Consistența cromatică- este bine ca utilizatorii site-ului să nu fie obosiți cu o paletă prea mare de culori, ci culorile folosite la realizarea site-ului sa fie armonioase și aceleași folosite și la realizarea materialelor de promovare a firmei;

• Viteza de incărcare a informațiilor trebuie să fie cât mai mică; în acest sens dimensiunea imaginilor conținute în site să fie cât mai mică.

Definirea sau scrierea conținutului unuei pagini Web este diferită de redactarea conținutului unei pagini document ce urmează a fi tipărită, deoarece timpul alocat pentru parcurgerea unei pagini Web este mai redus (implică costuri suplimentare).

Informația importantă trebuie plasată în zona superioară a paginii Web pentru a putea fi vizualizată fără a se utiliza bara de derulare verticală. Dacă informația esențială este poziționată la sfârșitul paginii Web, există posibilitatea ca utilizatorul să renunte la căutarea acesteia. Pentru ca parcurgerea informației să fie cât mai facilă, este mai bine să utilizăm mai multe pagini Web decât una singură și mare.

Una dintre principalele proprietăți ale informației este reprezentată de accesibilitate. Aceasta se concretizează în asigurarea condițiilor efective, pentru a intra în posesia informației, unde se găsește, cât timp necesită extragerea informației căutate? Un aspect interesant relativ la această proprietate este acela că, între gradul de accesibilitate al informației și volumul de date din care se extrage informația utilă, nu există în mod obligatoriu, o relație de directă proporționalitate. Un volum mare de date nu implică, un grad la fel de mare de acces la informație.

Persoanele care accesează o pagină Web nu doresc să citească informații fără nicio importanță sau explicații mult prea lungi.De asemenea trebuie ținut cont de faptul că cititul de pe ecranul monitorului este mai dificil decât cititul pe o foaie tipărită.

Este indicat ca pentru conținutul unei pagini Wev sa utilizăm propoziții scurte și simple, să evidențiem cuvintele sau frazele importante, dar să nu utilizam sublinierea pentru acestea.

Utilizați liste (<ol>, <ul>, <dl>) pentru a enumera subiecte ce urmează a fi tratate, însă fără să introducem foarte multă informație într-o singură pagină Web pentru a nu obliga cititorul să folosească în exces barele de derulare.

Nu este indicat să folosim liniile orizontale (<hr>) pentru a delimita zonele de text dintr-o pagină Web, în locul acestora putând folosii elementele HTML <h1>…. <h6>.

Într-o pagină Web, evitați să centrați tot conținutul acesteia. O pagină care are tot conținutul centrat devine greu de parcurs.

Nu utilizați majuscule pentru tot conținutul într-o pagină Web, deoarece devine mai greu de citit, iar informația importantă nu poate fi deosebită ușor.

În cazul în care pentru fundalul unei pagini Web utilizați o culoare deschisă, pentru text utilizați o culoare închisă. Evident, în cazul în care fundalul unei pagini Web utilizați o culoare închisă, pentru text utilizați o culoare deschisă.

Web-ul poate eficientiza operațiunile și reduce costurile, postarea diferitelor informații (comerciale, financiare) necesare clienților fiind totodată și o cale de dezvoltare a stocului relațional al firmei. Dar firmele trebuie să conștientizeze că site-ul este un instrument strategic de comunicare și că se impune fundamentare, elaborarea și implementarea unei strategii generale pe termen lung. Un site utilizat drept instrument de comunicare marketing este acel site care:

• vinde și aduce consumatorul cât mai aproape de decizia de cumpărare, prin comunicarea ofertei complete și instrumente utile;

• oferă suport clienților;

• promovează tehnologia;

• este interactiv, înregistrând opiniile și satisfacțiile/insatisfacțiile clienților

Site-ul trebuie să fie nu numai o modalitate de manifestare pe Internet, ci un canal de vânzare, un instrument de promovare și de publicitate, un instrument de cercetare, o tehnologie necesară susținerii unei strategii de dezvoltare pe piața virtuală pe termen lung.

Capitolul 3: Studiu de caz privind construirea identității online

a firmei SC YANIDA COM SRL

3.1 Prezentarea societății comerciale S.C YANIDA COM S.R.L

SC YANIDA COM SRL este o societate comercială înființată în 1993 în Târgu-Jiu, județul Gorj. Obiectul de activitate al firmei este comerțul cu material lemnos, cu materiale de construcții și obiecte sanitare.

Date de contact:CUI: RO4897481, Nr.inreg.Reg.Com: J18/1136/1993B-dul Ec. Teodoroiu nr. 214, Targu Jiu, GorjTelefon: 0253226828, Mobil: 0729853685 IBAN: RO24BRDE200SV02302012000, Banca: BRD- GSG, Tg Jiu

Societatea deține în prezent două depozite în Târgu-Jiu situate în: Str. Narciselor nr. 35 în suprafață de 7000 mp, și B-dul Ecaterina Teodoroiu nr. 214 in suprafata de 3500 mp.

Primul depozit, în ordinea suprafeței, este situat pe Strada Narciselor, nr. 35, în apropiere de Vama Târgu-Jiu, pe centura orașului. Acesta are o suprafață 7000 mp, împărțită între spațiul de comercializare și cel de depozitare a mărfii format în cea mai mare parte din hale acoperite.

Telefon: 0253221080

Al doilea depozit este situat pe Bulevardul Ecaterina Teodoroiu nr. 214. Acesta are o suprafață de 3500 mp, suprafața care este ocupată în cea mai mare parte de spații de depozitare a mărfii. Tot aici se află și spațiul comercial și show-room-ul unde clienții pot vedea toată gama de produse comercializate de Depozitul MAX, dar și birourile pentru contabilitate.

Pentru detalii se pot utiliza urmatoarele: Telefon: 0253226828, Mobil: 0729853685.

3.2 Construirea identității online a firmei

SC YANIDA COM SRL

Pentru ca activitatea firmei SC YANIDA.COM S.R.L, cunoscută sub denumirea Depozitul Max să fie transpusă în mediul online sunt folosite paginile Web, scrise în limbajul descriptiv HTML.

Inițial vom analiza structura paginii Web, structură ce poate fi observată în următoarea imagine:

Fig 3.1

Pagina care va fi afișată inițial la accesarea site-ului( acasa. html) va conține un meniu de selecție (navigare), care va avea opțiunile: ,,Contact”, ,,Produse” și ,,Transport”. Selectarea uneia dintre aceste opțiuni are ca efect redirecționarea utilizatorului către una din următoarele pagini Web: contact. html, produse. html, transport. html.

Este indicat ca în pagina de start să se afle următoarele metainformațiii:

Aceste metainformații sunt necesare dacă cel care realizează site-ul nu dorește ca anumite pagini să apară distinct într-un motor de căutare. În acest caz meta- informațiile din pagina de start sunt îndeajuns, dar aceste informații pot fi introduse și în paginile Web componente ale site- ului.

Descrierea societății, a datelor de contact, a punctelor de lucru, a transportului mărfurilor s-a realizat prin intermediul celor 4 pagini,folosind elementul de legătură ,, a href”, după cum urmează:

<a href="contact.html" target="_self" > <B> CONTACT</b>

</A>

<A HREF="produse.html" target="_self" > <b> PRODUSE </b>

</A>

<A HREF="transport.html" target="_self"> <b> TRANSPORT </b>

</A>

Codul sursă HTML pentru pagina de start este următorul:

< html>

< head>

< title> YANIDA COM</ title>

< meta name= " description" content=" Prezentare S.C YANIDA COM Targu-Jiu, Materiale constructii">

<tr>

<td>

<a href= " contact.html" target= "_self" > < B> CONTACT< /b>

</a>

</td>

<td >

<a href = " produse.html" target="_self" > <b> PRODUSE </b>

</a >

</td >

<td >

<a href = " transport.html" target="_self"> <b> TRANSPORT </b>

</a>

</td >

</tr >

</table>

<br>

YANIDA COM SRL este o societate comerciala infiintata in 1993 in Targu Jiu, Gorj. Obiectul de activitate al firmei este comertul cu material lemnos si cu materiale de constructii si obiecte sanitare.

</b>

</h2>

</center>

</head >

</body >

</html >

În următoarea imagine se poate observa pagina de start a firmei:

Img 3.1

Cea de-a doua pagină Web din care este constituit site-ul(,,contact. html”) conține datele de contact și adresa firmei, precum și un formular de contact în care un utilizator poate să transmită un mesaj agentului economic.

Codul sursă pentru pagina ,,contact. html” este următorul:

<html>

<head>

<title>YANIDA COM</title>

<tr>

<td>

<a href="acasa.html" target="_self" > <b> ACASA</b>

</A>

</TD>

<TD>

<A HREF="produse.html" target="_self" > <b> PRODUSE</b>

</A>

</TD>

<TD>

<A HREF="transport.html" target="_self"> <b>TRANSPORT</b>

</A>

</TD>

</TR>

</table>

<tr>

<td>

<b>YANIDA COM SRL </b>

<br>

<b>Nr. inreg Reg. Com :</b>J/18/1136/1993<br>

<b>Sediu Social </b>:B-dul Ecaterina Teodoroiu,nr.214,Targu-Jiu,Gorj</b>

<br>

<br>Banca BRD,Targu-Jiu

<br>

<b>Telefon</b>0253226828

<br>

<b>Mobil:0729853685

</td>

<td>

<BR>

<br>

<Br>

<b>Formular de contact:</b>

</P>

<form>

<br>

<b>

<b>Prenume:<input type="text" name="prenume">

<br>

<b>Transmite un mesaj</b>

<br>

Aici introduceti mesajul

</textarea>

<br>

<input type="reset"> <input type="submit"

</tr>

</td>

</table>

</form>

</body>

</html>

În imaginea următoare este afișată pagina Web, lansată in execuție cu ajutorul browserului de Internet.

Img 3.2

Executarea unui click pe opțiunea ,, PRODUSE” va avea ca efect afișarea conținutului fișierului HTML ,, produse. html” , fișier al cărui cod sursă poate fi observat în continuare:

<html>

<head>

<title>produse</title>

<tr>

<td>

<a href=”acasa.html” target=”_self” > <b> ACASA </b>

</A>

</TD>

<TD>

<A HREF=”contact.html” target=”_self” > <b>CONTACT </b>

</A>

</TD>

<TD>

<A HREF=”transport.html” target=”_self”> <b> TRANSPORT </b>

</A>

</TD>

</TR>

</table>

<b><H1>Produse:</b></H1>

<br>

<h2>

<Img src=”adezivi.png” border=4 width=”100” height=”75” align=middle hspace=30 vspace=30> adezivi

<img src=”bca.jpg” border=4 width=”100” height=”75”align=middle hspace=30 vspace=30> BCA

<img src=”gresie.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>gresie

<img src=”obiecte.sanitare.png”border=4 width=”100”height=”75”align=middle hspace=30 vspace=30>sanitare

<img src=”lacuri.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>lacuri

<Img src=”usi.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>usi

<img src=”ferestre.png”border=4 width=”100”height=”75”align=middle hspace=30 vspace=30>ferestre

<img src=”cuie.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>cuie

<img src=”suruburi.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>suruburi

<img src=”fier.png”border=4 width=”100”height=”75”align=middle hspace=30 vspace=30>fier

<Img src=”produse.aluminiu.png”border=4 width=”100”align=middle height=”75” hspace=30 vspace=30>produse Al

<img src=”tapeturi.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>tapeturi

<img src=”lambriuri.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>lambriuri

<Img src=”tencuieli.png”border=4 width=”100”height=”75”align=middle hspace=30 vspace=30>tencuieli

<img src=”mobilier.png”border=4 width=”100”height=”75” align=middle hsapce=30 vspace=30>mobilier

<img src=”rigips.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>rigips

<img src=”rigitherm.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>rigitherm

<Img src=”tevi.canalizare.png”border=4 width=”100”height=”75 align=middle hspace=30 vspace=30> tevi

<Img src=”panouri.jpg”border=4 width=”100”height=”75”align=middle hspace=30 vspace=30>unelte

<img src=”tigla.jpg”border=4 width=”100”height=”75”align=middle hspace=30 vspace=30>tigla

<img src=”parchet.png”border=4 width=”100”Heiht=”75” align=middle hspace=30 vspace=30>parchet

<img src=”sisteme pluviale.png”border=4 width=”100”height=”75”align=middle hspace=30 vspace=30>sisteme pluviale

<img src=”vata minerala.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>vata minerala

<img src=”Plasa.png”border=4 width=”100”height=”75”align=middle hspace=30 vspace=30>plasa sudata

<Img src=”spuma.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>spuma

<img src=”Polistiren.png”border=4 width=”100” height=”75”align=middle hspace=30 vspace=30>polistiren

</BODY>

</HEAD>

</HTML>

Cu ajutorul browserului, codul sursă va arăta ca în imaginea următoare:

Img 3.3

Cea de-a treia pagină,numită ,,TRANSPORT” este alcătuită din următorul cod sursă:

<html>

<head>

<title>Transport</title>

<tr>

<TD>

<A HREF="acasa.html" target="_self"><b> ACASA</b>

</A>

</TD>

<td>

<a href="contact.html" target="_self"> <b>CONTACT</b>

</A>

</TD>

<TD>

<A HREF="produse.html" target="_self"><b> PRODUSE</b>

</A>

</TD>

</TR>

</table>

<br>

<h1><b>Transport la domiciliu:</b></h1>

<H2><B>

<br>

<BR>

Depozitul MAX deține un parc auto format din 20 autovehicule cu ajutorul

cărora vine în sprijinul clienților săi cu serviciul de transport gratuit al mărfurilor in Târgu-Jiu și în jurul orașului pe o rază de 15 km.

<br>

</marquee>

<p>

Descarcarea marfurilor intra in sarcina clientilor.Anumite marfuri, ca de exemplu: ciment, fier, caramida,

BCA, cand se cumpara , se pot descarca cu macara.

</p>

</h2>

</b>

</pre>

</body>

</html>

Img 3.4

3.3 Găzduirea paginilor Web

Crearea paginilor Web poate fi făcută online sau offline. Online se face în situația în care sunt folosite utilitarele puse la dispozitie de serverul gazdă, deoarece este o operație de lungă durată care duce la o notă de plată mare în situția conectării prin dial-up. De preferat este lucrul offline, pe calculatorul personal, și abia versiunea finală să fie publicată pe server.

Web hosting este termenul pentru găzduirea pe server a unui domeniu, oferta de găzduire fiind foarte variată și diferă prin următoarele caracteristici:

•tehnologia de găzduire: Unix, Linux, Windows;

•amplasarea serverului (în țară sau în străinătate);

•dimensiune domeniu (de la 5 MB la spațiu nelimitat);

•trafic lunar;

•număr subdomenii;

•număr adrese de email;

•tipul accesului la cont (ftp sau http);

•tipurile fișierelor acceptate pe server;

•dimensiunea maximă a fișierelor acceptate pe server;

•servicii auxiliare (contor pagini, promovare site, forum).

Hostinger.ro este unul din site-uri care oferă atât găzduire gratuită, implicit un serviciu fiabil, plin de beneficii și cu un bun suport tehnic. Cu ajutorul serviciului de Website Builder, chiar și un începător de calculatoare poate crea un website plăcut, alegând una din cele 100 de teme puse la dispoziția creatorului.

Pentru a face cunoscută activitatea firmei YANIDA.COM SRL în mediul online, am ales varianta de găzduire Web pusă la dispoziție de Hostiner.ro, având un spațiu pe disk de 2000 MB și un transfer date de 100 GB.

Informațiile despre domeniul firmei, nameservere, email, încărcare fișiere sunt detaliate în următoarele tabele:

Concluzii

Privind spre tot mai numeroși utilizatori de Internet, cel mai important lucru mi se pare dorința omului de a obține informații utile din uriașa resursă informațională accesibilă prin terminalul calculatorului. Studii de specialitate ale unor echipe formate din psihologi și sociologi au demonstrat că rețeaua Internet este folosită în primul rând ca mijloc de comunicare dintre specialiștii ce au dezvoltat aplicațiile ulterioare pe Internet.

Construirea identității personale online a agentului economic este benefică prin intermediul numeroaselor avantaje pe care le oferă, printre care putem amintii: un plus de imagine, poate fi accesat de oriunde, oferă o relație excelentă cu clienții și nu în ultimul rând oferă prestanță.

Cunoașterea limajului de programare HTML este esențială în construirea identității online,elementele sale specificând structura logică a unui document Web,asigurând inclusiv interfața acestuia cu utilizatorul

Așa cum am arătat în capitolele anterioare, un site apreciat trebuie să atingă anumite standarde și anume: dimensiune, consistență, navigare, viteză, informații. Un design profesional va atrage respectul concurenței și admirația clienților și a vizitatorilor, cei din urmă fiind atrași de aspectul plăcut și aranjarea profesională a textelor și ofertelor.

Pe lângă aceste standarde, pentru a atrage atenția, un site web trebuie să îndeplinească și alte condiții: să păstreze un caracter dinamic, receptiv la opiniile vizitatorilor, flexibil, să includă neapărat datele de contact ale firmei și cât mai multe modalități de contact.

.

Anexe

Anexa 1:Etichte utilizate în HTML

Bibliografie:

1. Don Tapscott Crescuti digital Editura Publică, Bucuresti 2011

2. Surcel,T., Reveriu, A., Marsanu, R., Alecu, F., Pocatilu, P., Bologa, R., Tehnologii Web și Baze de date, Editura Tribuna Economică, București,2005

3. Jamsa,K.,Lalani,S.,Weakley,S.,Programarea in Web,Editura All,București 1997

4. Nathan J.Muller ,,Enciclopedia Internet”, Editura Tehnică, București, 2002

5. Bremner,L,R.,Iasi,A,F.,Servati,A.,Intranet-Mica enciclopedie,Editura All

6. Marcel Andrei Homorodean,Irina Iosupescu,Internet și Pagini Web, Editura Niculescu, București 2007

7. Iuliana Ionescu, Andrei Stanciu, Bogdan Ionescu, Florin Mihai, Mirela Oancea,Luana Cosăcescu, Gabriel Mihailov, Editura Info Mega ,București, 2001

8.Calin Ioan Acu,Optimizarea paginilor Web,Editura Polirom.Iasi,2003

9.Ned Snell,Bob Temple,T. Michael Clark,Internet și Web,Editura B.I.C ALL,București,2004,pag 404

10.Ioan Radu, Minodora Ursăcescu, Dorian Vlădeanu, Mihai Cioc, Sorin Burlacu, ,,Informatică și Management”, Editura Universitara, București 2007, pag 48

11.*** http://www.editurauranus.ro/marketing-online/21/pdf/6.pdf

12.*** http://www.cursuri-programare.ro/2012/12/cursuri-html.html

13 *** www.hostinger.ro