INTERNETUL, MIJLOC DE INFORMARE I

COMUNICARE

Lector univ. dr. Mihai Gavot

1

INTERNETUL, MIJLOC DE INFORMARE I

COMUNICARE

Bucureti - 2006

1. SCURT ISTORIC ..................................................................................................................... 6

2. NOIUNI FUNDAMENTALE, CONCEPTE I TERMENI............................................... 8
REELE DE CALCULATOARE ......................................................................................................... 8
Criterii de clasificare a reelelor ............................................................................................ 8
Topologii ale reelelor ............................................................................................................ 8
Componentele hardware ale unei reele ................................................................................. 9
Protocoalele unei reele ........................................................................................................ 10
INTERNET I WORLD WIDE WEB (WWW)................................................................................. 10
HTTP, HIPERLEGTURI, FTP, NEWS, ISP................................................................................ 11
BROADBAND, STREAMING, INTERACTIVE WEB-TV, MICROCASTING ........................................ 12
Broadband............................................................................................................................. 12
Streaming audio i video (fluxuri audio i video) ................................................................. 13
Interactive Web TV Web TV Interactiv .............................................................................. 13
Microcasting (micro-difuzare).............................................................................................. 14
FORMAREA I STRUCTURA ADRESELOR WEB ............................................................................. 14
Conexiune - port.................................................................................................................... 15
ADRESELE IP, CLASELE DE ADRESE IP I REZOLUIA ADRESELOR ............................................. 16
COMENZI UTILE DIN LINIA DE COMAND .................................................................................... 17
3. BROWSER-UL, NAVIGAREA WEB I MOTOARELE DE CUTARE....................... 20
BROWSER-UL ............................................................................................................................. 20
NAVIGAREA WEB....................................................................................................................... 24
BROWSER CONTRA BROWSER ..................................................................................................... 27
MOTOARELE DE CUTARE.......................................................................................................... 30
Cum lucreaz motoarele de cutare? ................................................................................... 39
Cteva reguli utile de construire a interogrilor.................................................................. 40
4. SECURITATEA N INTERNET .......................................................................................... 42
CERTIFICATELE DIGITALE .......................................................................................................... 42
Autentificarea........................................................................................................................ 43
Confidenialitatea comunicrii ............................................................................................. 43
Criptarea simetric, cu cheie public i cheie privat ......................................................... 43
VIRUI INFORMATICI I FIREWALL.............................................................................................. 44
Virui informatici .................................................................................................................. 44
Firewall................................................................................................................................. 44
COOKIES, CACHE I WEB-BUGS................................................................................................. 45
PERICOLE POSIBILE ATUNCI CND SE NAVIGHEAZ N INTERNET ............................................... 47
REGULI ELEMENTARE CARE TREBUIE RESPECTATE ATUNCI CND SE NAVIGHEAZ N INTERNET I
PROGRAME DE PROTECIE CE POT FI UTILIZATE .......................................................................... 48
5. POTA ELECTRONIC ...................................................................................................... 50
SECURITATEA E-MAIL ................................................................................................................ 51
FORMAREA I STRUCTURA ADRESELOR DE E-MAIL ..................................................................... 51
UTILIZAREA APLICAIEI E-MAIL OUTLOOK EXPRESS ................................................................. 52
LUCRUL CU MESAJE E-MAIL ....................................................................................................... 60
CREAREA CONTURILOR E-MAIL I ABONAREA LA NEWSGROUPS ................................................. 70
Lucrul cu Outlook Express.................................................................................................... 70
Lucrul cu Netscape Messenger ............................................................................................. 75

6. LIMBAJUL HTML................................................................................................................. 80
STRUCTURA STANDARD A UNUI FIIER HTML ........................................................................... 81
Sfritul de linie .................................................................................................................... 82
Blocuri preformatate ............................................................................................................. 84
CULORI, FONTURI I MARGINI..................................................................................................... 85
Culoarea de fond................................................................................................................... 86
Culoarea textului................................................................................................................... 86
Atribute multiple.................................................................................................................... 87
Setarea fontului de baz........................................................................................................ 87
Setarea marginilor paginii Web............................................................................................ 88
STILURI PENTRU BLOCURILE DE TEXT ......................................................................................... 88
SETAREA FONTURILOR ............................................................................................................... 91
BLOCURI DE TEXT....................................................................................................................... 92
LISTE .......................................................................................................................................... 94
Liste neordonate.................................................................................................................... 94
Liste ordonate........................................................................................................................ 95
Liste de definiii..................................................................................................................... 97
TABELE ...................................................................................................................................... 98
Atribute.................................................................................................................................. 98
Tabele de forme oarecare ..................................................................................................... 99
Atribute Internet Explorer pentru tabele............................................................................... 99
Exemple ................................................................................................................................. 99
IMAGINI .................................................................................................................................... 103
Tipuri de fiiere pentru imagini .......................................................................................... 103
Inserarea unei imagini ntr-o pagin Web.......................................................................... 103
Alte atribute opionale ale tag-ului <img>......................................................................... 104
Elemente nlocuitoare pentru imagini................................................................................. 104
Imagini de fond ale paginilor Web...................................................................................... 105
LINK-URI................................................................................................................................... 106
Interactivitatea unei pagini Web ......................................................................................... 106
Utilizarea unui text ca zon activ ................................................................................. 106
Utilizarea unei imagini ca zon activ ........................................................................... 107
Ancore ................................................................................................................................. 107
Instane multiple pentru un browser ................................................................................... 108
Alegerea culorilor pentru link-uri....................................................................................... 109
Link ctre un server FTP .................................................................................................... 109
Link ctre un server e-mail ................................................................................................. 109
Link ctre fiiere oarecare .................................................................................................. 109
DOCUMENTAREA UNEI PAGINI WEB ......................................................................................... 110
Descrierea unei pagini Web................................................................................................ 110
Cuvintele cheie pentru o pagin Web ................................................................................. 111
Drepturile de autor.............................................................................................................. 111
Persoana de contact ............................................................................................................ 111
Setul de caractere utilizat.................................................................................................... 111
Rencrcarea automat a unei pagini Web........................................................................ 112
Comentariile........................................................................................................................ 112
SUNETE I VIDEOCLIP-URI ........................................................................................................ 113
Formate i link-uri pentru fiierele de sunet....................................................................... 113
Formate i link-uri pentru fiierele videoclip ..................................................................... 113

Sunetul de fond pentru o pagin Web ................................................................................. 113

HRI DE IMAGINI .................................................................................................................... 114
Folosirea unei imagini ca hart de imagini .................................................................. 114
Coordonatele zonelor active ............................................................................................... 115
Utilizarea unei hri de imagini.......................................................................................... 116
FORMULARE ............................................................................................................................. 117
Atribute................................................................................................................................ 117
Un formular cu un cmp de editare i un buton de expediere............................................ 118
Butonul Reset ...................................................................................................................... 119
Cmp de editare de tip Password................................................................................... 120
Butoane radio...................................................................................................................... 120
Casete checkbox.................................................................................................................. 121
Transmiterea fiierelor ctre un server - Upload............................................................... 122
Butoane ............................................................................................................................... 123
Lista de selecie................................................................................................................... 123
Frame-uri ............................................................................................................................ 125
Atribute ale tag-ului <frameset>........................................................................................ 125
Exemple de cod care genereaz frame-uri ......................................................................... 125
Alte atribute pentru frame-uri............................................................................................. 127
Frame-uri in-line................................................................................................................. 128
7. INSTRUMENTE MODERNE DE COMUNICARE I INFORMARE. MESAGERIA
INSTANT, GRUPURILE DE DISCUII WEB, WEBLOG-UL, PROTOCOLUL I
FIIERELE RSS ....................................................................................................................... 129
MESAGERIA INSTANT ............................................................................................................. 129
WEBLOG-UL ............................................................................................................................. 130
GRUPURILE DE DISCUII WEB .................................................................................................. 132
PROTOCOLUL I FIIERELE RSS ............................................................................................... 133
Structura standard a unui fiier RSS .................................................................................. 134
Agregatoare ........................................................................................................................ 136
8. ELEMENTE DE DESIGN ALE PAGINILOR ALE PAGINILOR WEB ...................... 138
9. INSTRUMENTE SOFTWARE DE GENERARE A PAGINILOR WEB ...................... 140
NOTE TAB PRO......................................................................................................................... 140
NETSCAPE COMPOSER.............................................................................................................. 141
MACROMEDIA DREAMWEAVER................................................................................................ 143
10. SIMULRI PRACTICE INFORMAIE I COMUNICARE.................................... 147
NDRUMAR METODOLOGIC PRIVIND REALIZAREA PROIECTULUI ............................................... 148
11. TESTE DE AUTOEVALUARE ........................................................................................ 150
12. CTEVA ARGUMENTE FINALE .................................................................................. 162
GLOSAR MINIMAL DE TERMENI ..................................................................................... 164
BIBLIOGRAFIE....................................................................................................................... 167

1. Scurt istoric
Proiectul ARPA
n anii 60 n cadrul Departamentului Aprrii Statelor Unite ale Americii
(DOD, Department of Defense) funciona Agenia pentru Proiecte de Cercetare
Avansate (ARPA, Advanced Research Projects Agency). Agenia primete ca proiect
de cercetare realizarea practic a interconectrii reelelor de computere ale bazelor
militare americane. Aceast inter-reea (ARPA) trebuia construit astfel nct s
reziste unui atac atomic din partea unui potenial inamic.
IP (Internet Protocol)
Protocolul IP a fost conceput special pentru a putea satisface obiectivele reelei
ARPA n condiii de atac inamic. Protocolul realizeaz dirijarea informaiei ntr-o
inter-reea.
Pachete
Conform acestui protocol, nainte de fi lansat n Internet o informaie trebuie
mprit n pachete. Fiecare pachet va avea capacitatea de a circula n mod
independent n Internet. Un pachet va conine:
adresa sursei;
adresa destinaiei;
numrul pachetului n cadrul informaiei;
un identificator pentru informaia transmis.
Datorit faptului c pachetele conin i adresa destinaiei, acestea pot circula
independent n Internet i pot ajunge la destinaie ntr-o ordine oarecare, la momente
de timp arbitrare. La destinaie pachetele sunt repuse n ordine i astfel informaia
iniial este refcut.
1969, ARPANET
n anul 1969 la dezvoltarea proiectului ARPA au fost invitate s participe i
patru universiti civile americane. n acest an reeaua ARPA se divide DARPA
(partea militar) i ARPANET (partea civil).
1975
A fost creat serviciul e-mail pentru primirea i expedierea mesajelor
electronice.
Tot n acest an a fost creat serviciul TELNET care a permis comanda de la distan a
unui computer (remote control).
1979
Este creat serviciul UseNet specializat iniial pentru informarea i crearea
grupurilor de discuii pe diferite domenii de interes tiinific.
Anii 80
Apare protocolul TCP/IP care aduce corecii la vechiul protocol IP. n aceti
ani ncep s fie interconectate supercalculatoarele din centrele universitare americane.
Anii 90
Dup anul 1990 pe Internet i fac apariia firmele comerciale. Aceste firme
prin investiiile aduse contribuie foarte mult la dezvoltarea Internet-ului.
6

InterNIC
Dei Internetul nu are o structur administrativ bine determinat, dup 1990
se face simit nevoia unui organism care supervizeze activitile care se petrec pe
Internet. Astfel a aprut InterNIC.
RFC (Request for Comments)
Orice inovaie adus n tehnologiile legate de Internet care devine suficient de
matur pentru a fi acceptat unanim de ctre utilizatori este cunoscut sub forma unei
Cereri de Comentariu (Request for Coments). Exist astzi cteva mii de RFC-uri.
WWW (World Wide Web)
n 1991 n cadrul laboratoarelor de cercetare nuclear CERN, fizicianul Tim
Berners-Lee a inventat o metod de expediere ntre cercettori a datelor tiinifice
(text i imagini). Aceast metod a condus la naterea celui mai popular serviciu
Internet World Wide Web ( n traducere pnza de paianjen ntins ct lumea ntreag).

Obiectivele generale ale cursului

Dup parcurgerea acestui curs vei:
cunoate noiunile fundamentale legate de funcionarea i utilizarea Internetului;
neleage principalele concepte i termeni din Internet;
fi n msur s utilizai eficient un browser pentru navigarea pe Internet;
fi n msur s cutai eficient informaii din Internet, cu ajutorul unui browser
Web folosind de motoarele de cutare;
nelege conceptele legate de pota electronic i de securitatea mesajelor;
fi n msur s folosii pota electronic pentru primirea i trimiterea mesajelor i
a fiierelor ataate;
cunoate i vei utiliza eficient principalele servicii Internet (http, ftp, news);
fi n msur s proiectai i s prezentai imaginea virtual a unei organizaii pe
Internet;
fi n msur s realizai pagini Web folosind o aplicaie software specializat
pentru generarea de pagini Web;
fi n msur s realizai un site pentru prezentarea pe Internet a unei organizaii;
cunoate instrumentele moderne de informare i comunicare n Internet
(mesageria instant, grupurile de discuii Web, fiierele RSS).

2. Noiuni fundamentale, concepte i termeni

Obiective specifice
Dup parcurgerea acestui capitol vei nelege:
- felul n care funcioneaz reelele de calculatoare conectate la Internet;
- utilitatea i funcionarea principalelor servicii i protocoale utilizate n Internet;
- formarea i structura adreselor Web (URL);
- structura adreselor IP i felul n care se formeaz aceste clase de adrese;
- vei fi n msur s utilizai n linie de comand principalele comenzi folosite pentru
verificarea conexiunilor la Internet.

Reele de calculatoare
La modul cel mai general o reea de calculatoare reprezint o configuraie de
echipamente de procesare de informaie conectate prin linii de comunicaie ce pot mpri
n comun informaia i resursele disponibile.

Criterii de clasificare a reelelor

n funcie de tipul de conectare putem distinge: reele conectate prin cabluri
speciale, prin radio, prin linii telefonice, prin fibr optic etc.
Indiferent de tipul mediilor de conectare, n funcie de extinderea acestora,
reelele pot fi:
- reele locale - LAN (Local Area Network);
- reele metropolitane - MAN (Metropolitan Area Network);
- reele de arie larg - WAN (Wide Area Network);
n funcie de mediul de interconectare distingem:
- reele bazate pe cabluri:
o Ethernet necesit cabluri speciale;
o HomePNA utilizeaz liniile telefonice deja existente;
o HomePlug utilizeaz cablurile reelei electrice;
- Reele fr cabluri (wireless):
o 802.11b Wi-Fi cu o vitez de 11 Mbps;
o 802.11a Wi-Fi5 cu o vitez de 54 Mbps.

Topologii ale reelelor

Hardware-ul reelelor include perifericele, plcile de reea i toate celelalte
echipamente necesare pentru a realiza transmisia i procesarea datelor n cadrul reelei
(hub-uri, repetoare, switch-uri, routere etc).
Modurile n care sunt conectate cablurile, computerele i alte periferice constituie
topologia fizic a reelei, iar metoda utilizat pentru transferul informaiei ntre staiile de
lucru constituie topologia logic.
Principalele tipuri de topologie fizic sunt:

Linear Bus reprezint interconectarea calculatoarelor prin intermediul unui

cablu principal cu terminatoare la fiecare capt;
Star n acest tip de topologie, fiecare nod de reea (server, staie de lucru sau
periferic) este conectat ntr-un hub sau switch central care controleaz toate
funciile reelei;
Tree acest tip de reea combin caracteristicile topologiilor Linear Bus i Star.
Ea const ntr-un grup de staii de lucru configurate n stea (Star), conectate
ulterior la un cablu liniar (Linear Bus).

Componentele hardware ale unei reele

n afar de staiile de lucru i de servere, principalele componente ale unei reele
sunt echipamentele care asigur transmisia semnalului: plci de reea, hub-uri, switch-uri,
repetoare de semnal, bridge-uri i routere.
Plcile de reea sunt cele care realizeaz conectarea fizic ntre reele i staiile
de lucru. Sunt principalele dispozitive care determin viteza i performana unei reele.
Conexiunile dintre cabluri i staiile de lucru, servere i periferice sunt mediate de
ctre hub-uri. Unele modele sunt pasive , permind doar trecerea semnalului de la un
calculator la altul fr nici o modificare. n prezent majoritatea hub-urilor sunt active,
ceea ce nseamn c ele vor amplifica electric semnalul transmis n reea.
Deoarece un semnal pierde din amplitudine atunci cnd traverseaz un cablu, este
necesar s existe un dispozitiv care s l amplifice. Acesta este un repetor. Repetoarele
pot fi dispozitive separate sau pot fi ncorporate n hub-uri sau switch-uri. De exemplu
ntr-o reea local (LAN) care se bazeaz pe topologie Star cu cablu UTP, lungimea
maxim dup care este necesar un repetor este de 100 m.
Switch-ul este un dispozitiv de reea ce selecteaz calea prin intermediul creia
datele sunt trimise ctre urmtoarea destinaie. Switch-ul determin calea i locul specific
din reea n care trebuie trimise datele. Aceast funcie poate fi ndeplinit i de ctre
router dar switch-ul este un mecanism mai simplu i mai rapid dect acesta. Timpul
necesar unui switch pentru a localiza punctul n care trebuie transmise datele se numete
laten i reprezint unul din principalele dezavantaje ale acestui dispozitiv, mai ales n
reelele de mari dimensiuni.
Pentru a eficientiza funcionarea reelelor de mari dimensiuni se poate folosi un
dispozitiv numit bridge (pod). Bridge-ul monitorizeaz traficul dintr-o reea mprit n
dou segmente, transmind pachetele de informaie ctre locaiile corecte. Majoritatea
bridge-urilor pot identifica mesajele, transmindu-le ulterior automat ctre adresele
specificate ale calculatoarelor, permind astfel traficul continuu prin blocarea celui
inutil.
Router-ele transmit informaiile ntre dou reele distincte, putnd fi asimilate cu
bridge-uri inteligente, deoarece selecteaz dinamic cea mai bun cale pentru a transmite
un mesaj, prin analiza adresei de origine i a celei de destinaie. n plus ele pot analiza i
traficul pentru a identifica care sunt segmentele cele mai solicitate, redirecionnd datele

pentru a evita aceste segmente. Router-ele sunt fi folosite i pentru a realiza conectarea
unui LAN la Internet.
Gateway-ul este punctul dintr-o reea care funcioneaz ca poart ctre o alt
reea. De exemplu n cazul conectrii unei reele locale la Internet unul dintre
calculatoarele din reea va avea i rolul de gateway iar adresa lui va trebui cunoscut de
toate celelalte calculatoare din reea.

Protocoalele unei reele

Setul de reguli care guverneaz comunicarea ntre calculatoarele unei reele este
denumit protocol, acesta standardiznd principalele caracteristici ale interconectrii:
metode de acces, topologia fizic, tipurile de cabluri i viteza de transfer a datelor. Cele
mai comune protocoale de reea sunt: Ethernet, Fast Ethernet (bazat pe fibr optic),
LocalTalk dedicat mai ales calculatoarelor Macintosh, Token Ring (dezvoltat de IBM,
necesit o topologie Star), FDDI (Fiber Distributed Data Interface), ATM
(Asynchronous Transfer Mode), IEEE 802.11b, IEEE 802.11a.
O tehnologie modern de conectare a calculatoarelor ntr-o reea este Bluetooth.
Bluetooth nu reprezint un nume sugestiv pentru tehnologia care i poart numele i care
este destinat transferului de date multipunct la distan mic, fr fir, prin intermediul
undelor radio. Bluetooth permite transmiterea de date i prin medii solide nemetalice la
distane uzuale cuprinse ntre 10 cm i 10 m cu o vitez de pn la 1 Mbps. Distana de
transmisie poate fi extins pn la 100 m prin creterea puterii de transmisie. Bluetooth
permite conexiunea n micare i asigur un sistem de securitate performant deoarece
ofer autentificare i codificare n protocolul su de baz.
n prezent aceast tehnologie este implementat n majoritatea dispozitivelor
moderne cum sunt: notebook-uri, laptop-uri, desktop-uri, telefoane mobile, imprimante,
dispozitive de acces n reea etc.

Internet i World Wide Web (WWW)

Internetul reprezint cea mai mare inter-reea WAN (Wide Area Network) din
lume care poate fi considerat ca fiind un sistem global format din calculatoare diferite
sau din reele de calculatoare interconectate, ce utilizeaz un protocol comun de
comunicaie. Ca i un sistem de telefonie el permite calculatoarelor de oriunde din lume
s fac schimb de informaii prin intermediul unor legturi. Internetul const ntr-o
multitudine de legturi ntre calculatoare aflate la distan. Informaia este transmis de la
o legtur la alta prin intermediul unor calculatoare (router-e) care stabilesc rutele optime
pe care se vor transmite mesajele la destinaii. Funcionarea Internetului se bazeaz pe
filozofia client-server. Pe calculatoarele conectate funcioneaz aplicaii software de tip
Internet care pot fi aplicaii de tip client sau aplicaii de tip server. Aplicaiile de tip client
lanseaz cereri de informaii (servicii) ctre aplicaiile de tip server care analizeaz
cererile i apoi trimit informaiile (serviciile) solicitate clienilor ndreptii s le
primeasc. Aplicaiile Internet corespund unor servicii Internet (WWW, FTP, E-MAIL,
NEWS) care se bazeaz pe protocoale corespondente (HTTP pentru WWW, FTP pentru
FTP, POP3 i SMTP pentru E-MAIL etc). Astfel ntlnim n Internet aplicaii de tip

10

server WWW, server FTP, server E-MAIL, server NEWS etc i aplicaii de tip client
WWW (browser-ul), de tip client E-MAIL i NEWS (Outlook Express). Un protocol este
o combinaie de reguli de comunicaie i formate de mesaje care trebuie respectate de
ctre aplicaiile Internet pentru a face posibil schimbul de date i de mesaje. Protocoalele
sunt standarde care furnizeaz servicii de comunicaie ntre calculatoare.
WWW (World Wide Web care n traducere nseamn o pnz de pianjen ce
cuprinde ntreaga lume) este un serviciu Internet care permite calculatoarelor conectate
la Internet s transfere date hipertext i hipermedia (text formatat, grafic, video sau
audio). WWW ofer prin intermediul protocolului HTTP posibilitatea de legare (link) a
documentelor Web din Internet. Dac Internetul reprezint baza de comunicaie, serviciul
WWW permite localizarea documentelor Web prin intermediul unui sistem aproape
infinit de legturi. Hipertextul Web trebuie interpretat ca un text care poate conine
legturi i referine ctre alte documente i informaii Web pe care le poate identifica i
apela.

HTTP, hiperlegturi, FTP, NEWS, ISP

HTTP (HyperText Transfer Protocol) este un protocol de reea proiectat special
pentru Web. Prin intermediul unui browser (Internet Explorer, Netscape Navigator etc)
utilizatorul poate accesa informaia (text, imagini, sunete, animaii) aflat pe un server
WWW. Transferul de informaie se face prin intermediul protocolului numit HTTP,
protocolul de transfer a hipertextului i a dou aplicaii software Internet: aplicaia server
WWW i aplicaia client WWW (browser). De regul browser-ul solicit server-ului Web
(WWW) o anumit pagin Web care este un fiier text ce conine marcatori (tag-uri)
HTML. Ca rspuns al browser-ului server-ul Web va transfera ctre acesta o copie a
fiierului solicitat. Dup descrcare, browser-ul va parcurge acest fiier iar atunci cnd va
ntlni marcatori ce trimit ctre alte resurse (text, imagini, sunete etc) va solicita serverului copii ale acestor fiiere.
Limbajul de Marcare a HiperTextului (HTML) este un limbaj special de marcare
utilizat pentru crearea documentelor cu hiperlegturi (hyperlinks).
Hiperlegturile reprezint marcatori ce realizeaz legturi ctre alte documente
sau resurse Web. Link-urile (legturile) transform un text obinuit n "hipertext" sau
"hipermedia". Ele permit trecerea rapid de la o informaie aflat pe un anumit server la
alt informaie aflat pe un alt server oriunde n lume. Atunci cnd se navigheaz sub un
browser, link-urile apar ca zone active ntr-o pagin Web, adic zone pe ecran sensibile la
apsarea butonului (de regul cel stng) al mouse-ului. Un click efectuat cu mouse-ul pe
un link este interpretat ca o cerere ctre un anumit server Web de a expedia ctre
computerul client o resurs ctre care link-ul respectiv puncteaz. n felul acesta paginile
Web devin interactive (adic rspund la aciuni iniiate de utilizator).
Pentru accesul direct i performant la fiierele aflate pe server-ele FTP (File
Transfer Protocol) utilizatorii Internet pot folosi un serviciu special numit FTP. Prin
intermediul serviciului FTP ei pot transfera n mod rapid fiiere de la un sistem la altul.

11

De asemenea sunt necesare cele dou tipuri de aplicaii Internet (server FTP i client
FTP).
Serviciul NEWS ofer posibilitatea funcionrii n Internet a unor liste de discuii
grupate pe domenii i subiecte de interes (Newsgroups). Utilizatorii acestui serviciu pot
selecta Newsgroups-urile dorite iar apoi pot citi mesajele sau articolele publicate. Dac
doresc, ei pot rspunde acestora sau pot adresa ntrebri utilizatorilor listelor. De
asemenea pot publica articole sau anunuri noi. Unele Newsgroups sunt dedicate
evenimentelor de actualitate, dar serviciul News (tiri) sau termenul newsgroups se refer
la grupuri de discuii referitoare la un anumit domeniu sau subiect de interes, i nu la
tiri n sensul tradiional al cuvntului. Informaiile, articolele, mesajele (ntrebrile i
rspunsurile) care compun tirile sunt scrise de ctre oameni interesai de un anumit
subiect. Newsgroups exist pe o reea special numit Usenet, care constituie o
component a Internet-ului. Categoriile unui Newsgroup sunt structurate ierarhic pe
domenii i subdomenii de interes. n prezent exist peste 3000 de newsgroups diferite, cu
subiecte variind de la unele de foarte mare interes tiinific pn la cele frivole.
Un calculator sau o reea de calculatoare pot fi conectate la Internet prin
intermediul unui furnizor de servicii Internet ISP (Internet Service Provider). Un ISP este
de regul o societate care are unul sau mai multe calculatoare conectate la Internet prin
intermediul crora pot fi conectai clienii (abonaii) pe baza unui cont (nume utilizator i
parol) obinut de la furnizorul de servicii. Conexiunile cu clienii pot fi realizate n
modaliti diferite (prin intermediul unui modem telefonic, al unui modem cablu tv., prin
ISDN, fibr optic etc).

Broadband, Streaming, Interactive Web-TV, Microcasting

Broadband
n prezent cei mai muli utilizatori nc acceseaz Internetul prin intermediul
conexiunilor asigurate de o linie telefonic simpl (dial-up) i a modemului de 56k.
Aceast conexiune nu este foarte performant atunci cnd se dorete transferul de fiiere
ce conin imagini grafice de nalt rezoluie, fiiere audio sau video. Banda oferit de
linia telefonic este ngust i nu satisface ntotdeauna transmiterea cantitii imense de
informaie pe care o presupune multimedia.
Rezolvarea (acestei probleme) o reprezint accesul de band larg (broadband).
Prin broadband informaia se poate transmite n Internet cu o vitez de ctteva zeci de ori
mai mare dect cea maxim permis de un modem obinuit de linie telefonic. Acest
ctig de vitez face posibil transferul de fiiere de dimensiuni foarte mari ntr-un timp
scurt. De exemplu prin broadband o ntreag enciclopedie multimedia poate fi trimis n
doar cteva minute.
n mod obinuit, exist patru ci pentru a obine un acces la o band larg.
1. Reeaua digital de servicii integrate (Integrated Services Digital Network ISDN). Liniile ISDN sunt dedicate conexiunilor dintre utilizator i centrala

12

telefonic. O linie ISDN este de dou ori mai rapid dect un modem de linie
telefonic de 56k.
2. Transmisia prin satelit. Prin intermediul conexiunilor la Internet asigurate de
satelii se pot transmite date de apte opt ori mai repede dect printr-un modem
telefonic obinuit. Abonaii ns trebuie s aib antene de satelit i instalaii
corespunztoare pentru acest fel de transmisii.
3. Modem pentru cablu tv. Viteza unei conexiuni la Internet cu ajutorul unui
modem de cablu tv., furnizat de ctre companiile care asigur i servicii de
televiziune prin cablu, poate ajunge pn la 1 Mb pe secund.
4. Linia digital de abonat (Digital Subscriber Line - DSL). O linie DSL
suport servicii Internet pe o linie de telefon obinuit. Vitezele pot varia de la
640k pe secund pn la mai muli megabytes pe secund, n funcie de modem
i de cablul folosit pentru a conecta modemul la calculator. O linie DSL
funcioneaz dac abonatul se afl la cel mult 4,8 km distan de oficiul
telefonic central.
Un alt avantaj ale metodelor de acces de mai sus este c ele permit conectarea
permanent la Internet.

Streaming audio i video (fluxuri audio i video)

Iniial, cnd au aprut n Internet fiierele audio i video de mari dimensiuni, era
necesar ca cei interesai, mai nti s descarce respectivele fiiere pe calculatorul propriu
i apoi (n local) s le asculte sau s le vizualizeze coninuturile. n prezent, streaming-ul
permite utilizatorilor s asculte sau s priveasc nceputul unui fiier video, n timp ce
restul continu s se descarce. Prima parte a fiierului audio sau video este stocat ntr-un
buffer i apoi lansat n execuie, n timp ce simultan, o alt parte este descrcat,
realizndu-se astfel transferul informaiilor sub forma unui flux continuu de bytes.
Totui, uneori, datorit traficului aglomerat de pe Internet, este posibil ca
streaming-ul audio i video s nu funcioneze foarte performant (s prezinte ntreruperi i
o calitate sczut a imaginii).

Interactive Web TV Web TV Interactiv

Web - TV interactiv reprezint un amestec ntre calculator, Internet i TV. Cum
funcioneaz acest serviciu? Dac urmrii o emisiune i dorii s-i reamintii unui prieten
c este difuzat, putei apsa un buton de pe telecomad, ecranul televizorului se mparte
n dou i n cealalt fereastr suntei conectat la Internet. Putei astfel trimite prietenului
un mesaj instant.
n 2001, n SUA cei mai mari furnizori de televiziune interactiv erau Microsofts
Web TV i AOLTV. Cei n jur de un milion de abonai puteau naviga pe Web, discuta cu
ali oameni (chat), trimite mesaje, n timp ce priveau la televizor. Serviciul lansat la
sfritul anului 2000 de ctre AOLTV ofer servicii similare care includ avertizri pentru
emisiuni preferate, mesaje instant, posibilitatea efecturii de cumprturi on-line, camere
de chat, e-mail (pot electronic) i coninut de Web specializat.

13

Microcasting (micro-difuzare)
Cuvntul broadcasting (difuzare pe scar larg) a fost folosit la nceput pentru
transmisia radio apoi pentru televiziune, desemnnd transmiterea unor mesaje ctre un
grup foarte mare i eterogen de oameni.
Cnd au aprut reelele de cablul TV i radioul de un anumit format (de gen), a
fost creat narrowcasting (difuzare pe scar mai mic), ceea ce nseamn c mesajul era
destinat unui public-int, unui sub-segment mic, bine definit din totalul audienei. De
exemplu exist staii de radio care se adreseaz doar tinerilor ntre 12 i 22 de ani sau
doar celor care sunt interesai de politic.
Apariia combinaiei Internet-TV i Internet-Radio face posibil serviciul
microcasting, adic transmiterea unui mesaj (audio sau video) ctre un numr mic de
oameni. Aceasta se poate realiza cu ajutorul unei camere Web TV sau prin instalarea unei
staii Internet-Radio (care vor funciona prin streaming) i a unei conexiuni la Internet.
Aplicaiile acestei noi metode sunt nelimitate: de la transmisia n direct prin Internet a
unor programe muzicale, a unor ceremonii religioase (pe care le pot urmri doar cei
interesai de eveniment), pn la video-conferine de afaceri, administrative sau
educaionale.

Formarea i structura adreselor Web

URL (Uniform Resource Locator) reprezint un identificator unic al unei resurse
Internet. Prin resurs Internet nelegem un calculator, un disc pe un calculator, un fiier
aflat pe un calculator sau un fragment dintr-un fiier aflat pe un calculator conectat la
Internet. Adresele URL definesc printr-o sintax generic accesul la resursele din Internet
i servesc pentru localizarea acestora.
O adres URL are urmtoarea sintax:
protocol://numegazd.domeniu/cale/fisier.extensie#ancora
unde:
1. protocol reprezint metoda de acces a resursei. Exemple de metode de acces:
- http reprezint metoda de acces la resursele aflate pe Internet prin intermediul
serviciului WWW;
- ftp reprezint metoda de acces la resursele aflate pe Internet prin intermediul
serviciului FTP;
- news reprezint metoda de acces la resursele aflate pe Internet prin
intermediul serviciului NEWS.
2. numegazd reprezint numele calculatorului gazd. El este stabilit de ctre
administratorul sistemului i poate fi aflat prin intermediul comenzii hostname tastat din
promptul MSDOS (prin linia de comand).
3. domeniu reprezint numele domeniului pe Internet n care se afl calculatorul.
Internetul este mprit n domenii i subdomenii. La nivelul cel mai nalt exist
domeniile de nivel 1 ca de exemplu: com, org, edu, mil, net, us, ro, uk, etc. Aceste
domenii de nivel 1 sunt mprite la rndul lor n subdomenii (domenii de nivel 2). De
exemplu domeniul ro cuprinde ca subdomenii pe snspa, comunicare, kappa, pcnet, etc.
La rndul lor domeniile de nivel 2 pot fi mprite n alte subdomenii (domenii de nivel

14

3). De exemplu subdomeniul snspa din domeniul ro cuprinde ca subdomeniu pe

comunicare (vezi figura de mai jos).

.
net

com

roedu

netscape

ro

comunicare

developer

edu

kappa

snspa

mit

comunicare

Pentru a obine numele unui domeniu se parcurge ascendent structura arborescent a

subdomeniilor pn la rdcin. Exemple de domenii:
- comunicare.snspa.ro (aici subdomeniul comunicare aparine domeniului snspa);
- comunicare.ro (aici domeniul comunicare aparine direct domeniului de nivel 1
ro);
- kappa.ro;
- yahoo.com.
Un computer are un nume unic pe Internet. Acesta este:
numegazd.domeniu
Exemple de nume de computere pe Internet:
- fcrpnews.comunicare.ro
- www.comunicare.ro
- www.yahoo.com
4. cale reprezint calea ctre un fiier aflat pe computerul de pe Internet.
5. ancora reprezint un reper (etichet) n interiorul unui fiier HTML.
Exemple:
- http://www.comunicare.ro
- http://www.comunicare.ro/CineSuntemNoi.html
- http://www.comunicare.ro/Internet/Internet.html/#cap5
- ftp://www.netscape.com/downloads/communicator
- news://msnews.microsoft.com/microsoft.public.windows.outlookexpress

Conexiune - port
Pentru a distinge protocoalele, aplicaiile Internet utilizeaz pentru fiecare
protocol un numr unic, numit numr de port. Astfel exist n mod implicit alocate pentru
HTTP portul 80, pentru FTP portul 21, pentru TELNET portul 23, pentru NEWS portul
119 .a. Toate porturile cu numere sub 1024 sunt considerate privilegiate.
Din aceast perspectiv o alt form de exprimare a unei adrese URL este:
protocol://numegazd.domeniu:port/cale/

15

unde port este numrul portului pe care se dorete conexiunea cu server-ul.

Iat n continuare (scrise cu caractere ngroate) adresele unor staii radio din
Internet care funcioneaz prin streaming:
Smooth Jazz - Live from Monterey, California http://64.236.34.97:80/stream/1020
The spirit of KJAZ San Francisco http://205.188.234.33:8004
The 80s Channel (HIGH BANDWIDTH) http://205.188.234.66:8010
Bytes of Bluegrass http://66.0.32.210:8000
Radiostorm.com: HIP-HOP R&B http://69.28.156.65:12525
DJ Dread @ 420Club.com : www.itsReggae.com http://64.202.119.30:8020
AP News Live Audio Feed http://64.236.34.97:80/stream/1061
KCRW WorldNews http://205.188.234.68:8020
Pentru a putea asculta emisiunile acestor staii este necesar un program (player)
care s poat lucra n streaming (Windows Media Player, Winamp, BestPlay v3.2 etc).

Adresele IP, clasele de adrese IP i rezoluia adreselor

Protocolul IP (Internet Protocol) asigur dirijarea pachetelor de date n Internet
pentru ca acestea s poat ajunge la destinaie. Aa cum am precizat anterior fiecare
pachet circul independent n Internet ntruct el are ncapsulat adresa destinaiei la care
trebuie s ajung.
Un computer conectat la Internet se poate fi identifica unic prin adresa lui IP,
numit i adresa software. Aceast adres este un numr binar pe 32 de bii. De regul
adresa IP se exprim prin 4 grupe de numere zecimale cuprinse ntre 0 i 255. Exemple
de adrese IP:
- 193.231.32.1
- 194.102.44.101
Adresele IP se grupeaz n clase. Exist urmtoarele tipuri de clase:
clasa C este de forma: r.r.r.c
clasa B este de forma: r.r.c.c
clasa A este de forma: r.c.c.c
unde r reprezint partea de reea iar c reprezint computerul. De exemplu clasa C
194.102.44.c poate avea cel mult 256 de drese IP, de la 194.102.44.0 la 194.102.44.255.
Conectarea calculatoarelor la o reea Ethernet se face prin intermediul unor plci
de reea de tip Ethernet. Fiecare plac de reea are o adres hardware (nscris n
momentul fabricrii) format dintr-un numr pe 48 de bii. De regul aceast adres se
exprim prin 6 grupe de cte 2 cifre hexagesimale. Exemplu: 6d 34 5f 4e bc 9a.
Pentru a afla adresa hardware a plcii de reea se poate lansa comanda route print din
promptul MS-DOS (linia de comanda).
-

Deci exist 3 identificatori unici pentru un computer pe Internet:

numele, exemplu: www.comunicare.ro
adresa IP (software), exemplu: 194.102.44.1

16

adresa plcii de reea (hardware), exemplu: a1 b2 c3 23 ae f5

Trecerea de la un identificator la alt identificator se face prin intermediul unui

mecanism numit de rezoluie a adreselor. Trecerea de la numele de domeniu la adresa IP
este realizat de ctre serviciul DNS (Domain Name Server).

Comenzi utile din linia de comand

Pentru a verifica conexiunea la Internet exist un numr de comenzi care se pot
introduce n linia de comand.
Din meniul Start, Programs se alege Command Prompt (MSDOS-Prompt), sau din
meniul Start se alege opiunea Run i apoi se tasteaz command i Enter.

hostname
Afieaz numele de gazd al computerului

17

ipconfig
Afieaz adresa IP (software) a computerului, masca de reea i gateway-ul (poarta
implicit).

ping
Verific conexiunea cu un computer prin trimiterea i recepionarea unui pachet de date
de dimensiuni reduse.

route print
Afieaz adresa hardware a plcii de reea i tabela de rutare.

18

tracert
Afieaz serverele intermediare ntre un computer surs i un computer destinaie.

Teme de reflecie i aplicaii

-

Enumerai principalele componente hardware ale unui reele de calculatoare i

explicai rolul fiecrei componente.
Explicai cum funcioneaz streaming-ul audio video.
Explicai filozofia client-server.
Definii structura unei adrese URL i a unei adrese IP.
Care sunt principalele clase de adrese IP din Internet i cum se formeaz acestea?
Explicai i exemplificai felul n care se formeaz domeniile i subdomeniile n
Internet.
Experimentai i lansai principalele comenzi din linia de comand pentru verificarea
conexiunii unui calculator la Internet.

19

3. Browser-ul, navigarea Web i motoarele de cutare

Obiective specifice
Dup ce vei parcurge acest capitol vei fi n msur:
- s utilizai eficient un browser pentru navigarea n Internet;
- s salvai local informaia dorit din Internet;
- s nelegei felul n care lucreaz motoarele de cutare;
- s utilizai eficient facilitile motoarelor de cutare pentru formarea interogrilor i
pentru gsirea informaiei dorite din Internet.

Browser-ul
Browser-ul este o aplicaie Internet de tip client WWW care respect protocolul
HTTP (HyperText Transfer Protocol) ce permite realizarea de legturi independente ntre
documentele Web n scopul vizualizrii acestora. Browser-ul este un instrument software
necesar pentru navigarea n Web. Scopul principal al acestei aplicaii este citirea textului
i afiarea imaginilor sau a altor informaii multimedia aflate pe un server Web. Browserul poate consulta i paginile Web aflate pe un calculator neconectat la Internet. n mod
obinuit browser-ul recepioneaz informaia de afiat sub forma unor fiiere care conin
texte scrise n limbajul HTML (HyperText Markup Language). Utilizarea browser-ului pe
un calculator legat la o reea permite ca fiierele de pe un alt computer s poat fi copiate
n computerul gazd i apoi s fie consultate. Browser-ele moderne ofer faciliti pentru
afiarea imaginilor, a video-clipurilor i pentru redarea sunetelor.
Deschiderea (lansarea n execuie) a unui browser se poate realiza dnd double
click (sau click) pe pictograma browser-ului (exemplu Internet Explorer):
- din Desktop,
- din Launchbar (bara de lng meniul de start) sau
- din meniul Start prin accesarea opiunii corespunztoare.
nchiderea browser-ului se poate realiza similar nchiderii unei aplicaii
Windows:
- dnd click pe butonul x al ferestrei,
- alegnd opiunea Close din meniul File,
- tastnd combinaia de taste Alt-F4.
Atunci cnd se lanseaz n execuie un browser Web, n funcie de felul n care
este setat, va ncerca s ncarce o pagin Web (Home Page) aflat la o anumit adres
URL sau va ncrca o pagin vid (Blank). Aceast prim pagin pe care o va afia
browser-ul la startare se numete pagina de start (Home Page). Ea poate fi schimbat prin
intermediul dialogului Internet Options ce poate fi lansat din opiunea cu acelai nume
aflat n meniul Tools al browser-ului sau n Control Panel.

20

Afiarea unei pagini Web ntr-o fereastr nou poate fi realizat lansnd o nou
instan a browser-ului i retastnd adresa URL a paginii dorite sau prin intermediul
meniului contextual al unui link (click pe butonul drept al mouse-ului) i apoi alegerea
opiunii Open in New Windows.

21

Dac se dorete reafiarea aceleiai pagini Web (curente) ntr-o fereastr nou, se
poate utiliza combinaia de taste Ctrl-N sau se poate alege din meniul File al
browser-ului opiunea New i apoi Window.
Dac se dorete stoparea ncrcrii unei anumite pagini Web se poate apela la
butonul Stop al browser-ului aflat n Toolbar.

Refresh-ul (rencrcarea) unei pagini Web existent n fereastra browser-ului i

care are deja adresa nscris n bara de adrese (Address) se poate realiza prin apsarea
tastei F5 sau prin apsarea butonului Refresh din Toolbar.

Barele de unelte (Toolbars) pot fi afiate sau ascunse prin intermediul opiunii
Toolbars din cadrul meniului View al browser-ului i pot fi configurate prin meniului
contextual al Toolbar-ului (opiunea Customize).

Submeniul Toolbars disponibilizeaz opiunea Customize (personalizare) care

dac va fi lansat va oferi posibilitatea aducerii n barele de meniuri a butoanelor ce
realizeaz aciunile dorite.

22

Afiarea sau ascunderea imaginilor dintr-o pagin Web n fereastra unui browser
poate fi controlat prin intermediul dialogului Internet Options care prin Tab-ului
Advanced ofer posibilitatea setrii opiunii Show Pictures (afiarea cu imagini sau fr).

23

Afiarea adreselor URL vizitate anterior poate fi realizat sub forma unui meniu
derulant (combo box) care apare atunci cnd se d un click pe triunghiul cu vrful n jos
aflat n bara de adrese.

Accesarea butonului History din Toolbar ofer o alt modalitate de a afia

adresele URL vizitate anterior. El va determina deschiderea unei ferestre noi n partea
stng a browser-ului, ce va disponibiliza posibilitatea consultrii i selectrii adreselor
URL vizitate n fiecare zi din sptmna anterioar.

Navigarea Web
Deplasarea la o adres Web se poate realiza n trei feluri:
1. prin tastarea adresei dorite n bara de adrese urmat de Enter:

2. prin alegerea unei adrese URL din Istoria barei de adrese;

3. prin intermediul unui link.
Atunci cnd prompter-ul mouse-ului se deplaseaz peste un text sau o imagine
care constituie zona activ a unui link, forma prompter-ului se schimb (n mn) i de
asemenea n funcie de felul n care a fost scris codul paginii respective, este posibil s se
schimbe i culoarea sau chiar forma acelui link. Dac se d click pe un link, se poate
realiza un salt la o anumit adres (ancor) din cadrul aceleiai pagini sau la o alt pagin
Web (ancor) aflat pe acelai server sau pe un alt server. n funcie de coninutul noii
adrese URL se poate declana o operaiune de download (descrcare a unei resurse din
Internet), transmiterea datelor unui formular sau se poate afia un nou coninut de pagin
Web.
Navigarea nainte i napoi printre paginile Web vizitate se poate realiza prin
intermediul butoanelor Back i Forward.
24

Atunci cnd se navigheaz sub un browser n Internet, este posibil s se

doreasc memorarea adreselor URL ale unor pagini de interes, n vederea revenirii la
acestea i alt dat. Aceast memorare este similar cu utilizarea unor semne de carte
bookmarks plasate la anumite pagini. n acest sens orice browser modern pune la
dispoziie un sistem de memorare a adreselor paginilor favorite, i de reaccesare a lor din
cadrul unui meniu numit chiar Favorites. Adugarea (memorarea) n Favorites a adresei
URL a unei pagini curente aflate n fereastra browser-ului se face cu opiunea Add to
Favorites selectat din meniul cu acelai nume (Favorites).

Prin intermediul meniului contextual, este posibil adugarea n Favorites a

adresei URL a unui link din pagina Web curent.

25

Afiarea unei pagini Web din bookmarks se poate realiza oricnd prin selectarea
ei din meniul Favorites (Bookmarks).
Adresele URL ale paginilor Web memorate n bookmarks-uri pot fi grupate pe
domenii, subdomenii, subiecte i problematici n folder-e i subfolder-e speciale care pot
fi create, modificate sau terse prin intermediul dialogului Organize Favorites. Acest
dialog se poate lansa din opiunea cu acelai nume aflat n meniul Favorites.
tergerea bookmark-ului unei pagini Web se poate realiza prin intermediul
butonului Delete din cadrul aceluiai dialog Organize Favorites sau apsnd tasta Delete
cnd bookmark-ul respectiv este selectat.
Pentru a putea fi copiat un text (o secven de text) dintr-o pagin Web se poate
utiliza mecanismul Copy & Paste. Mai nti se va selecta textul dorit, apoi din meniul
contextual al seleciei se va alege opiunea Copy. n acest moment textul va exista n
memoria Clipboard. Pentru a fi copiat (duplicat) ntr-un alt document (Word, text, etc) se
va deschide respectivul document (dac nu este deja deschis) iar apoi prin intermediul
comenzii Paste se va aduce textul din memoria Clipboard la destinaia dorit.
Pentru a copia n Clipboard o imagine dintr-o pagin Web, se poate utiliza meniul
contextual aferent imaginii dorite. Din acest meniu se va alege opiunea Copy, iar apoi
prin Paste, imaginea va fi copiat (duplicat) la o destinaie (ntr-un document Word,
ntr-un editor grafic etc).
O adres URL dintr-o pagin Web poate fi copiat n Clipboard similar copierii
unei imagini dar alegndu-se din meniul contextual comanda Copy Shortcut. O alt
modalitate de a copia o adres URL dintr-o pagin Web prin acelai mecanism Copy &
Paste o constituie opiunea Properties.
Coninutul unei pagini Web se poate salva ca fiier text (.txt) sau (.html) prin
intermediul opiunii Save as existent n meniul File al browser-ului. Dup selectarea
acestei opiuni (Save as) apare un dialog (Save Web Page) prin intermediul cruia poate
fi selectat calea i numele fiierului n care se va salva coninutul paginii curente. De
asemenea se poate selecta tipul fiierului care va fi salvat (html, htm, txt).
Cel mai frecvent paginile Web ofer vizitatorilor link-uri speciale pentru
descrcarea unor arhive ce pot conine fiiere de tip text, de tip imagine, de tip sunet,

26

video sau produse software. Aceste fiiere exist arhivate (zip, rar, ace etc sau sub forma
autoextractabil exe) pentru a putea fi descrcate mai rapid,.
Procesul de descrcare (download) a fiierelor din hard disc-ul server-ului pe hard
disc-ul calculatorului personal se poate realiza n mai multe modaliti:
- dnd click n link-ul respectiv;
- prin intermediul meniului contextual alegnd opiunea Save Target As;
- prin intermediul unui downloader (un program specializat pentru descrcarea rapid a
unui fiier din Internet ex.: FlashGet, Download Accelerator, GetRight etc).
Salvarea unei imagini dintr-o pagin Web se poate realiza prin intermediul
opiunii Save Picture As din cadrul meniului contextual (aferent imaginii) sau n cazul
browser-ului Internet Explorer v.6.x, alegnd opiunea Save this image din bara de unelte
ce apare atunci cnd prompter-ul mouse-ului se afl deasupra imaginii.
Meniul File al browser-ului pune la dispoziie posibilitatea de a previzualiza o
pagin Web nainte de tiprire prin intermediul opiunii Print Preview.
Schimbarea orientrii portrait (cu pagina aezat pe lungime) sau landscape (cu pagina
aezat pe lime) a unei pagini Web ce va fi tiprit, poate fi realizat prin intermediul
dialogului Print, seciunea Layout. Dialogul Print devine disponibil dac din meniul File
s-a ales opiunea Print. Schimbarea dimensiunii hrtiei se poate realiza prin intermediul
opiunii Page Setup din cadrul meniului File. Dup lansarea acestei opiuni va deveni
disponibil dialogul Page Setup care prin cmpul Size (mrime) va permite modificarea
dimensiunii hrtiei pe care se va lista la imprimant. Opiunea Print a meniului File pune
la dispoziie un dialog special prin intermediul cruia poate fi stabilit coninutul ce va fi
tiprit: ntreaga pagin Web, doar o pagin anume din cadrul documentului Web, un
frame (o seciune, o sub-fereastr a unei ferestre a browser-ului), un text selectat, numrul
de copii ce se vor tipri.

Browser contra browser

n prezent Internet Explorer (IE) este cel mai preferat browser al celor ce
navigheaz n Internet (peste 80 % dintre acetia folosesc IE). Preferinele utilizatorilor
nu sunt ntmpltoare sau derivate dintr-o politic inteligent de marketing a firmei
Microsoft. n urma unor studii fundamentate n literatura de specialitate se afrm clar
faptul c IE este lider deoarece este cel mai performant comparativ cu celelalte browser-e
concurente.
Iat n continuare statisticile pe ultimul an a dou portaluri educaionale pe care le
conduc: Cercul virtual de Internet i Seminarul virtual de baze de date
(http://linux.comunicare.ro/portal/Internet http://linux.comunicare.ro/portal/bd ). Aici
sunt evideniate i vizitele aplicaiilor de tip spider (pianjen) sau robots cum sunt
numite. Rolul i funcionarea acestor aplicaii vor fi prezentate n capitolul urmtor
referitor la motoarele de cutare n Internet.

27

28

Chiar dac n prezent domin IE situaia nu a fost aceeai dintotdeauna. Primul

browser grafic care a aprut n 1993 a fost Mosaic. Ulterior a aprut Netscape care a
dominat piaa pn n 1998. n prezent exist un alt browser concurent cu multe atuuri
numit Opera care atrage tot mai muli utilizatori prin viteza mare de operare, spaiul
redus pe care l ocup pe hard disc i prin facilitile pe care le ofer. Spre deosebire de
Internet Explorer i Netscape care sunt produse gratuite (free) Opera nu este gratuit.
Iat n continuare interfaa componentei Netscape Navigator care constituie
browser-ul Netscape.

29

Pachetul de programe Netscape ofer i alte componente cum sunt: Netscape

Composer i Netscape Messenger. Netscape Composer pune la dispoziie un instrument
grafic de construire rapid a paginilor Web iar Netscape Messenger ofer similar cu
Outlook Express, dou aplicaii de tip client, una pentru e-mail i a doua pentru serviciul
News.

Motoarele de cutare
Motoarele de cutare sunt servere specializate n stocarea de meta-informaii
(adic a informaiilor despre informaii) care ofer utilizatorilor posibilitatea de a gsi
(regsi) informaiile dorite n site-urile n care acestea exist.
Selectarea unui motor de cutare se poate face n mai multe feluri:
tastnd adresa URL a acestuia n bara de adrese i apoi Enter;

prin alegere din istoria barei de adrese sau din Bookmarks a adresei motorului de
cutare dorit (dac acesta a mai fost accesat de curnd sau dac are adresa memorat
n Favorites);
prin intermediul butonului Search din Toolbar care va deschide un dialog cu cteva
opiuni de cutare: Find a Web page (pentru o pagin Web), Find a Person (pentru o
persoan), Find a map (pentru o hart) etc.

30

Iat n continuare cteva adrese ale celor mai puternice motoare de cutare:
www.google.com,
www.yahoo.com,
www.altavista.com,
www.excite.com,
www.lycos.com, www.dogpile.com, www.hotbot.com.
n acest moment Google (www.google.com) conine cea mai mare baz de date,
n care se gsesc peste 3 miliarde de pagini. Pentru a clasifica o pagin Web, Google
contorizeaz numrul de link-uri care conduc la aceasta. Deci o pagin Web cu ct va
avea mai multe trimiteri (referine) din alte site-uri, cu att va avea un scor de relevan
mai mare.
Motoarele de cutare pun la dispoziie mecanisme de cutare dup unul sau mai
multe cuvinte cheie sau dup fraze. Orice motor de cutare ofer minim o bar de cutare
Search (Caut) n care exist un cmp de editare n care pot fi tastate aceste cuvinte sau
fraze i un buton Search care odat apsat va declana ctarea.

31

Motoarele de cutare pun la dispoziie opiuni de a construi relaii logice ntre

cuvintele cheie prin intermediul unor operatori logici cum sunt OR, AND, NOT.
Operatorul OR se utilizeaz de regul ntre dou cuvinte cheie, pentru a cuta
informaii i concepte sinonime, ntorcnd astfel toate nregistrrile unice, ce conin
primul, al doilea sau ambii termeni inclui.
Operatorul AND (similar cu +) inserat ntre dou cuvinte cheie va determina
ntoarcerea strict a rezultatelor care conin ambele cuvinte cheie. Dac se combin mai
muli termeni cutarea va avea un grad mai nalt de specificitate.
Operatorul NOT (similar cu -) permite excluderea informaiilor (paginilor Web)
care conin termenii introdui dup el.
Dac termenii pentru care se solicit o cutare sunt n englez, atunci Google
ofer n plus operatorul ~ (tilda), care plasat naintea unui cuvnt cheie determin i
cutarea dup sinonimele n limba englez ale respectivului cuvnt (pe care Google le
cunoate).
Expresiile sau cuvintele cheie care trebuie gsite ca atare se nscriu ntre
ghilimele.
De exemplu dac se dorete o cutare pentru adrese Web care ofer informaie
despre cuvintele programming i Borland i C++ atunci poate fi utilizat urmtoarea
formulare: programming AND Borland AND C++. Rezultatul cutrii va fi:

32

Dac se dorete o cutare mai complex din care s fie exclus cuvntul Builder,
atunci se va utiliza: programming AND Borland AND C++ -Builder. Rezultatul
cutrii va fi:

Unele motoare de cutare printre care se numr i Google i Yahoo pun la

dispoziie faciliti avansate de cutare i ofer suport de operare pentru mai multe limbi.

33

AltaVista (www.altavista.com) este un motor puternic pentru cutri cu caracter

general. O caracteristic util a acestui motor este aceea c de cele mai multe ori intuiete
corect informaiile nrudite cu cuvintele cheie sau expresiile tastate n caseta de interogare
i afieaz ntrebri nsoite de butoane answers (rspunsuri) care dac sunt activate pot
duce la listarea unor adrese URL relevante pentru cutare. AltaVista pune la dispoziie un
instrument special Babelfish (babelfish.altavista.com) care poate traduce expresii sau
pagini ntregi n i din diferite limbi (englez, francez, italian, spaniol etc).

AltaVista permite cercetarea unui domeniu. Astfel dac se va tasta:

34

host:nume_domeniu cuvnt_cheie vor fi listate informaiile existente n server-ul

domeniului solicitat, corespunztoare cuvntului cheie (exemplu: host:tvr filme). Sintaxa
prezentat funcioneaz i dac se dorete listarea unor informaii dintr-o ar,
corespunztoare cuvntului cheie. n acest sens nume_domeniu se va nlocui cu numele
de domeniu al rii (host:ro alegeri).

Pentru a cuta clipuri video cu AltaVista poate fi utilizat adresa:

www.altavista.com/video iar pentru a cuta fiiere audio se poate folosi adresa:
www.altavista.com/audio
Excite (www.excite.com) este un motor de cutare care n urma unei interogri pe
lng link-urile (legturile) ctre alte pagini Web mai listeaz i alte informaii utile
corespunztoare cutrilor cum sunt: tiri, calendar de evenimente, articole de
enciclopedie i chiar legturi ctre resurse audio i video.

35

Motorul permite la afiare, schimbarea ordinii de sortare dup nume a rezultatelor

cutrilor.
O alt facilitate util care permite o rafinare suplimentar este i butonul More
like this (mai multe ca i acesta) prin intermediul cruia Excite poate realiza cutri
suplimentare dup cuvintele cheie ale rezultatelor.
Dac rezultatele unei cutri sunt irelevante pot fi alese cuvinte cheie dintr-o list
Selected words to add to your search (cuvinte selectate pentru a fi adugate cutrii). n
acest fel poate fi realizat o ngustare a cutrii.
Lycos (www.lycos.com) ofer pe lng adresele URL ce apar ca rezultate ale unei
cutri, tiri, oportuniti, job-uri i alte informaii comerciale aferente. Prin, intermediul
facilitii Advanced Search ofer posibilitatea unei cutri avansate.

36

Prin intermediul subdomeniului multimedia, http://multimedia.lycos.com Lycos

pune la dispoziie un motor special pentru cutarea informaiiei multimedia n Internet.
De asemenea Lycos permite vizualizarea clipurilor video n flux direct (streming) la
adresa: http://video.lycos.com .
Dogpile (www.dogpile.com) este un motor de cutare complex ce poate fi
aplicat mai multor servicii cum sunt: Web, News, Yellow Pages (pentru cutarea unei
companii, firme), White Pages (pentru cutarea unor oameni) etc. Dogpile este un
metacuttor deoarece pentru gsirea rezultatelor apeleaz i la serviciile altor motoare de
cutare.

37

HotBot (www.hotbot.com) este un motor de cutare util pentru localizarea

paginilor Web publicate ntr-o anumit perioad. Cutarea poate fi realizat dup anumite
expresii, titluri de pagini, nume de oameni i adrese URL. HotBot permite de exemplu
selectarea informaiilor corespunztoare cutrii ce sunt coninute doar n paginile care au
fost actualizate n ultima sptmn.

38

Un alt metacuttor foarte performant este programul Copernic Meta. Acest

software poate fi descrcat de la adresa: http://www.copernic.com . Dup instalare el
creeaz sub browser un Toolbar (copernic meta) care pune la dispoziie instrumentele
necesare cutrilor n Internet.

Cum lucreaz motoarele de cutare?

Toate motoarele de cutare nainte de a oferi rezultatele unei interogri parcurg
urmtoarele trei etape:
- generarea unui index;
- cutarea n index;
- sortarea rezultatelor.

39

Majoritatea motoarelor folosesc o aplicaie de tip spider (pianjen), care

parcurge Internetul pentru a construi un index. Aceast aplicaie viziteaz automat
foarte multe site-uri i extrage toate adresele URL din fiecare pagin. Indexarea difer n
calitate, n funcie de frecvena de actualizare i de eliminare sau adugare a paginilor
Web n i din index. Indexarea realizat de ctre aplicaia spider include att descrieri
invizibile ale paginilor Web numite metatag-uri ce pot fi adugate ca marcatori HTML de
ctre creatorii acestor pagini ct i titluri, subtitluri, cuvinte cheie i expresii din pagini.
Dac metatag-urile nu reflect corespunztor coninuturile din pagini pot aprea rezultate
irelevante i astfel spiders-ii se pot nela. De aceea unele motoare de cutare cum este
Yahoo nu se limiteaz doar la indexrile realizate de spiders-i ci prefer validarea i
completarea acestora de ctre operatori umani care n plus realizeaz i scurte descrieri
completate de cuvinte cheie corespunztoare. n acest fel rezultatele cutrilor devin mult
mai relevante.
Dup introducerea unor termeni n formularul de cutare i lansarea interogrii,
motorul de cutare caut termenii n baza sa de date apoi rezultatul interogrii este supus
sortrii conform unor algoritmi specifici fiecrui motor de cutare. Astfel rezultatul unor
cutri poate diferi n funcie de motorul de cutare interogat. De asemenea unii clieni
(companii comerciale) pot plti motoarelor de cutare pentru a fi inclui pe primele locuri
n listele cu rezultate corespunztoare unor cuvinte cheie specifice.

Cteva reguli utile de construire a interogrilor

Atunci cnd se utilizeaz serviciile unui motor de cutare este evident faptul c se
va obine o calitate a rspunsurilor care va depinde foarte mult de felul n care au fost
formulate cererile. n acest sens sunt recomandate cteva reguli de construire a irurilor
de cutare:
- folosirea drept cuvinte cheie a unor substantive i nume de obiecte;
- termenii cei mai importani trebuie s fie primii n ir;
- un ir de cutare ar trebui s conin cel puin 3 cuvinte cheie;
- cuvintele cheie trebuie combinate pentru a obine subiruri i fraze ncadrate
ntre ghilimele;
- se va evita folosirea cuvintelor comune, generice, n afara subirurilor sau
frazelor;
- irul va trebui s conin cuvinte cheie a cror probabilitate de apariie n
paginile cutate este mare;
- pentru rafinarea rspunsurilor se vor folosi n irul de cutare sinonime ale
cuvintelor cheie i operatori logici.

Teme de reflecie i aplicaii

-

Explicai filozofia client-server de funcionare a unui browser.

Experimentai funcionarea unui browser pentru navigarea ntre diferite adrese (nume
de domenii i subdomenii din Internet) i ncercai s salvai informaii text i imagini
din coninuturile acestora. Listai la imprimant coninutul unei pagini Web.
Explicai cum lucreaz motoarele de cutare.

40

Care sunt principalii operatori logici ce pot fi utilizai n cutri.

Experimentai lucrul cu motoarele de cutare cutnd explicaiile unor termeni i
informaie aferent din referinele furnizate.
Specificai particularitile principalelor motoare de cutare.
ncercai s traducei coninutul text al unei pagini Web dintr-o limb n alt limb
utiliznd facilitatea Babelfish din motorul de cutare altavista.

41

4. Securitatea n Internet
Obiective specifice
Dup parcurgerea acestui capitol vei:
- contientiza necesitatea securitii n Internet;
- nelege felul n care lucreaz i cum pot fi utilizate certificatele digitale;
- nelege felul n care se raspndesc i cum acioneaz viruii informatici;
- nelege principiul de funcionare al unui program firewall;
- fi n msur s v putei apra mpotriva atacurilor externe cu ajutorul unui firewall;
- fi n msur s setai parametrii de securitate ai browser-ului;
- nelege ce sunt i cum acioneaz cookie-urile, web-bugs, adware-ul i spyware-ul;
- vei fi n msur s aplicai i s respectai principalele reguli de protecie atunci cnd
navigai n Internet.
Dac pn acum civa ani msurile de securitate n Internet preau s fac parte
doar din domeniul de activitate al specialitilor, iat c n prezent situaia este cu totul
alta. Astzi a devenit necesar ca orice persoan care navigheaz n Internet s cunoasc
aceste msuri de securitate mcar la modul cel mai general. Acest lucru se impune
datorit creterii exponeniale a viruilor ce pot fi propagai pe aceast cale, numrului
din ce n ce mai mare de atacuri att la adresa server-elor ct i la adresa celor ce
navigheaz n Internet, furturilor de identitate, de elemente confideniale, de valori din
spaiul virtual. n prezent doar simpla navigare n Internet fr luarea unor msuri de
securitate corespunztoare poate provoca mari neplceri. Iat de ce acest capitol nu putea
lipsi din prezentul curs.

Certificatele digitale
Un certificat este util pentru a identifica un produs. Acest lucru are sens numai
dac posesorul certificatului are ncredere n emitentul acestuia, numit i autoritate de
certificare.
Atunci cnd avei ncredere ntr-o autoritate de certificare, aceasta presupune c
avei ncredere n exigena acesteia n ceea ce privete evaluarea cererilor de acordare a
certificatelor. Totodat avei ncredere n faptul c autoritatea de certificare va actualiza
periodic i va face public o list a certificatelor care nu mai sunt valabile. Aceast list
va fi trimis tuturor clienilor sau poate fi consultat i extras de acetia din pagina Web
a autoritii de certificare.
Certificatele sunt folositoare pentru o gam larg de servicii de securitate, cum
sunt:
- Autentificarea verificarea identitii cuiva sau a ceva.
- Confidenialitatea asigurarea faptului c la anumite informaii are acces numai un
anumit public.
- Criptarea prelucrarea informaiei astfel nct cititorii neautorizai s nu o poat
descifra.
- Semnturi digitale atest integritatea mesajelor i asigur acceptarea acestora.

42

Autentificarea
Autentificarea este deosebit de important pentru a face comunicarea sigur.
Utilizatorii trebuie s-i dovedeasc identitatea n faa celor cu care comunic i la rndul
lor s verifice identitatea acestora. Verificarea identitii n reea este un proces complex.
Prile care comunic nu se ntlnesc fizic i din acest motiv o persoan ruvoitoare poate
intercepta mesajele sau poate ncerca s se substituie altcuiva.
Certificatul digital este o acreditare obinuit care d posibilitatea verificrii
identitii. Aceste certificate digitale sunt criptate (codificate) pentru a limita posibilitatea
ca mesajele s fie interceptate, modificate sau contrafcute. Tehnicile de criptare sunt
complexe astfel nct certificatele digitale vor fi dificil de modificat pentru ca o persoan
s se substituie alteia.

Confidenialitatea comunicrii
Schimbul de informaii n reea, inclusiv n Internet poate fi monitorizat (urmrit)
de persoane necunoscute i posibil ru intenionate. Reelele publice sunt nesigure pentru
informaia important i cu un anume grad de confidenialitate atunci cnd aceasta nu
este criptat. Oricine poate accesa reeaua i poate analiza fluxul de informaii dintre dou
puncte. Chiar i reelele locale private sunt vulnerabile la eforturile perseverente ale unor
ruvoitori care doresc s aib acces fizic la informaia din reea.
Deci, utilizatorii care trimit informaii importante ntre dou dispozitive conectate
n orice tip de reea vor trebui s foloseasc o tehnic de criptare pentru a asigura
confidenialitatea acesteia.

Criptarea simetric, cu cheie public i cheie privat

Criptarea poate fi imaginat ca i cnd ceva de valoare este ncuiat ntr-o cutie
rezistent. Similar, decriptarea poate fi comparat cu descuierea cutiei i accesul liber la
valorile dinuntru. n calculator, datele importante sub forma unor fiiere de pe hard disc
sau fiiere transmise prin reea pot fi criptate folosind o cheie de criptare. Att datele
criptate ct i cheia de criptare sunt prelucrate (transformate) astfel nct s nu poat fi
citite (nelese) de persoane nedorite.
Cea mai simpl form de criptare este criptarea simetric, adic folosirea unei
chei de criptare care trebuie cunoscut de toi cei care vor s decripteze informaiile
respective.
O alt metod este criptarea cu cheie public ceea ce presupune existena a dou
chei pereche ntre care exist o legtur stabilit matematic.
O cheie, numit cheie privat, este pstrat secret de ctre persoana care dorete
s-i asigure securitatea mesajelor primite, i o alt cheie, numit cheie public, este dat
celor care vor trimite persoanei n cauz mesaje criptate cu ajutorul ei. Aceste mesaje
criptate cu ajutorul cheii publice nu pot fi decriptate dect de ctre cel care cunoate i
cheia privat pereche a cheii publice cu care au fost criptate. Oricine ncearc s
decripteze n mod fraudulos mesajul criptat, este posibil s descopere sau s afle cheia

43

public cu care a fost criptat, dar este mult mai dificil s descopere dou chei necesare
simultan procesului de criptare.
n general criptarea cu ajutorul unei chei publice nu este folosit pentru volume
mari de date. Aceast metod este folosit n mod eficient pentru criptarea unor volume
mai mici de date i pentru criptarea cheilor folosite la criptarea simetric.

Virui informatici i firewall

Virui informatici
Navigarea n Internet presupune implicit i asumarea anumitor riscuri generate de
posibilitatea apariiei unor pericole cum sunt: viruii informatici, viermii de reea,
spionarea coninutului hard-discului calculatorului propriu, atacuri informatice externe n
scopuri distructive.
Atunci cnd printr-o procedur de descrcare (download) declanat cel mai
frecvent prin accesarea unui link) se descarc pe calculatorul propriu fiiere din Internet,
este foarte posibil ca acestea s conin virui informatici. Fiierele descrcate pot fi sau
pot conine documente Word (cu extensia .doc), foi de calcul Excel (.xls), baze de date
Access (.mdb), programe executabile (.exe), pagini Web (.htm, .html), arhive etc. Acestea
pot conine diferii virui informatici (macrodefiniii, virui de boot, virui care infecteaz
fiierele executabile, virui ai sistemului de operare etc) ce vor ncerca s se instaleze n
calculatorul gazd atunci cnd respectivele fiiere (virusate) vor fi accesate.
n acest sens dup ce un fiier a fost descrcat din Internet nu este indicat ca el s
fie accesat imediat pe calculatorul local. Este necesar ca pe calculatorul local s fie
instalat un program antivirus (F-Prot, BitDefender, Norton Antivirus, F-Secure, Panda
etc) care de cele mai multe ori are o component activ ce verific automat orice fiier
descrcat din Internet i orice fiier accesat. Dac programul antivirus nu are aceast
component atunci fiierele descrcate din Internet vor trebui verificate de ctre
programul antivirus prin declanarea manual a unei scanri.
Avnd n vedere c n prezent exist creai peste 100.000 de virui informatici i
c probabilitatea de infectare a unor fiiere cu aceti virui este foarte mare, nu se mai
recomand lucrul (mai ales n Internet) fr a avea instalate programe antivirus
corespunztoare, actualizate cu ultimele semnturi de virui informatici descoperii.

Firewall
n urma lansrii n execuie pe calculatorul personal a unor aplicaii (descrcate
din Internet, a unor fiiere ataate mesajelor e-mail, a unor programe externe) neverificate
corespunztor cu un program antivirus actualizat cu ultimele semnturi, este foarte
posibil ca acestea s instaleze i o aplicaie de tip server numit cal troian. Aceast
aplicaie va putea servi cu informaia solicitat (din calculatorul infectat) pe un client
(hacker) care are o aplicaie de tip client corespunztoare. Informaia va fi transmis
clientului prin aceeai conexiune prin care calculatorul personal este conectat la Internet.
De asemenea este posibil ca o aplicaie aflat pe un calculator extern conectat la
Internet s scaneze conexiunea calculatorului personal pentru a identifica anumite puncte
slabe ale acesteia care s permit penetrarea extern (prin intermediul unor porturi), n
44

scopul prelurii controlului asupra calculatorului personal sau n scopul consultrii

(copierii) fiierelor aflate pe acesta.
Pentru evitarea acestor pericole este indicat ca pe lng programul antivirus, pe
orice calculator conectat la Internet s mai existe instalat un program special de tip
firewall (zid de foc) care s filtreze permanent coninutul informaiei transmise sau
recepionate prin conexiunea Internet i care s identifice rapoartele cailor troieni i
solicitrile sau scanrile externe ale unor aplicaii de tip client. Programul de tip firewall
va trebui s fie n msur s informeze despre aceste ncercri i s le stopeze aciunile.

Cookies, Cache i Web-Bugs

Un cookie este un fiier text pe care o aplicaie server Web l poate scrie prin
intermediul browser-ului ntr-un loc (folder) special pe hard-discul calculatorului client.
Cookie-urile pot fi scrise pe calculatorul client dac browser-ul permite aceste drepturi
(de scriere) prin intermediul setrilor sale. n mod implicit browser-ul permite scrierea
cookie-urilor deoarece altfel multe site-uri nu ar mai putea fi vizitate pentru c interzic
accesul clienilor care nu pot memora cookie-uri. Cookie-urile au o durat de via
stabilit de ctre aplicaia server. Dup expirarea acesteia ele se autodistrug. Cookie-urile
pot conine i informaie nscris criptat. Prin intermediul cookie-urilor n calculatorul
client (al vizitatorului) se pot memora date despre vizitatori, despre preferinele acestora
etc. Aceste informaii pot fi citite apoi de ctre aplicaia server la o nou revenire n site i
memorate ulterior ntr-o baz de date. n acest fel devine posibil spionajul electronic
foarte interesant n special pentru firmele comerciale care doresc s-i cunoasc ct mai
bine actualii sau viitorii poteniali clieni.
Deoarece de multe ori conexiunile Internet nu funcioneaz foarte performant iar
unele pagini Web solicitate prin intermediul browser-ului este posibil s mai fi fost
vizitate anterior, s-a dovedit c o conexiune poate fi mult accelerat dac n timpul
navigrii aceste pagini sunt memorate ntr-o zon special (folder) pe hard-discul
clientului numit cache (memorie tampon), iar ulterior la o eventual revenire n site,
dac nu exist modificri, n loc s fie descrcate din calculatorul server, respectivele
pagini s fie rencrcate local, din zona de cache. n timpul navigrii n cache-ul Internet
al browser-ului se memoreaz nu numai coninutul text (HTML) al paginilor Web vizitate
ci i resursele aferente acestora: imagini, sunete video-clipuri etc. ceea ce face ca
ncrcarea acestor pagini n fereastra browser-ului s se produc mult mai repede.
Dimensiunea zonei de cache (n MB) poate fi modificat prin intermediul opiunilor de
configurare ale browser-ului.
Cookie-urile i fiierele memorate n zona cache Internet pot fi terse dac din
meniul Tools al browser-ului se va lansa dialogul Internet Options care prin intermediul
tab-ului General pune la dispoziie aceste utiliti (butoanele Delete Cookies i Delete
Files).

45

Web-Bug-ul este o form foarte bine ascuns de supraveghere a vizitatorilor unor

pagini Web. De cele mai multe ori un Web-Bug reprezint o imagine grafic sub forma
unui fiier GIF invizibil ce poate fi ascuns n orice pagin Web sau mesaj e-mail
formatat HTML. Aceste imagini grafice au dimensiuni foarte reduse de regul 1 x 1
pixeli i sunt de culoarea fundalului, ceea mpidic vizibilitatea lor. Foarte frecvent
banner-ele publicitare conin astfel de fiiere. Prin intermediul Web-Bugs-urilor firmele
comerciale interesate pot obine informaii de identificare a utilizatrilor i n timp pot
construi profile corecte ale preferinelor acestora.
Dac Web-Bug-ul este ascuns ntr-un mesaj e-mail formatat HTML atunci
firmele de publicitate interesate pot afla cu siguran cnd a fost deschis respectivul
mesaj, de cte ori i unde a fost retransmis.
Web-Bug-ul acioneaz i asupra fiierelor Word dac acestea conin imagini sau
pagini salvate din Internet ce includ asemenea componente (Web-Bugs). Astfel dac se
prelucreaz documentul pe un calculator conectat la Internet se poate afla cnd a fost
deschis fiierul, i de cte persoane a fost prelucrat.
Dac scrierea cookie-urilor n calculatorul personal poate fi blocat, Web-Bugsurile pot fi evitate doar cu preul renunrii la afiarea imaginilor din pagini. De cele mai
multe ori att informaiile despre utilizatori culese din cookie-uri ct i cele provenite din
Web-Bugs-uri sunt nscrise automat n baze de date ale firmelor comerciale interesate i
apoi sunt vndute i revndute la preuri foarte mari.

46

Un program util pentru cutarea i nlturarea Web-Bugs-urilor este denumit chiar

Web-Bug i poate fi descrcat de la adresa: www.bugnosis.org/download.html .

Pericole posibile atunci cnd se navigheaz n Internet

Ofertele gratuite inund n prezent Internet-ul. Ele apar cel mai frecvent sub
forma sub forma banner-elor publicitare i ofer fr plat sau cu costuri modice conturi
e-mail, gzduirea de site-uri, obinerea numelor de domenii, furnizarea unor informaii
comerciale, testarea unor produse, obinerea de muzic i CD-uri, medicamente
miraculoase, vacane de necrezut obinute prin tragere la sori, oferte de lucru la
domiciliu etc. Foarte frecvent aceste oferte solicit prin intermediul unor formulare
detaliate, date despre utlizatori care pot determina divulgarea unor informaii
confideniale, spionarea navigrii n Internet, subscrierea automat la buletine de tiri i
reclame pentru diferite produse, generarea profilelor de utilizatori, furtul de identitate i
chiar fraude. De asemenea multe informaii despre utilizatori sunt vndute apoi altor
firme comerciale interesate.
Adware i Spyware constituie alte pericole la care este supus utilizatorul Internetului actual. Denumirea Adware provine de la Advertising Software (software de reclam)
care nsoete programele freeware (adic programele care pot fi distribuite i utilizate n
mod liber) i care n acest fel compenseaz costul care ar fi trebuit pltit pentru utilizarea
acestora. Adware determin ca programul utilizat s se autofinaneze prin afiarea de
reclam. Utilizatorul poate opta s nregistreze programul n schimbul unei taxe i astfel
s ndeprteze banner-ele publicitare sau s accepte afiarea reclamelor pe ecran. De cele
mai multe ori aceste componente de advertising includ i software de spionare care poate
divulga multe date interesante despre utilizatorii programelor freeware (adresele IP,
sistemul de operare utilizat, tipul de browser, preferinele acestora atunci cnd
navigheaz n Internet, tipul de conectare la Internet, nume de utilizatori, parole de sistem
i parole utilizate n Internet, adresele e-mail ale celor cu care acetia corespondeaz etc).
n acest sens un sinonim pentru Adware este i Advertising Spyware (software de reclam
i spionare).
Software-ul inclus n categoria Spyware (de spionare) este cel care folosete o
conexiune Internet fr tirea sau acordul explicit al utilizatorului. Aadar software-ul de
tip Spyware poate transmite prin Internet unor servere anume acelai tip de informaii ca
i cele transmise de adware, dar fr tirea i acordul utilizatorilor. Cel mai frecvent
componentele spyware se instaleaz n zona de cache atunci cnd sunt vizitate anumite
pagini Web. n prezent doar simpla vizitare a unei pagini Web fr utilizarea unor msuri
de protecie corespunztoare (program antivirus i firewall) poate provoca instalarea unor
virui sau a unor componente spyware n calculatorul personal.

47

Reguli elementare care trebuie respectate atunci cnd se navigheaz n

Internet i programe de protecie ce pot fi utilizate
Iat n continuare cteva reguli elementare care ar trebui respectate de ctre
oricine navigheaz n Internet sau lucreaz pe un calculator cu conexiune permanent sau
parial la Internet:
- utilizarea unui program firewall ori de cte ori este activ o conexiune
Internet;
- utilizarea unui program antivirus performant;
- alegerea unor parole greu de identificat;
- tergerea frecvent a cookie-urilor a cache-ului i a istoriei browser-ului;
- interzicerea partajrii fiierelor;
- criptarea fiierelor din calculatorul personal ce conin
informaie
confidenial;
- criptarea coninutului mesajelor e-mail;
- citirea cu atenie a textelor scrise cu litere foarte mici nainte de a subscrie n
anumite site-uri Web;
- interzicerea schimbului de fiiere cu necunoscui (n special atunci cnd se
utilizeaz serviciile chat, mIRC, video chat, DC++, Kaaza etc);
- interzicerea instalrii automate din Internet a unor componente software
necunoscute;
- evitarea zonelor ru famate n special a celor cu tem XXX.
n continuare vor fi prezentate adresele Web ale ctorva programe antivirus,
firewall, anti-adware, anti-spyware, criptoare de fiiere i de mesaje e-mail care pot fi
utilizate pentru asigurarea unei mai bune protecii a calculatorului personal:

Programe utilitare antivirus:

- McAfee.com clinic (www.mcafee.com);
- Symantec Norton AntiVirus (www.symantec.com);
- F-prot (www.f-prot.com);
- RAV (Romanian Anti Virus www.rav.ro).

Programe firewall:
- McAfee Personal Firewall (www.mcafee.com);
- Symantec Norton Personal Firewall (www.symantec.com);
- Kerio Personal Firewall (www.kerio.com);
- Zone Labs Zone Alarm (www.zonelabs.com).

Programe anti-adware i anti-spyware:

- Ad-aware (www.lavasoft.de)
- OptOut (grc.com/optout.htm)
- SpyChecker (www.spychecker.com)
- SpyRemover (www.itcompany.com/remover.htm)

Programe de criptare a fiierelor:

48

BestCrypt (www.jetico.com);
Network Associates PGP Personal Privacy (www.mcafee-at-home.com);
Panda Software Pana Security (www.pandasecurity.com).

Programe de criptare a mesajelor e-mail:

- Hush Communication HushMail (www.hushmail.com);
- Sigaba Secure (www.sigaba.com).

Teme de reflecie i aplicaii

-

Explicai principalele servicii ale certificatelor digitale: autentificarea,

confidenialitatea, criptarea i semnturile digitale.
Cum se formeaz i cum acioneaz viruii informatici? Exemplificai.
Cum acioneaz programul firewall pentru a asigura o protecie mpotriva atacurilor
externe din Internet?
Explicai ce sunt cookie-urile, web-bugs, adware-ul i spyware-ul. Sunt ele
periculoase? Argumentai.
Enumerai principalele reguli care trebuie respectate atunci cnd se navigheaz n
Internet.

49

5. Pota electronic
Obiective specifice
Dup ce vei parcurge acest capitol vei:
- nelege funcionarea i utilitatea serviciului e-mail;
- cunoate structura adreselor e-mail;
- nelege spamming-ul i importana securitii e-mail;
- fi n msur s lucrai cu mesaje e-mail utiliznd aplicaia Outlook Express;
- fi n msur s v abonai la newsgroup-uri utiliznd Outlook Express i Netscape
Messenger.
Serviciul e-mail (mesageria electronic) este n prezent unul dintre cele mai larg
rspndite servicii Internet deoarece permite transmiterea rapid a mesajelor electronice,
este foarte ieftin, uneori chiar gratis, face posibil transferul de fiiere ataate mesajelor,
asigur faciliti performante de comunicare cum sunt: Reply, Forward, Quote, CC, BCC.
Web-Based e-mail este o interfa Web ce permite accesul la un cont de e-mail,
utiliznd un browser Web. Astfel un cont de e-mail poate fi accesat de oriunde din lume,
de pe orice alt calculator conectat la Internet. Pn n 2003 cele mai folosite servicii de
Web-Based e-mail erau Yahoo i Hotmail Microsoft. Amndou ofereau fiecrui
utilizator spaiu gratuit pentru e-mail. Yahoo asigura 4 MB iar Hotmail 2 MB. Ulterior a
aprut Gmail al companiei Google care a surclasat oferta primelor dou, deoarece de la
nceput a oferit un spaiu gratuit de 1 GB pentru fiecare utilizator. n prezent Yahoo ofer
10 MB iar Microsoft lucreaz pentru realizarea unui nou serviciu numit Windows Live.
Atunci cnd se transmit mesaje e-mail trebuie respectate cteva reguli elementare
de bun sim ce constituie baza unei netetichete numite Basic Electronic Mail
Netiquette. Iat n continuare cteva dintre cele mai importante recomandri pe care
aceasta le face:
- s nu se redacteze mesajul unui e-mail numai cu majuscule;
- s se rspund cu promptitudine mesajelor e-mail;
- s fie urmrit cu atenie felul n care este redactat mesajul, avndu-se n vedere faptul
c se folosete o exprimare scris, nonverbal;
- s se verifice cu atenie mesajul nainte de a fi transmis, astfel nct acesta s nu
conin greeli gramaticale i de ortografie;
- n cazul n care se rspunde la un mesaj, s nu se returneze ntregul mesaj original ci
s foloseasc quot-area dubl (plasarea semnelor >>) numai naintea rndurilor la
care se rspunde;
- s se foloseasc o semntur electronic automat (care include informaii despre
expeditor i cum poate fi el contactat) dac produsul software cu care se lucreaz
(clientul e-mail) permite acest lucru;
- s nu se trimit fiiere ataate nesolicitate;
- s se utilizeze linia Subject n care s se fac o descriere succint a coninutului
mesajului;
- s nu se trimit prin facilitatea forward glume dect dac este foarte sigur c toi cei
care vor primi mesajul doresc aceasta;

50

dac un mesaj este trimis la mai multe adrese e-mail odat, pe ct posibil s se
utilizeze Bcc (Blind Carbon Copy) i nu Cc (Carbon Copy) care permite tuturor celor
care au primit mesajul s vad toate adresele e-mail la care acesta a fost transmis;
s nu se utilizeze facilitatea forward dac se lucreaz n reeaua AOL (America On
Line).

Securitatea e-mail
Transmiterea de e-mail nesolicitat sau spamming-ul cum mai este denumit
aceast operaiune, a devenit n prezent un fenomen ngrijortor datorit efectelor pe care
le poate produce: aglomerarea mesajelor n server-ele e-mail, ngreunarea citirii i
selecionrii mesajelor utile de cele nedorite, pericolul consumrii rapide a spaiului
alocat pentru e-mail pe hard disc-ul ISP-ului (Internet Service Provider), ncrcarea
conexiunilor Internet cu informaie nedorit, posibilitatea infectrii cu virui informatici
sau cu cai troieni prin intermediul fiierelor ataate,.
n prezent exist n Internet foarte multe firme comerciale, mici ntreprinztori i
hackeri sau persoane ru intenionate care folosesc frecvent aceast tehnic. S-au creat
mari baze de date de adrese e-mail care se vnd foarte scump.
Exist permanent pericolul ca adresa personal de e-mail s ajung ntr-o astfel de
baz de date sau ntr-o list de spamming. n acest sens trebuie acordat o atenie sporit
fa de persoanele crora le dm adresa de e-mail sau fa de site-urile la care completm
formulare care aproape de fiecare dat solicit i aceast adres. O alt posibilitate de
transmitere a adresei e-mail o constituie trimiterea mesajelor prin utilizarea opiunii Cc
(Carbon Copy) care face vizibil ntregul coninut al listei de adrese e-mail la care au fost
trimise mesajele.
Pentru a lupta mpotriva acestui fenomen exist programe specializate pentru
nlturarea din csua potal a e-mail-urilor nesolicitate, pe baza filtrelor ce pot fi
stabilite pentru anumite cuvinte sau grupuri de cuvinte ce s-ar putea afla n interiorul sau
n subiectul (Subject) acestor mesaje.
Deoarece mesajele e-mail pot fi formatate html (format care permite inserarea de
diferite script-uri realizate n alte limbaje) sau pot fi nsoite de fiiere ataate, exist
permanent pericolul infectrii pe aceast cale cu virui informatici, cu viermi de reea
sau cu cai troieni. n acest sens se recomand atenie sporit la deschiderea unor mesaje
e-mail primite de la adrese necunoscute sau la consultarea fiierelor ataate, care pot
declana instalarea unor virui informatici, cai troieni etc n calculatorul gazd.
Se recomand existena pe calculatorul personal a unui program antivirus
performant, actualizat permanent (on line) cu ultimele semnturi de virui informatici
nou aprui i a unui program de tip firewall.

Formarea i structura adreselor de e-mail

O adresa e-mail este compus:
1. dintr-un ir de caractere care identific numele utilizatorului, urmat de
2. semnul @, urmat de
3. numele domeniului (server-ului e-mail) unde exist contul.

51

Exemple de adrese e-mail pot fi:

stanp@yahoo.com, stan.petre@comunicare.ro
Pe baza numelui de domeniu dintr-o adres de e-mail se poate transfera mesajul
pe maina destinatarului, iar pe baza numelui din adres se realizeaz livrarea local a
mesajului n csua potal a destinatarului.
O adres e-mail nu poate conine spaii. Urmtorul mod de exprimare a acesteia
este greit: stan petre @comunicare.ro.

Utilizarea aplicaiei e-mail Outlook Express

-

Deschiderea unei aplicaii e-mail se poate face din:

Launchbar (bara de lng meniul de start),
din opiunea corespunztoare aflat n meniul de start sau
prin intermediul unui shortcut existent n Desktop.

Cu un program de tip client e-mail, cum este Outlook Express, este posibil s
poat lucra mai utilizatori, fiecare dintre acetia putnd avea propria interfa Outlook i o
securitate asigurat prin nume i parol care s nu permit dect un acces personalizat n
csu potal. Comutarea ntre diferite identiti poate fi realizat prin intermediul
opiunii Switch Identity din meniul File.

52

Dup ce un utilizator a intrat n aplicaie, el poate s-i deschid seciunea Inbox

foarte simplu, dnd click pe aceast opiune aflat n seciunea Folders.

53

Outlook Express permite deschiderea unuia sau mai multor mesaje e-mail din
Inbox se poate realiza dnd double click pe titlul acestora din fereastra din partea dreapt
sus n care exist afiate mai multe cmpuri: From (de la cine a fost primit mesajul),
Subject i data primirii. Acestea se vor deschide n ferestre separate.

54

Comutarea ntre mesajele deschise prin double click n ferestre separate, se poate
realiza activnd ferestrele dorite printr-un click dat pe o poriune din suprafaa acestora
(dac este vizibil), sau selectndu-le din Taskbar. Dac se utilizeaz tastatura atunci
combinaia de taste Alt-Tab ofer de asemenea posibilitatea selectrii ferestrei mesajului
dorit.
Comutarea ntre mesaje se mai poate realiza dnd click pe titlul mesajului sau prin
intermediul sgeilor de direcie sus i jos acionate n cadrul ferestrei mesajelor.
ntodeauna va fi deschis n seciunea (fereastra) din dreapta jos, mesajul al crui titlu este
selectat prin bara transparent de culoare (albastr care l acoper).

55

Adugarea, tergerea informaiilor aferente mesajelor poate fi realizat prin

intermediul meniului contextual al barei de identificare a mesajelor din care va fi aleas
opiunea Columns. Aceast opiune va disponibiliza un dialog cu acelai nume.
Dialogul Columns va permite alegerea informaiilor aferente mesajelor e-mail
care vor fi afiate n coloanele din fereastra Inbox (dreapta sus) care conine titlurile
mesajelor.

56

n partea stng a aplicaiei Outlook Express exist seciunea (fereastra) Folders

care permite crearea unor folder-e noi (corespunztoare unor anumite subiecte sau
problematici) n care pot fi mutate prin Drag & Drop mesajele dorite.
Mesajele nedorite pot fi terse, ele ajungnd n folder-ul Deleted Items de unde
pot fi recuperate printr-un mecanism similar cu Recycle Bin din sistemului de operare
Windows

Outlook Express permite crearea, actualizarea i utilizarea unei liste de adrese

Address Book. n Toolbar exist un buton cu acelai nume care face posibil accesarea
listei. Apsarea butonului Address Book din Toolbar permite crearea / actualizarea
agendei (listei) de adrese Address Book.

57

Adugarea unei noi adrese e-mail ntr-o list de adrese se poate face apsnd
butonul New din Toolbar-ul dialogului Addres Book, sau prin intermediul seciunii
Contacts (aflat n partea din stnga jos a aplicaiei Outlook) apelnd opiunea New
Contact. Oricare dintre variante va lansa dialogul Properties care va oferi suport pentru
ncrcarea n Address Book a unei noi adrese e-mail (i a informaiilor aferente acesteia).

58

Adugarea n Address Book a unei adrese de e-mail dintr-un mesaj primit se

poate realiza dac din meniul Tools se va alege opiunea Add to Address Book.

59

Lucrul cu mesaje e-mail

Un mesaj e-mail poate fi trimis mai multor destinatari i prin metodele Cc
(Carbon Copy) i Bcc (Blind Carbon Copy). Utilizarea acestor metode are sens doar n
cazul n care se dorete trimiterea unui mesaj la mai multe adrese de e-mail odat.
Spre deosebire de metoda Cc care permite ca toi destinatarii s poat vedea
adresele de e-mail ale tuturor celor care au primit mesajul, metoda Bcc (Blind=orb) nu
permite acest lucru.
Adresele destinatarilor din cmpurile Cc i Bcc pot fi completate n mod similar
cu felul n care s-au completat adresele e-mail din cmpul To:.
Sub Outlook Express cmpul Bcc va fi vizibil doar dac din meniul View va fi
selectat opiunea All Headers.

60

Crearea unui nou mesaj poate fi realizat prin apsarea butonului New Mail din
Toolbar care va determina lansarea dialogului New Message specializat pentru crearea
mesajelor e-mail.

61

Dup completarea cmpurilor Subject, To (eventual Cc) i a coninutului

mesajului, se va da click pe butonul Send (trimite) pentru trimiterea efectiv la adresa
(adresele) dorite.
Dac s-a primit un mesaj e-mail acesta poate fi direct adresat sau poate fi un
mesaj e-mail transmis la mai multe persoane (adrese de e-mail) utilizndu-se opiunea Cc
(Carbon Copy). Carbon Copy se presupune c toate adresele de e-mail au fost nscrise
(de ctre expeditor) desprite prin (;) n linia Cc.
Dac se dorete s se rspund la mesajul primit prin returnarea total sau parial
a acestuia, avnd fiecare linie precedat de caracterul > exist dou posibiliti:
- s se rspund numai expeditorului i pentru aceasta se va utiliza opiunea Reply;
- s se rspund att expeditorului ct i tuturor celor trecui n linia Cc, i n acest sens
se va utiliza opiunea Reply All.
n Toolbar exist butoanele Reply i Reply All iar n meniul contextual al
mesajului exist aceleai opiuni ce fac posibile aceste aciuni.

62

n cadrul dialogului New Message (apelat prin intermediul butonului New Mail)
exist un cmp de editare To: special destinat pentru inserarea adresei destinatarului sau a
adreselor mai multor destinatari desprite prin (;). Adresa sau adresele destinatarilor pot
fi introduse prin editare direct n cmpul To: sau n cazul n care se apas butonul To:,
prin alegere dintr-un dialog de selecie (Select Recipients) a adreselor e-mail care exist
deja memorate acolo.

63

Se recomand ca orice mesaj e-mail s aib nscris n cmpul Subject un titlu (o

descriere succint a coninutului). Inserarea unui titlu n acest cmp se poate face prin
editare de la tastatur sau prin intermediul mecanismului Copy & Paste.
De multe ori se simte nevoia ca unele mesaje primite s fie marcate (flag mark)
pentru c sunt foarte importante sau pentru a fi referite ulterior. Sub Outlook Express este
posibil ca n dreptul lor s fie plasat un stegule rou. Dac se va da click n coloana steag
(flag) din dreptul mesajului dorit, acesta va putea fi marcat cu un stegule iar dac
mesajul este deja marcat, atunci se va demarca. Aceeai aciune va putea fi realizat i
prin intermediul meniului Message.
Atunci cnd se creeaz un mesaj e-mail, n Toolbar-ul ferestrei de redactare
exist butonul Attach care dac va fi acionat va lansa un dialog Insert Attachment ce va
permite alegerea fiierelor ce vor fi ataate mesajului.

64

n timpul redactrii unui mesaj sau nainte ca el s fie transmis, prioritatea

acestuia se poate seta prin intermediul meniului Message. Prioritatea unui mesaj poate fi
nalt (High), normal (Normal) sau sczut (Low). O alt posibilitate de a schimba
prioritatea mesajului o mai ofer i butonul Priority din Toolbar.

65

Trimiterea mesajului prin folosirea unei liste de adrese este o alt opiune a
clientului Outlook Express. Fereastra de creare a unui mesaj pune la dispoziie prin
intermediul meniului Tools, opiunea Address Book ce lanseaz dialogul cu acelai nume.
Acest dialog face posibil selectarea celor crora le va fi trimis mesajul.

66

Dup completarea cmpului Subject i a coninutului mesajului, se va da click pe

butonul Send (trimite) pentru transmiterea efectiv la adresele dorite.
Prin facilitatea Forward un mesaj primit poate fi "trimis mai departe" unor ali
utilizatori (care nu se aflau in lista destinatarilor mesajului original). Mesajul original nu
poate fi modificat.
Pentru forward-area unui mesaj e-mail se poate utiliza butonul cu acelai nume
din Toolbar sau meniul contextual al mesajului.

Cutarea unui mesaj dintr-un folder poate fi realizat dup unul sau mai multe
criterii cum sunt:
- numele expeditorului (cmpul From);
- numele destinatarului (cmpul To);
- un text din cmpul Subject;
- un text din cmpul Message;
- un interval de timp.
Butonul Find (gsete) din Toolbar pune la dispoziie un dialog special numit
Find Message (mesaje descoperite) care permite realizarea acestor cutri.

67

Mesajele din fereastra de identificare a mesajelor (afiat n dreapta sus), pot fi

sortate cresctor sau descresctor, dup oricare din cmpurile (coloanele Received, From,
Subject etc) aflate n bara de identificare a mesajelor, dac se d click n numele acestor
coloane (cmpuri) sau dac se acceseaz meniul contextual al fiecrei coloane.

De asemenea poate fi schimbat i ordinea coloanelor de afiare. ntotdeauna

coloana cea mai important va fi plasat cel mai n stnga. Ordinea de afiare a
coloanelor (cmpurilor) poate fi realizat prin Drag & Drop asupra numelor acestora din
bara de identificare a mesajelor, sau prin intermediul opiunii Columns din meniul
contextual al acestei bare. Dac de exemplu se dorete o sortare dubl dup numele
expeditorului i apoi dup data primirii mesajelor, va trebui schimbat ordinea cmpurilor
From i Received, apoi solicitat Sort ascending pentru From i n cele din urm pentru
Received.
68

Pentru a tipri la imprimant un mesaj, se poate solicita opiunea Print din meniul
File sau se poate apsa butonul Print din Toolbar. Aceast aciune va determina lansarea
dialogului Print prin intermediul cruia vor putea fi stabilite configurrile dorite nainte
de listare. Astfel se va putea stabili dac se va tipri ntregul mesaj sau numai o selecie,
numrul de copii i paginile (sau intervalul de pagini) ce se vor lista.

69

Crearea conturilor e-mail i abonarea la newsgroups

Lucrul cu Outlook Express
Aplicaia Outlook Express permite crearea conturilor e-mail i a profilurilor de
utilizator corespunztor accesului la unul sau mai multe server-e e-mail. De asemenea
Outlook Express ofer posibilitatea abonrii utilizatorilor la newsgroups-urile serverelor ce asigur servicii News.
n continuare vor fi prezentai paii care trebuie parcuri pentru crearea unui cont
e-mail sub Outlook Express. Exemplificarea va fi fcut pentru accesul la serviciile email oferite de server-ul Yahoo.
1. Din meniul Tools se va alege opiunea Accounts.

70

2. Apoi se va selecta seciunea Mail, se va apsa butonul Add (adaug) i din meniul
care va aprea se va alege opiunea Mail.

3. n cmpul de editare Display Name, se va edita Numele utilizatorului, iar apoi se

va da click pe butonul Next

71

4. n cmpul E-mail address, se va nscrie adresa de e-mail a utilizatorului

72

5. n continuare se va selecta tipul de server e-mail (POP3 pentru server-ul Yahoo)

i se va specifica numele server-elor pentru Incoming (POP3 or IMAP) i
pentru Outgoing (SMTP). Pentru server-ul Yahoo aceste nume sunt:
pop.mail.yahoo.com (pentru Incoming) i smtp.mail.yahoo.com (pentru
Outgoing):

6. n cmpul Account name se va specifica doar numele de cont (prima component

a adresei de e-mail fr @yahoo.com). Dac adresa de e-mail este
stanp@yahoo.com aici se va specifica doar stanp. n cmpul Password se va
nscrie parola respectivului cont e-mail.

73

7. n final va aprea noul cont creat (pop.mail.yahoo.com):

74

Lucrul cu Netscape Messenger

Prin intermediul meniului Communicator i a submeniului Server Tools, Netscape
Messenger ofer posibilitatea de a crea noi conturi de e-mail.

Mecanismul de generare a conturilor e-mail este asemntor cu cel al programului

Outlook Express i nu se va mai insista pe prezentarea detaliat a acestuia.
n continuare va fi prezentat sub Netscape Navigator modalitatea de abonare la
Newsgroups.

75

1. Din meniul contextual al itemului news se va alege opiunea Subscribe to

Newsgroups

2. Se va specifica n continuare numele server-ului i portul pe care acesta

lucreaz (portul implicit pentru serviciul News este 119). n exemplul de fa se
dorete abonarea la newsgroups-ul Borland (newsgroups.borland.com)

76

3. Dup apsarea butonului < Ok > vor aprea toate adresele grupurile i
subgrupurile server-lui selectat i va putea fi aleas adresa dorit. Abonarea la
Newsgroup se va realiza dup apsarea butonului < Subscribe >.

4. Dup parcurgerea acestor operaii n itemul News vor aprea numele server-ului
de News i numele subgrupului ales. n fereastra din dreapta sus vor fi afiate
titlurile articolele publicate i discuiile din Newsgroup. Printr-un singur click
dat n titlul unui articol, coninutul acestuia va putea fi consultat n fereastra din
dreapta jos.

77

5. Dac se dorete s se rspund (prin Replay sau Forward) la un articol se poate

utiliza meniul contextual aferent:

Procedura de abonare la Newgroups sub Outlook Express este asemntoare celei

prezentate anterior (oferit de Netscape).

78

Teme de reflecie i aplicaii

-

Explicai structura adreselor e-mail.

Explicai n ce const spamming-ul.
Enumerai cteva reguli de netetichet e-mail.
Experimentai crearea conturilor e-mail utiliznd aplicaia client Outlook Express.
Experimentai crearea unei Address Book cu Outlook Express.
Experimentai trimiterea i recepionarea mesajelor e-mail utiliznd Outlook Express.
Experimentai abonarea la newsgroups cu ajutorul aplicaiei Outlook Express.
Experimentai gestionarea mesajelor e-mail i a informaiilor din newsgroups
utiliznd alte aplicaii client specializate pentru lucrul cu aceste servicii.

79

6. Limbajul HTML
Obiective specifice
Dup ce vei parcurge acest capitol vei:
- cunoate structura standard a unui fiier HTML;
- fi n msur s creai i s utilizai blocuri preformatate, blocuri de text, stiluri pentru
text, liste, tabele, link-uri, hri de imagini i frame-uri;
- fi n msur s v documentai paginile Web;
- fi n msur s creai pagini Web interactive cu ajutorul formularelor;
- fi n msur s creai pagini Web care s conin obiecte multimedia (imagini, sunete,
videoclip-uri);
- fi n msur s v creai propriul Website utiliznd cod HTML.
n prezent codul scris n limbajul HTML (HyperText Markup Language
Limbajul de Marcare a HiperTextului) st la baza majoritii paginilor Web ce exist n
Internet pe server-ele Web. Documentele HTML sunt documente de tip text i se prezint
sub forma unor fiiere cu extensia .htm sau .html. Ele pot conine i cod (script-uri)
realizat n alte limbaje (Java Script, Visual Basic Script etc) sau referine ctre module
create n alte limbaje (PHP, Flash, Shockwave etc).
HTML este un limbaj special de marcare utilizat pentru crearea documentelor cu
hiperlegturi (legturi ctre alte adrese sau documente Web). Acest limbaj este derivat
din SGML (limbajul de marcare standard generalizat Standard Generalized Markup
Language).
SGML reprezint un standard internaional ce a fost creat n 1996 care i-a propus
ca orice document SGML s poat fi rulat i consultat pe orice tip de calculator i sub
orice sistem de operare.
HTML motenete trsturile SGML i este considerat a fi o aplicaie SGML
orientat pe obiecte. HTML este un limbaj care conine un set de reguli utilizate pentru
formatarea documentelor Web. Paginile Web realizate n HTML (documentele HTML)
sunt independente de platform i de aplicaie.
Dac MS-Word este un limbaj procedural de formatare a documentelor, HTML
este un limbaj de marcare descriptiv.
HTML lucreaz cu identificatori descriptivi de marcare denumii etichete (taguri). Specific majoritii comenzilor HTML este faptul c acestea se realizeaz prin
perechi de etichete una de nceput i una de sfrit. De exemplu pentru marcarea scrierii
unui text cu caractere ngroate (bold) se va utiliza: <b> text </b>. Documentele
HTML fiind documente text ele pot fi realizate chiar cu un simplu editor de text cum este
programul Notepad. Orice aplicaie MS-Office poate exporta documentele specifice n
format HTML. Codul generat n acest fel (prin export) este de multe ori foarte redundant.
n acest sens alte editoare performante de cod HTML cum este Dreamweaver (consideat
a fi cel mai performant n prezent) ofer faciliti speciale de tipul Clean Up Word HTML
(cur documentele HTML create cu produsul Word).
Hipertext-ul HTML permite definirea legturilor cu alte seciuni din cadrul
documentului HTML sau cu documente Web aflate la alte adrese URL.

80

Chiar dac n prezent exist multe editoare performante de pagini Web

(Dreamweaver, Frontpage, Netscape Composer etc) care ofer suport vizual de
dezvoltare, totui exist multe cazuri n care acestea genereaz cod redundant, uneori
chiar eronat. Deoarece ele nu reuesc ntotdeauna s satisfac cerinele proiectanilor doar
prin intermediul interfeei vizuale de dezvoltare, pun la dispoziia acestora i fereastra de
cod HTML generat, n care pot fi fcute corecii i poate nscris codul propriu. Iat
motivul pentru care literatura de specialitate recomand ca naintea lucrului cu astfel de
editoare s fie cunoscute att elementele eseniale ale limbajului HTML ct i tag-urile
cele mai importante. n continuare, toate acestea vor fi prezentate prin intermediul unor
exemple comentate sub forma unor mici aplicaii HTML (fiiere HTML). Pentru nceput
se recomand scrierea aplicaiilor cu un editor de text sau lucrnd direct n fereastra de
cod a unui editor performant de cod HTML.

Structura standard a unui fiier HTML

Orice fiier HTML trebuie s nceap cu tag-ul <html> i s se termine cu
</html>. El poate avea o seciune introductiv (un cap - <head> </head>) n care
ar trebui s se gseasc un titlu al paginii (cuprins ntre <title> i </title>) ce va fi afiat
n bara de titlu a browser-ului. Corpul (body) documentului HTML se va afla cuprins nte
tag-urile <body> i </body>.
Iat n continuare un exemplu sugestiv pentru structura standard a unui fiier
HTML:
<html>
<head>
<title>
acesta este titlul primei pagini
</title>
</head>
<body>
Acesta este continutul primei pagini! El va fi vizualizat de catre browser.
</body>
</html>
Fiierul HTML propus poate fi realizat cu programul Notepad care va crea
implicit un fiier cu extensia .txt. Apoi, sub Windows Explorer extensia (.txt) va fi
redenumit n .html. Pentru a vedea extensiile fiierelor i evident pentru a avea acces la
ele n vederea modificrii, trebuie ca mai nti sub Windows Explorer, sub meniul Tools
i opiunea Folder Options, n seciunea View s fie debifat setarea Hide file extensions
for known file types (ascunde extensiile fiierelor pentru tipurile cunoscute de fiiere).
Dup redenumirea fiierului cu extensia .html el va putea fi vizualizat cu browserul implicit printr-un click dublu dat n numele acestuia.

81

Observaii:
-

Un document HTML este format din text i marcaje (tag-uri). Textul conine
informaia care va fi afiat n pagina Web iar marcajele precizeaz modul n care
acest text va fi afiat sau permit includerea n pagin a altor elemente (butoane, linkuri, imagini, sunete etc.).
Un marcaj (tag) poate fi format din:
a) Caracterul "<";
b) Caracterul "/" dac marcajul este un marcaj final;
c) Un cuvnt cheie (numele tag-ului);
d) O list de forma "atribut=valoare" dac tag-ul are atribute;
e) Caracterul ">".
Exemple de marcaje: <html>, </html>, <body text=red bgcolor=green> unde
html i body sunt elemente, text i bgcolor sunt atribute iar "red" i "green" sunt
valori.
Un document HTML standard const dintr-un bloc <html></html> care include
alte dou sub-blocuri: <head></head> i <body></body>.
Blocul <body></body> cuprinde coninutul propriu-zis al paginii HTML adic
ceea ce va fi afiat n fereastra browser-ului;
Fr a fi obligatoriu se consider elegant dac fiecrui document HTML i se adaug
un titlu. Acest lucru se realizeaz cu ajutorul unui bloc <title></title> inserat n
blocul <head></head>. Dac blocul <title></title> lipsete ntr-o pagin HTML
atunci n bara de titlu a ferestrei browser-ului va aprea numele fiierului.
Un tag poate fi scris att cu litere mari ct i cu litere mici;
Caracterele spaiu i tab multiple (succesive) sunt echivalate cu un singur
caracter spaiu. Caracterele CR i LF (generate de apsarea tastei Enter) sunt
ignorate de ctre browser.

Sfritul de linie
S admitem c se dorete apariia n pagina Web (adic n ceea ce va afia
browser-ul) a mai multor linii distincte. Dac vom crea urmtorul fiier sub forma:
<html>
<head>
<title>
Acesta este titlul primei pagini
82

</title>
</head>
<body>
Prima linie
A doua linie
A treia linie
</body>
</html>
vom obine urmtorul coninut al ferestrei browser-ului:

Se observ c browser-ul va afia (pe o singur linie) Prima linieA doua linieA treia
linie deoarece conform unei observaii fcute mai sus caracterele de felul CR/LF sunt
ignorate. Trecerea pe o linie nou se face numai la o comand explicit care trebuie s
apar n pagina HTML. Aceast comand este marcajul <br> (de la break line = sfrit
de rnd).
Pentru a funciona conform ateptrilor fiierul trebuie modificat astfel:
<html>
<head>
<title>
Acesta este titlul primei pagini
</title>
</head>
<body>
Prima linie <br>
A doua linie<br>
A treia linie
</body>
</html>
Efectul acestor modificri va fi:

83

Blocuri preformatate
Pentru ca browser-ul s interpreteze corect caracterele spaiu, tab i CR/LF
ce apar n cadrul unui text, acest text trebuie inclus ntr-un bloc <pre></pre> ca n
exemplul de mai jos.
n mod implicit textul cuprins ntr-un bloc <pre></pre> este afiat cu caractere
monospace (monospaiate).
<html>
<head>
<title>
acesta este titlul primei pagini
</title>
</head>
<body>
<pre>
Prima linie
A doua linie indentata
A treia linie de doua ori indentata
</pre>
</body>
</html>

84

Observaii importante
-

Un document (fiier) HTML are extensia .html sau .htm. El se numete i fiier surs.
Un browser ncarc un document HTML (un fiier surs), interpreteaz marcajele
coninute n document iar rezultatul este afiat n fereastra browser-ului. Acest
rezultat al interpretrii se numete pagin Web.
Un document conine marcaje (comenzi sau tag-uri). Exist dou tipuri de marcaje
sau tag-uri:
(a) De tip bloc (pereche) conform sintaxei <nume_tag> bloc de elemente
</nume_tag> caz n care aciunea precizat de numele tag-ului i atributele
acestuia are efect asupra blocului de elemente.
(b) De tip solitar (nepereche); de exemplu <br>.
Un marcaj (un tag) este delimitat de caracterele < i >.
Sunt case-insensitive adic pot fi scrise att cu litere mici ct i cu litere mari:
(a) Numele tag-urilor;
(b) Numele atributelor;
(c) Valorile atributelor.
O pagin HTML standard este format dintr-un bloc extern <html></html> i dou
blocuri incluse: <head></head> (cap) i <body></body> (corp).
Trecerea la o linie nou se face cu ajutorul tag-ului <br> (break).
Afiarea ntocmai a coninutului unui bloc de text din fiierul surs se face incluznd
acest bloc ntre tag-urile <pre> i </pre> (preformatat).

Culori, fonturi i margini

n acest subcapitol vor fi descrise setrile de baz ale unei pagini Web: alegerea
culorii de fond, a culorii textului i alegerea dimensiunilor paginii.
O culoare poate fi precizat n dou moduri:
1. Printr-un nume de culoare. n acest fel sunt disponibile urmtoarele 16 nume de
culori: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red,
silver, teal, white i yellow.
2. Prin construcia #rrggbb unde r,g sau b reprezint cifre hexagesimale i deci pot lua
valorile: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, a, A, b, B, c, C, d, D, e, E, f sau F. Pentru a
stabili intensitatea fiecreia din cele trei culori fundamentale (rou, verde i albastru)
sunt disponibile dou cifre hexagesimale (00 pentru minim i ff pentru maxim de
intensitate). Se pot defini astfel 65536 de culori. S-a folosit aici modelul de culoare
RGB (Red, Green, Blue). Conform acestui model, orice culoare se poate obine din
amestecul a trei culori fundamentale: rou, verde i albastru. Deci reetele de
culoare pentru culorile fundamentale sunt: #ff0000 pentru rou, #00ff00 pentru
verde, #0000ff pentru albastru. Negrul, albul sau galbenul nu reprezint dect
combinaii ale intensitii culorilor fundamentale (RGB). Astfel avem: #000000
pentru negru, #ffffff pentru alb i #ffff00 pentru galben.
Observaie: Este recomandat ca o culoare s fie delimitat prin dou apostrofuri duble:
"". Exemple: "blue" sau "#0f4eA8".

85

Culoarea de fond
Prin exemplulul urmtor se va prezenta modul n care poate fi stabilit culoarea
de fond a paginii Web.
Culoarea de fond a unei pagini se precizeaz prin intermediul unui atribut al tagului <body>.
Atributele sunt necesare pentru a particulariza aciunea precizat de numele tagului. Aceste atribute apar n interiorul parantezelor ce delimiteaz tag-ul dup sintaxa:
<tag atribut=valoare>.
Culoarea fondului paginii Web este setat prin atributul "bgcolor" al tag-ului
<body>. <body bgcolor=culoare> unde culoare se construiete dup unul din
modurile precizate anterior.
Pentru a realiza o pagin Web cu fondul de culoarea galben se poate proceda
astfel:
<html>
<head>
<title>
Culoare background
</title>
</head>
<body bgcolor="yellow">
Aceasta este o pagina Web<br>
cu fondul de culoarea galben.
</body>
</html>

Culoarea textului
Exemplul urmtor ilustreaz cum poate fi setat culoarea textului unei pagini
Web. Acest lucru se face prin intermediul atributului "text" al tag-ului <body> conform
urmtoarei sintaxe:
<body text=culoare> unde valoarea atributului "culoare" se precizeaz ca la exemplul
anterior. Codul HTML al paginii Web urmtoare va afia textul scris cu culoarea roie:
<html>
<head><title>Schimbarea culorii textului</title>
</head>
<body text="#ff0000">
Aceasta este o pagin Web cu textul afiat cu culoarea roie.
</body>
</html>
Exprimarea <body text="#ff0000"> este echivalent cu <body text="red">.

86

Atribute multiple
Un tag poate avea mai multe atribute. De exemplu un tag cu trei atribute arat
astfel: <tag atribut1=valoare1 atribut2=valoare2 atribut3=valoare3>.
Urmtorul exemplu prezint modul de construire al unei pagini Web cu fondul de
culoare galben i textul de culoare roie:
<html>
<head>
<title>Atribute multiple</title>
</head>
<body bgcolor="yellow" text="red">
Aceasta este o pagin Web cu fondul de culoarea galben<br>
i textul de culoarea roie.
</body>
</html>

Setarea fontului de baz

Pentru afiarea unui text ntr-o pagin Web se utilizeaz un font (adic un tip de
caractere) care este caracterizat de:
- Mrime (prin atributul "size");
- Culoare (prin atributul "color");
- Stil utilizat (prin atributul "style").
Acestea sunt atribute ale tag-ului <basefont> care este un tag nepereche (nu exist
delimitator de sfrit de bloc).
Sintaxa utilizat este:
<basefont size=numr color=culoare style=font>
unde:
- size poate fi 1, 2, 3, 4, 5, 6 sau 7; (se alege valoarea 1 pentru dimensiunea cea mai
mic a fontului i valoarea 7 pentru dimensiunea cea mai mare);
- color este o culoare precizat prin nume sau printr-o construcie RGB (vezi primul
paragraf).
- style poate fi un nume de font generic ca "serif", "sans-serif", "cursive", "monospace",
"fantasy" sau poate fi un ume de font specific instalat pe computerul clientului ca
"Times New Roman", "Helvetica" sau "Arial". Se accept ca valoare i o list de
fonturi separate prin "," de exemplu: "Times Roman, serif, monospace".
Atributele implicite sunt: size=3, color="black" i style="Times New Roman".
n exemplul urmtor textul paginii Web are la nceput atributele implicite dup
care noile atribute vor fi: "Arial", "green", 7.
<html>
<head>
<title>Setarea fontului de baz</title>
</head>

87

<body>
n prima parte a prezentei pagini textul are atribute implicite.<br>
<basefont style="Arial" color="green" size=7>
n a doua parte a paginii textul este scris cu fontul "Arial", culoarea verde
i marimea 7.
</body>
</html>

Setarea marginilor paginii Web

Poziionarea coninutului paginii Web fa de marginile ferestrei browserului se
poate face cu ajutorul a dou atribute ale tag-ului <body>:
- leftmargin (seteaz distana dintre marginea din stnga a ferestrei browser-ului i
marginea din stnga a coninutului paginii);
- topmargin (seteaz distana dintre marginea de sus a ferestrei browser-ului i
marginea de sus a coninutului paginii).
Observaie: Ambele atribute pot primi urmtoarele valori posibile:
- un numr ntreg pozitiv reprezentnd o distan msurat n pixeli;
- un procent din limea respectiv nlimea ferestrei browser-ului.
Iat n continuare un exemplu de setare a marginilor unei pagini Web:
<html>
<head>
<title>Setarea marginilor paginii Web</title>
</head>
<body leftmargin="100" topmargin="20%">
Aceasta este un exemplu de setare a marginilor unei pagini Web.
</body>
</html>

Stiluri pentru blocurile de text

n acest subcapitol vor fi prezentate posibilitile oferite de limbajul HTML
pentru a seta stilurle caracterelor ce formeaz textul paginilor Web.
Stilurile care pot fi utilizate i tag-urile corespunztoare acestora sunt prezentate
n urmtorul tabel:

Tag-uri

Explicaie stil, comentarii

<b></b>, <em></em>, strong></strong>

88

scrierea ngroat (bold)

<i></i>
<u></u>
<strike></strike>, <s></s>
<big></big>
<small></small>


<code><code>, <kbd></kbd>, <tt></tt>
<blink></blink> (numai pentru Netscape)

scrierea cu caractere nclinate spre

dreapta (italic)
scrierea subliniat (underline)
scrierea cu caractere secionate,
tiate pe mijloc
scrierea cu caractere cu o unitate mai
mare dect dimensiunea curent
scrierea cu caractere cu o unitate mai
mic dect dimensiunea curent
scrierea indicilor (subscript)
scrierea puterilor (superscript)
scrierea cu caractere monospaiate
(similar scrierii cu maina de scris)
scrierea cu caractere clipitoare. Aceste
caractere (clipitoare) pot fi afiate
doar sub browser-ul Netscape

Pentru ca un fragment de text s apar n pagin evideniat (ngroat) el trebuie

inclus ntre delimitatorii <b> i </b> (b vine de la bold = ngroat).
Un text poate fi scris cu caractere cu o unitate de dimensiune mai mare dect cea
curent dac este inclus ntr-un bloc delimitat de tag-urile: <big> i </big>.
Observaie: Blocurile <big></big> pot fi imbricate. Iat un exemplu n acest sens:
<html>
<head><title><Formatare big</title></head>
<body>
Aceasta linie este formata din text normal.<br><big>
Aceasta linie este scrisa in intregime cu caractere marite cu o unitate.</big></br>
Normal <big>marit <big>mai mare <big>si mai mare.</big></big></big>
</body>
</html>

Pentru ca un fragment de text s fie afiat cu caractere cu o dimensiune mai mic

cu o unitate dect cea curent acest fragment trebuie inclus ntr-un bloc delimitat de tagurile: <small> i </small>.
Observaie: Blocurile <small></small> pot fi imbricate.

89

<html>
<head><title><Formatare small</title></head>
<body>
Aceasta linie este formata din text normal.<br><small>
Aceasta linie este scrisa in intregime cu caractere micsorate
cu o unitate.</small></br>
Normal <small>mai mic<small>si mai mic.</small></small><br>
Normal <small>mai mic <big>normal <big>mai mare</big></big></small>
</body>
</html>
Un text va fi afiat cu caractere nclinate spre dreapta dac va fi inclus ntr-un
bloc delimitat de tag-urile: <i> i </i> (i vine de la italic).
Pentru a insera fragmente de text aliniate sub-script i super-script aceste
fragmente trebuie delimitate de tag-urile  respectiv .
Urmtorul exemplu arat cum pot fi introduse fragmente de text sub-script i
super-script. n rndul al treilea al paginii Web se va afia urmtorul text specific
limbajului matematic: F(y)=(x1+x2)2-y3. Iat fiierul surs corespunztor:
<html>
<head><title><Scrierea sub-script i super-script</title></head>
<body>
Aceasta linie este formata din text normal.<br>
In aceasta linie ^sus este superscript iar _jos este subscript.<br>
F_(y)=(x₁+x₂)²-y³
</body>
</html>
n urma rulrii acestui cod HTML, fereastra browser-ului va afia:

n exemplul urmtor vor fi introduse dou tag-uri de tip bloc (pereche):

<u> i </u> utilizat pentru a insera un bloc de caractere subliniate;
<strike> i </strike> sau <s> i </s> utilizate pentru a insera un bloc de caractere
secionate pe mijloc cu o linie orizontal.

<html>
90

<head><title><Exemplul underline i strike</title></head>

<body>
Aceasta linie este formata din text normal.<br>
<strike>Aceasta linie este in intregime sectionata de o linie orizontala.</strike><br>
In aceasta linie <u>underline</u> este subliniat iar <s>strike</s> este sectionat.
</body>
</html>

Setarea fonturilor
Un font este caracterizat de urmtoarele atribute:
- Culoarea (setat prin atributul color);
- Tipul sau stilul (setat prin atributul face);
- Mrimea (setat prin atributul size).
Toate aceste atribute aparin tag-ului <font> care permite inserarea de blocuri de texte
personalizate.
Culoarea fontului poate fi stabilit ntr-un mod asemntor setrii culorii
fundalului paginilor Web.
Pentru a scrie un fragment de text cu caractere de o anumit culoare se ncadreaz
acest fragment ntre delimitatorii <font> i </font>, tag-ul <font> avnd setat atributul
color la valoarea necesar:
<font color=culoare>fragment de text de culoarea specificat</font>.
Pentru a scrie un text ntr-o pagin Web pot fi folosite mai multe fonturi (stiluri de
caractere). Exist cinci familii generice de fonturi care sunt de regul disponibile pe toate
computerele utilizatorilor: "serif", "sans-serif", "cursive", "monospace" i "fantasy".
Alte fonturi mai specifice pot fi utilizate dac acestea sunt disponibile pe
computerul client ca de exemplu: "Times" (un tip particular de "sans-serif"), "Helvetica"
(un tip particular de "serif"), "Arial", "Courier" (un tip particular de "monospace"),
"Western" (un tip particular de "fantasy") i altele.
Tipul de font necesar poate fi setat prin atributul face al tag-ului <font>. Pot fi
introduse mai multe fonturi separate prin virgul.
Exemplu:
<font face="Arial, serif, monospace">
n acest caz browser-ul va utiliza primul font pe care l va recunoate.
Pentru a seta mrimea unui font se utilizeaz atributul size al tag-ului <font>.
Valorile acestui atribut pot fi:
- 1, 2, 3, 4, 5, 6, 7 (1 pentru cel mai mic font i 7 pentru cel mai mare);
- +1, +2, etc pentru a crete mrimea fontului cu 1, 2, etc fa de valoarea curent;
- -1, -2, etc pentru a micora mrimea fontului cu 1, 2, etc fa de valoarea curent.
Exemple de utilizare:
<font size=5>text</font>

91

<font size=+2>text</font>
<font size=-1>text</font>
Iat n continuare un exemplu de utilizare combinat a mai multor atribute:
<font size=5 color=blue face=Arial>text</font>

Blocuri de text
Dac ntr-o pagin Web trebuie inclus o adres atunci poate fi utilizat un tag
dedicat: <address></address>. Multe browser-e afieaz coninutul cuprins ntre
acesti delimitatori cu formatul italic, ncepnd pe un rnd nou.
Pentru ca un bloc de text s fie indentat (marginea din stnga s fie decalat la
dreapta cu o anumit valoare) acesta trebuie inclus ntre tag-urile <blockquote> i
</blockquote>. Adesea browser-ele adaug un spaiu suplimentar nainte si dup un
blockquote.
Modalitatea cea mai eficace de delimitare i de formatare a unui bloc de text se
obine prin folosirea delimitatorilor <div> i </div>.
Un parametru foarte util pentru setarea caracteristicilor unui bloc <div>
(diviziune) este align (aliniere). Valorile posibile ale acestui parametru sunt:
- left (aliniere la stnga);
- center (aliniere pe centru);
- right (aliniere la dreapta).
Iat n continuare cteva exemple de utilizare a acestui tag:
<div align=left> Text </div>
<div align=center> Text </div>
<div align=right> Text </div>
Trecerea la o linie nou se poate face cu ajutorul tag-ului <br>.
Acest lucru este posibil i cu ajutorul tag-ului paragraf <p>. Spre deosebire de
<br>, tag-ul <p> permite:
- inserarea unui extra-spaiu nainte de blocul paragraf;
- inserarea unui extra-spaiu dup blocul de terminare paragraf </p>
- alinierea textului cu ajutorul atributului align avnd valorile posibile: "left", "center"
sau "right".
Iat n continuare cteva exemple de utilizare a acestui tag:
<p align=left> Text </p>
<p align=center> Text </p>
<p align=right> Text </p>
ntr-un text sunt necesare titluri (header-e) de capitole (paragrafe) de diferite
dimensiuni. Header-ele pot fi introduse cu ajutorul tag-urilor <h1>, <h2>, <h3>, <h4>,
<h5> i <h6>.
Observaii:

92

Toate aceste tag-uri se refer la un bloc de text i trebuie nsoite de un tag de

ncheiere similar, de exemplu: <h3></h3>.
Aceste tag-uri accept atributul align pentru alinierea titlului blocului de text la
stnga (implicit), n centru i la dreapta.
Tag-ul <h1> permite scrierea unui titlu cu caracterele cele mai mari i ngroate pe
cnd <h6> permite scrierea unui titlu cu caracterele cele mai mici.
Toate browser-ele introduc un extra-spaiu nainte de a afia un titlu.

ntr-o pagin Web pot fi inserate linii orizontale. Acest lucru se face cu ajutorul
tag-ului <hr>.
Pentru a seta o linie orizontal se utilizeaz urmtoarele atribute ale tag-ului
<hr>:
- align permite alinierea liniei orizontale. Valorile posibile sunt: "left", "center" i
"right".
- width permite alegerea lungimii liniei. Valorile posibile pot fi:
(a) numere ntregi pozitive reprezentnd lungimea liniei n numr de pixeli;
(b) numere ntre 1 i 100 urmate de caracterul % reprezentnd procentul din limea
paginii pe care se va ntinde linia.
- size permite alegerea grosimii liniei. Valorile posibile sunt numere ntregi pozitive
reprezentnd grosimea liniei n pixeli (valoarea implicit este 2).
- noshade cnd apare seteaz o linie fr umbr;
- color permite setarea culorii liniei.
Valori implicite sunt:
align=left width=100%, size=2 cu umbrire
Exemplu (linie aliniat central, lungime = 50%, grosime = 5 pixeli, fr umbr):
<hr align=center width=50% size=5 noshade>
Blocul introdus de tag-urile <center> i </center> aliniaz la centru toate
elementele coninute de el.
Caracterele speciale: spaiu, , &, <, >, , , , , , pot fi afiate dac sunt
introduse n codul HTML ntr-un format special. Iat n continuare modul n care pot fi
introduse n paginile Web aceste caractere speciale:
Format caractere speciale (& va precede orice caracter special):
Space = &nbsp; (non breaking space)

= &quot;
&
= &amp;
<
= &lt;
>
= &gt;

= &acirc;

= &Acirc;

= &icirc;

= &Icirc;

= &atilde;

= &Atilde;

93

Liste
ntr-o pagin Web pot exista trei tipuri de liste: neordonate, ordonate i liste de
definiii.

Liste neordonate
O list neordonat este un bloc de text delimitat de tag-urile corespondente <ul>
i </ul> ("ul" vine de la unordered list = list neordonat). Fiecare element al listei este
iniiat de tag-ul <li> (list item).
Observaii:
- Lista va fi identat fa de restul paginii Web;
- Fiecare item al listei ncepe pe un rnd nou.
Urmtorul cod prezint modul n care poate fi realizat o list neordonat:
<html>
<head><title>Lista neordonat</title></head>
<body>
<h2>O lista neordonata</h2>
<ul>Seria INTERNET va cuprinde urmatoarele carti:
<li>HTML prin exemple
<li>JavaScript prin exemple
<li>Java prin exemple
</ul>
</body>
</html>
Pagina Web realizat astfel va afia:

Observaii:
- Elementele <h1>, <h2> i <hr> au fost utilizate n acest exemplu pentru ca pagina
Web s aib un aspect ct mai plcut.
Tag-urile <ul> i <li> pot avea un atribut type prin intermediul cruia s poat fi setat
caracterul ce prefixeaz fiecare element al listei. Valorile posibile ale acestui atribut sunt:
- "circle" (cerc) pentru "";
- "disc" (disc plin) pentru " " (valoarea implicit);
94

"square" (ptrat) pentru "".

Iat un exemplu de list neordonat care va afia un ptrat n partea stng a fiecrui
item:
<html>
<head><title>Lista neordonat</title></head>
<body>
<h1 align="center"> Lista neordonat </h1> <hr>
<h2>O lista neordonata</h2>
<ul type="square">Seria INTERNET va cuprinde urmatoarele carti:
<li>HTML prin exemple
<li>JavaScript prin exemple
<li>Java prin exemple
</ul>
</body>
</html>
Se pot utiliza i liste neordonate imbricate:

<ul> text (despre coninutul listei)

<li> text(elementul 1)
<ul> text (despre coninutul listei)
<li> text(elementul 1)
<li> text(elementul 2)
</ul>
<li> text(elementul 2)
<li> text(elementul 3)
</ul>

Liste ordonate
O list ordonat de elemente este un bloc de text delimitat de tag-urile
corespondente <ol> i </ol> (ol vine de la ordered list=list ordonat). Fiecare element al
listei este iniiat de tag-ul <li> (list item).
Observaii:
- Lista va fi identat fa de restul paginii Web;
- Fiecare item al listei va ncepe pe un rnd nou.
Un exemplu de cod pentru crearea unei liste ordonate cu valorile implicite ale atributelor
este:
<html>
<head><title>Lista ordonata</title></head>

95

<body>
<h2>O lista ordonata</h2>
<ol>Pentru a realiza o pagina web trebuie:
<li>creat un fisier de comenzi in limbajul html;
<li>salvat fisierul cu extensia .html;
<li>incarcat fisierul html intr-un browser.
</ol>
</body>
<html>
Rezultatul rulrii acestui exemplu va fi:

Opional, tag-urile <ol> pot controla:

un atribut type care s seteze tipul de caractere utilizat n ordonarea listei. Valorile
posibile sunt:
"A" pentru pentru secvena de ordonare: A, B, C, D, etc (litere mari);
"a" pentru pentru secvena de ordonare: a, b, c, d, etc (litere mici);
"I" pentru pentru secvena de ordonare: I, II, III, IV, etc (numere romane mari);
"i" pentru pentru secvena de ordonare: i, ii, iii, iv, etc (numere romane mici);
"1" pentru pentru secvena de ordonare: 1, 2, 3, 4, etc (numere arabe) (setarea
implicit).
un atribut start care seteaz valoarea iniial a secvenei de ordonare:
exemplu: <ol type=A start=3> </ol> va determina afiarea secvenei de
ordonare ncepnd de la valoarea a 3-a (adic ncepnd cu litera C)

Opional tag-ul <li> poate seta prin atributul value valoarea particular a unui
item din list. Iat un exemplu:
<html>
<head><title>Lista ordonat cu parametrii</title></head>
<body>
<ol start="3"> <b>Iata un exemplu de lista ordonata care utilizeaza atributele start si
value</b>
<li>prima linie a listei;
<li value="5">a doua linie a listei;
<li>a treia linie a listei.
</ol>

96

</body>
<html>
Rularea acestui fiier HTML va afia:
Iata un exemplu de lista ordonata care utilizeaza atributele start si value
3. prima linie a listei;
5. a doua linie a listei;
6. a treia linie a listei.

Liste de definiii
O list de definiii este este format dintr-o succesiune de termeni, fiecare termen
fiind urmat de o definiie a lui.
Observaii:
- ntreaga list de definiii se nscrie ntre tag-urile corespondente: <dl> i </dl> (dl
este prescurtarea de la definition list=list de definiii);
- Un termen al listei este iniiat de tag-ul <dt> (definition term=termen de definiie);
- Definiia unui termen este iniiat de tag-ul <dd> (definition description=descrierea
definiiei);
- Definiia unui termen ncepe pe o linie nou i este indentat.
Urmtorul exemplu creaz o list de definiii format din doi termeni:
<html>
<head><title>Lista de definitii</title></head>
<body>
<h2>O lista de definitii</h2>
<dl><b>Glosar de termeni pentru </b>
<dt>Termenul 1
<dd>Explicatia primului termen
<dt><br>Termenul 2
<dd>Explicaia celui de-al doilea termen
</dl>
</body>
<html>
n fereastra browser-ului se va afia
Glosar de termeni pentru
Termenul 1
Explicatia primului termen
Termenul 2
Explicaia celui de-al doilea termen
97

Tabele
Aa cum s-a putut constata pn acum posibilitile de aranjare a textului ntr-o
pagina Web sunt limitate. Tabelele permit crearea unei reele rectangulare de domenii,
fiecare domeniu avnd propriile setri pentru culoarea fondului, culoarea textului,
alinierea textului etc.
Pentru a insera un tabel se utilizeaz tag-urile corespondente: <table> i </table>
(table nseamn tabel).
Un tabel este format din rnduri. Pentru a se insera rnduri ntr-un tabel se
utilizeaz tag-urile: <tr> i </tr> (tr este prescurtarea de la de la table row=rnd de
tabel).
Un rnd poate fi format din una sau mai multe celule ce conin date. O celul de
date se introduce folosind tag-urile <td> i </td>(table data=date n tabel).

Atribute
Tag-urile <table> </table>, <tr> </tr>, <td> i </td>, pot controla urmtoarele
atribute:
-

align=left, center, right (aliniere stnga, central, dreapta)

border=size (dimensiunea n pixeli a chenarului)
bgcolor=color (culoarea fundalului)
width=value (valoare lungimii n pixeli sau sau valoarea pe orizontl n % fa de
dimensiunea ferestrei)
height=value (valoare nimii n pixeli sau sau valoarea pe vertical n % fa de
dimensiunea ferestrei)
cellspacing=value (valoare n pixeli, seteaz distana dintre dou celule vecine)
cellpadding=value (valoare n pixeli, seteaz distana dintre distana n pixeli dintre
marginea unei celule si coninutul ei)
<hspace>=value, <vspace>=value. Seteaz zona din jurul unui tabel pe orizontal i
vertical. Funcioneaz doar sub Netscape.

Alinierea coninutului unei celule

98

Alinierea pe orizontal a coninutului unei celule se face cu ajutorul atributului

align care poate lua valorile:
- left (la stnga);
- center (centrat);
- right (la dreapta);
Observaie: valoarea implicit este center (centrat).
Alinierea pe vertical a coninutului unei celule se face cu ajutorul atributului
valign care poate lua valorile:
- baseline (la baz);
- bottom (jos);
- middle (la mijloc);
- top (sus).
Observaie: valoarea implicit este middle (la mijloc).

Tabele de forme oarecare

Un tabel trebuie privit ca o reea rectangular de celule. Cu ajutorul a dou
atribute ale tag-ului <td> o celul se poate extinde peste celulele vecine. Astfel:
- extinderea unei celule peste celulele din dreapta ei se face cu ajutorul atributului
colspan a crui valoare determin numrul de celule care se unific la dreapta;
- extinderea unei celule peste celulele de sub ea se face cu ajutorul atributului
rowspan a crui valoare determin numrul de celule care se unific n jos.
Observaie:
Sunt posibile extinderi simultane ale unei celule pe orizontal i pe vertical.

Atribute Internet Explorer pentru tabele

Urmtoarele atribute ale tag-ului <table> funcioneaz numai sub browser-ul
Internet Explorer (nu i sub Netscape Communicator):
- background permite setarea unei imagini pentru fondul unui tabel. Primete ca
valoare adresa URL a imaginii folosite pentru fond;
- bordercolor permite setarea culorii pentru chenarul unui tabel;
- bordercolorlight permite setarea culorii pentru chenarul 3D (tridimensional) al unui
tabel;
- bordercolordark permite setarea culorii pentru chenarul 3D (tridimensional)al unui
tabel.

Exemple
Exemplul 1 un tabel simplu
<html>
<head><title>Un tabel simplu</title></head>
<body>
99

<h2>Un tabel simplu format din doua linii si trei coloane</h2>

<table border="5">
<tr>
<td>celula 11</td>
<td>celula 12</td>
<td>celula 13</td>
</tr>
<tr>
<td>celula 21</td>
<td>celula 22</td>
<td>celula 23</td>
</tr>
</table>
</body>
</html>
n urma consultrii acestei pagini Web n fereastra unui browser se va afia:

Observaii:
n mod implicit un tabel nu are chenar. Pentru a aduga un chenar unui tabel se
utilizeaz atributul border al tag-ului <table>. Acest atribut poate primi ca valoare orice
numr ntreg (inclusiv 0) i reprezent grosimea n pixeli a chenarului tabelului.
- Atributul border poate s nu fie urmat de o valoare, caz n care tabelul va avea un
chenar de grosime implicit egal cu 1 pixel;
- O valoare egal cu 0 a grosimii chenarului semnific absena chenarului;
- Cnd are grosime nenul chenarul unui tabel un are aspect tridimensional.
Exemplul 2 un tabel colorat
ntr-un tabel culoarea de fond se poate seta cu ajutorul atributului bgcolor care
poate fi ataat:
- ntregului tabel prin intermediul tag-ului <table>,
- unei linii prin intermediul tag-ului <tr> sau
- unei celule de date prin intermediul tag-ului <td>.
Valorile pe care le poate primi atributul bgcolor sunt cele cunoscute pentru o culoare.
Culoarea textului din fiecare celul poate fi setat cu ajutorul tag-ului:
<font color="valoare"></font>.
<html>
100

<head><title>Tabel colorat</title></head>
<body>
<h2>Un tabel colorat</h2>
<table border="3" bgcolor="yellow">
<tr>
<td>galben 11</td>
<td bgcolor="green">verde 12</td>
</tr>
<tr bgcolor="red">
<td>rosu 21</td>
<td bgcolor="cyan">cyan 22</td>
</tr>
</table>
</body>
</html>
Rezultatul rulrii acestui cod va fi:

Exemplul 3 un tabel cu celule extinse

Cu ajutorul atributelor colspan i rowspan ale tag-ului <td>, o celul se poate
extinde peste celulele vecine.
Exemplul urmtor arat modul n care ntr-o reea rectangular de 4x4 celule se
formeaz celule extinse.
<html>
<head><title>Exemplu pentru colspan si rowspan</title></head>
<body>
<h2>Un tabel cu celule extinse</h2>
<table border>
<tr>
<td rowspan="3">c11<br>c21<br>c31</td>
<td>c12</td>
<td colspan="2" rowspan="3"> c13, c14<br>c23, c24<br>c33, c34</td>
</tr>
<tr><td>c22</td></tr>
<tr><td>c32</td></tr>
<tr><td>c41<td colspan="3">c42, c43, c44</td></tr>

101

</table>
</body>
</html>

Exemplul 4 atribute Internet Explorer pentru tabele

<html>
<head><title> Atribute Internet Explorer</title></head>
<body>
<h2>Atribute "Internet Explorer"</h2>
<table border=5 cellspacing=10 bordercolorlight="red" bordercolordark="blue">
<tr bgcolor="yellow">
<td>c11</td><td>c12</td><td>c13</td>
</tr>
<tr bgcolor="yellow">
<td>&nbsp; </td><td></td><td></td><br>
</tr>
</table>
</body>
</html>

102

Imagini
O facilitate foarte util a limbajului HTML este posibilitatea pe care o ofer
pentru a include imagini n paginile Web prin intermediul unor adrese URL.

Tipuri de fiiere pentru imagini

Imaginile pot fi stocate n fiiere n mai multe formate. Cele mai utilizate formate
n care sunt memorate fiierele de imagine n paginele Web sunt:
- GIF (Graphics Interchange Format) (au extensia ".gif");
- JPEG (Joint Photographic Experts Group) (au extensia ".jpeg" sau ".jpg");
- BMP (BitMap) (au extensia ".bmp") (Numai sub browser-ul Internet Explorer);
- TIFF (Tagged Image File Format) (au extensia ".tif" sau ".tiff");
- PCX (PC Paintbrush);
- PNG (Portable Network Graphics) (au extensia ".png").
Observaie: Cele mai rspndite formate sunt GIF i JPEG. Formatul GIF utilizeaz 8 bii
pentru definirea unei culori i deci poate afia doar maxim 256 de culori. Formatul JPEG
aloc 24 de bii pentru o culoare i poate afia maxim 16.777.216 de culori.
Formatul GIF permite urmtoarele trei faciliti:
1. imagini ntreesute (interlaced images) sunt imaginile care apar integral n pagina
Web dar pe msur ce sunt ncarcate claritatea imaginii crete;
2. imaginile transparente (transparent images) sunt imagini care nu au culoare de fond
astfel nct ceea ce se afl n spatele imaginilor devine parial vizibil;
3. imaginile animate (animated images) sunt fiiere imagine speciale care conin o
succesiune de imagini care sunt afiate periodic n pagina Web.
Observaie: Cele mai multe aplicaii de prelucrare a imaginilor permit salvarea fiierelor
imagine astfel nct facilitile enumerate mai sus s fie exploatate.

Inserarea unei imagini ntr-o pagin Web

Pentru a insera o imagine ntr-o pagin Web se utilizeaz tag-ul <img>
(image=imagine). Pentru a putea identifica imaginea care va fi inserat se utilizeaz un
atribut al tag-ului <img> i anume src (source=surs). Valoarea acestui atribut este
adresa URL a imaginii.
Observaii:
- Dac imaginea se afl n acelai folder cu fiierul HTML care face referire la
imagine, atunci adresa URL a imaginii este format numai din numele imaginii
inclusiv extensia. Exemplu: "nume.extensie" unde nume este numele fiierului
imagine iar extensie este extensia fiierului imagine.

103

Exemplele care urmeaz presupun c fiierele imagine utilizate se afl n folder-ul

curent.

Iat n continuare un exemplu simplu care insereaz ntr-o pagin Web a imagine
(aol_sl.gif) aflat n folder-ul curent.
<html>
<head><title>Inserarea simpla unei imagini</title></head>
<body>
<h2>Prima pagina web care contine o imagine</h2>
<img src="aol_sl.gif">Text dupa imagine.
</body>
</html>

Alte atribute opionale ale tag-ului <img>

-

border specific grosimea n pixeli a chenarului unei imagini

width i height specific dimensiunea imaginii pe orizontal i pe vertical.
Aceste atribute pot avea ca valori numere ntregi (pixeli) sau procente %.
align=left, right, top,middle, bottom pentru aliniere.

Exemplu:
<img src="nume.jpg" align=center border=5 width="200" height="20%">

Elemente nlocuitoare pentru imagini

Deseori dimensiunea unei imagini de nalt rezoluie ocup muli KB, i implicit
timpul de ncrcare al paginii Web n fereastra browser-ului crete cu att mai mult cu ct
conexiunea dintre client i server este mai lent.
Pentru ca n acest timp utilizatorul s poat vedea totui ceva se apeleaz la dou
atribute ale tag-ului <img> care nlocuiesc imaginea pe perioada ncrcrii:
-

atributul alt admite ca valoare un text care se va afia n locul imaginii, sau ca
explicaie a imaginii;
atributul lowsrc admite ca valoare adresa URL a unei imagini de joas rezoluie (de
mic dimensiune) ncrcabil rapid chiar i pe conexiunile nu foarte performante.
Exist aplicaii de prelucrare de imagini care permit transformarea unei imagini ntr-o
imagine asemntoare de joas rezoluie i de mrime mult mai mic dect imaginea
original numit thumbnail.

104

Exemplu: <img src="nume1.gif" lowsrc= "nume2.gif" alt="Explicatie">

Imagini de fond ale paginilor Web

O imagine poate fi utilizat pentru a seta fondul unei pagini Web. n acest sens se
folosete atributul background al tag-ului <body> avnd ca valoare adresa URL a
imaginii stabilite pentru fundal. Dac dimensiunile imaginii sunt mai mici dect
dimensiunea ferestrei browser-ului, atunci imaginea se multiplic pe orizontal i pe
vertical pn se completeaz ntregul fundal.
Pentru ca n timpul defilrii unei pagini Web foarte mari imaginea de fond s
rmn fix se utilizeaz atributul bgproperties al tag-ului <body> fixat la valoarea
"fixed". Acest atribut funcioneaz numai sub Internet Explorer.
Exemplu: <body background="Nume.gif" bgproperties="fixed">
Tabelele pot conine alte tabele dar i imagini i texte. Exemplul urmtor
ilustreaz acest lucru:
<html>
<head><title>Tabel cu text si imagini</title></head>
<body>
<h2>Un tabel de tabele de imagini si texte</h2>
<table border>
<tr>
<td>
<table border>
<tr><td><img src="aol_sl.gif"></td></tr>
<tr><td>America on Line Preview</td></tr>
</table>
</td>
<td>
<table border>
<tr><td><img src="cnn_sl.gif"></td></tr>
<tr><td>CNN Interactive</td></tr>
</table>
</td>
</table>
</body>
</html>

105

Link-uri
Interactivitatea unei pagini Web
Link-urile (legturile) transform un text obinuit n "hipertext" sau
"hipermedia". n acest fel ele permit trecerea rapid de la anumite informaii la altele
(informaii ce se pot afla) pe un anumit server sau pe alte server-e Web.
Link-urile sunt zone active din paginile Web, adic zone din fereastra browserului sensibile la apsarea butonului stng al mouse-ului.
Un click efectuat pe un link este interpretat ca o cerere ctre un anumit
server din Internet de a expedia calculatorului (aplicaiei) client resursa ctre care link-ul
respectiv puncteaz.
n felul acesta paginile Web devin interactive (adic rspund la aciuni iniiate
de utilizator).
n mod normal, ntr-o pagin Web, atunci cnd cursorul mouse-ului se afl
deasupra unei zone active (link), forma acestuia se va schimba automat ntr-o mn.
Efectund click pe aceast zon, browser-ul va trimite ctre serverul ce stocheaz resursa
respectiv o cerere de expediere. Server-ul WWW (World Wide Web) (ce stocheaz
resursa) primete cererea, o analizeaz i dac stabilete c cel care a lansat-o este
ndreptit s o primeasc, atunci expediaz ctre utilizator (aplicaia client) resursa
solicitat. Dac resursa solicitat reprezint o pagin Web n format HTML, atunci
server-ul expediaz un fiier .html mpreun fiierele aferente (referite de acesta care
pot fi: fiiere de imagine, de sunet, video etc). Vechea pagin din browser va fi nlocuit
de noua pagin.
n pagina Web link-urile se insereaz prin intermediul tag-ului <a> (prescurtatrea
de la anchor=ancor) i a unui atribut href (referin) care are ca valoare adresa URL a
resursei solicitate.

Utilizarea unui text ca zon activ

Iat un exemplu care realizeaz ntr-o pagin Web un link pe baza unui text:
<html>
<head><title>Un link pe baza de text</title></head>
<body>
<h2> Un link pe baza de text </h2>

106

<a href="http://www.comunicare.ro">Facultatea de Comunicare i Relaii Publice</a>

</body>
</html>
n acest exemplu zona activ, adic zona din pagina Web care devine sensibil la
apsarea butonului stng al mouse-ului, este format din textul (Facultatea de
Comunicare i Relaii Publice) cuprins ntre tag-urile <a> i </a> iar href specific
ntre ghilimele adresa URL corespunztoare ("http://www.comunicare.ro").

Utilizarea unei imagini ca zon activ

Zona activ a unui link poate fi i o imagine. Iat n continuare un exemplu care
insereaz ntr-o pagin Web un link bazat pe o imagine:
<html>
<head><title>Un link pe baza de imagine</title></head>
<body>
<h1>Utilizarea unei imagini ca "zona activa"</h1><hr>
<a href="a.html"><img src="aol_sl.gif"></a>
</body>
</html>

Pentru ca acest exemplu s funcioneze trebuie ca fiierele "a.html" i "aol_sl.gif"

s existe n folder-ul curent. Un click dat pe imaginea AOL Preview va determina
ncrcarea paginii a.html n fereastra bowser-ului.

Ancore
ntr-o pagin Web pot exista adrese (ancore) ctre care s se defineasc legturi.
O ancor se definete de asemenea prin acelai tag <a>. Pentru a identifica ancora
se utilizeaz atributul name al tag-ului <a> care primete ca valoare un nume dat ancorei
(de exemplu "ancora1"). Specific ancorelor este faptul c naintea numelor acestora se
insereaz caracterul #. Deci pentru a insera un link ctre ancora "ancora1" definit n
aceeai pagin se utilizeaz tag-ul <a> avnd atributul href de valoare "#ancora1".
Ancorele pot referi adrese din cadrul (interiorul) aceluiai fiier HTML sau adrese
din cadrul (interiorul) altor fiiere HTML externe. Pentru a introduce un link ctre o
ancor definit n alt pagin aflat n acelai folder, atributul href va primi o valoare de
forma: "nume_fisier.html#nume_ancora".
107

Exemple de ancore din cadrul aceluiai fiier HTML:

<a href="#ancora1">Salt ctre ancora nr.1</a><br>
<a href="#ancora2">Salt ctre ancora nr.2</a><br>

<a name="ancora1">Prima ancor<br>

Text corespunztor pentru ancora 1

<a name="ancora2">A doua ancor<br>

Text corespunztor pentru ancora 2

Exemplu de ancore n cadrul altui fiier HTML:

<a href="pag1.html#ancora1">Salt ctre ancora nr.1 din fiierul pag1.html</a><br>
<a href="pag1.html#ancora2">Salt ctre ancora nr.2 din fiierul pag1.html</a><br>

Instane multiple pentru un browser

La nceperea unei sesiuni de navigare n Internet, pe calculatorul client (al
utilizatorului) se lanseaz n execuie o instan a browser-ului folosit, care ncarc
pagina Web solicitat.
Dac n timpul sesiunii de lucru se efectueaz un click pe un link ctre o pagin
nou, atunci n mod implicit noua pagin o va nlocui pe cea precedent folosindu-se
aceeai instan (fereastr) a browser-ului.
Dac dorim ca pagina nou solicitat s fie ncarcat ntr-o alt fereastr dect cea
curent, atunci trebuie lansat n execuie o nou instan a browser-ului care va afia
noua pagin. Acest lucru se poate realiza prin intermediul atributului target (int) al tagului <a> care poate primi urmtoarele valori:
-

"_blank" (ncrcarea are loc ntr-o fereastr nou);

"_parent" (ncrcarea are loc n fereastra printe);
"_self" (ncrcarea are loc n aceeai fereastr);
"_top" (ncrcarea are loc n fereastra top a frame-urilor curente).

108

Alegerea culorilor pentru link-uri

n mod normal ntr-o pagin Web se pot utiliza trei culori pentru link-uri. Aceste
culori pot fi setate cu ajutorul a trei atribute ale tag-ului <body>:
- link pentru link-urile nevizitate;
- vlink pentru link-urile vizitate;
- alink pentru link-urile active.
Exemplu: <body link="red" vlink="yellow" alink="blue">

Link ctre un server FTP

Pentru conectarea la un server Internet specializat n transferul de fiiere (server
FTP File Transfer Protocol) se utilizeaz protocolul "ftp://" mpreun cu adresa serverului FTP i localizarea fiierului pe server.
Exemplu: <a href="ftp://ftp.netscape.com" >Link catre serverul FTP al Netscape</a>

Link ctre un server e-mail

ntr-o pagin Web se pot afla link-uri care permit lansarea n execuie a alicaiei
de expediere a mesajelor electronice. Pentru aceasta se utilizeaz n construcia adresei
URL serviciul Internet "mailto:" urmat de o adres e-mail valid.
Exemplu:
<a href="mailto:stanp@yahoo.com">Transmite un mesaj e-mail ctre Stan Petre</a>

Link ctre fiiere oarecare

ntr-o pagin Web pot exista link-uri ctre orice tipuri de fiiere aflate pe orice
server Web. Pentru aceasta n fiierul HTML se utilizeaz tag-ul <a> avnd valoarea
atributului href egal cu adresa URL a fiierului destinaie.
Exemple:
<a href="http://www.comunicare.ro/curs1/manual.zip">Descarc manualul </a>
<a href="manual.pdf>Consult manualul .pdf </a>
<a href="manual.doc">Consult manualul .doc </a>
109

<a href="prezentare.ppt">Consult prezentarea </a>

Documentarea unei pagini Web

Meta-informaiile sunt informaiile despre modul de organizare a informaiilor.
n cazul unei pagini Web meta-informaiile vor furniza date despre modul n care a fost
creat aceast pagin.
Meta-informaiile nu sunt vizibile ntr-o pagin Web. Ele sunt coninute n fiierul
surs .html i sunt utilizate de serverele Web aflate n INTERNET, specializate n
stocarea de informaii despre informaiile stocate pe diferite site-uri. Meta-informaiile
sunt culese de ctre aplicaiile speciale ale motoarelor de cutare numite spiders sau
robots. Serverele specializate n stocarea i indexarea de meta-informaii ofer
utilizatorilor motoare de cutare puternice care permit regsirea informaiilor (a adreselor
la care aceste informaii exist). Cteva exemple n acest sens sunt: www.google.com,
www.yahoo.com, www.altavista.com, www.excite.com, www.lycos.com etc.
Meta-informaiile adic informaiile despre informaiile coninute ntr-o pagin
Web se introduc cu ajutorul tag-ului <meta> plasat n interiorul blocului
<head><head>. Acest tag se utilizeaz cel mai frecvent mpreun cu trei atribute:
- name;
- http-equiv;
- content.
Cele trei atribute se folosesc n perechi "name/content" sau "http-equiv/content".

Descrierea unei pagini Web

Pentru a face cunoscut motoarelor de cutare din Internet scopul pentru care a fost
creat o pagin Web poate fi inserat un element <meta> avnd atributele:
- name setat la valoarea description;
- content setat la un ir de caractere ce conine o descriere general a paginii.
Iat n continuare un exemplu de utilizare:
<html>
<head>
<title>Valea Prahovei</title>
<meta name="description" content="Site-ul prezint informaii importante despre
Valea Prahovei ">
</head>
<body>

<body>
</html>

110

Cuvintele cheie pentru o pagin Web

Cuvintele cheie ofer o alt metod de descriere a informaiilor coninute de o
pagin Web. Cuvintele cheie trebuie alese cu atenie pentru ca informaia indexat pe
baza lor de ctre spiders, s poat fi regsit corect n bazele de date ale mooarelor de
cutare.
Pentru a preciza cuvintele cheie ale paginii Web se utilizeaz:
- atributul name setat la valoarea keywords;
- atributul content care va primi ca valoare lista cuvintelor cheie separate prin ",".
Iat un exemplu de utilizare:
<meta name="keywords" content="romania, munti, carpati, sinaia, predeal,
brasov, cota, 1400 ">

Drepturile de autor
Atributul name poate fi utilizat pentru a furniza informaii legate de autorul
paginii i despre Copyright (drepturile de autor). Exemplul urmtor ilustraz aceste
lucruri:
<meta name="author" content="Stan Petre">
<meta name="copyright" content="fcrp.ro">

Persoana de contact
Pentru a putea furniza informaii despre persoana care se ocup de administrarea
site-ului se utilizeaz atributul http-equiv. n acest caz valoarea atributului content va
conine o adres e-mail eventual urmat n paranteze rotunde de un nume complet al
persoanei.
Exemplu:
<meta http-equiv="from" content="stanpetre@comunicare.ro (Stan Petre)">
<meta http-equiv="reply-to" content=="ionpetre@comunicare.ro (Ion Petre)">

Setul de caractere utilizat

Setul de caractere se stabilete prin intermediul atributului charset. n mod
implicit setul de caractere al unei pagini Web este western. Opional acest set de caractere
poate fi stabilit prin urmtoarea exprimare:
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
Pentru a se putea utiliza diacriticele limbii romne trebuie ales setul de caractere Sud-Est
European:

111

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">

Rencrcarea automat a unei pagini Web

O utilizare interesant a atributului http-equiv este aceea de a seta rencrcarea
automat n fereastra browser-ului a aceleiai pagini (de exemplul pagina cu evoluia
cursurilor la o burs) sau a unei pagini noi.
n acest fel se obin faciliti dinamice pentru un Website. Pentru a rencrca
aceeai pagin la un interval precizat de secunde se utilizeaz atributul http-equiv setat la
valoarea refresh iar atributul content setat la valoarea numrului de secunde dup care se
dorete ca pagina s fie reactualizat.
Exemplul 1. Aceeai pagin va fi rencrcat dup 5 secunde:
<meta http-equiv="refresh" content="5">
Exemplul 2. O alt pagin (cuprins.html) va fi rencrcat dup 9 secunde:
<meta http-equiv="refresh" content="9; url='cuprins.html'">

Comentariile
Comentariile sunt blocuri de text utile care prezint informaii de proiectare utile
despre modul n care a fost scris un fiier surs .html. Comentariile sunt ignorate de
ctre browser la ncarcarea paginii.
Pentru a insera un bloc de comentarii se utilizeaz sintaxa:
<!-Comentarii

-->
Blocul de comentarii poate fi plasat oriunde este necesar n cadrul paginii .html
i se poate extinde pe mai multe rnduri;

112

Sunete i videoclip-uri
Formate i link-uri pentru fiierele de sunet
Sunetele pot fi stocate n fiiere n diferite formate. Unele dintre acestea sunt
recunoscute de browser-e i deci pot fi inserate n paginile Web.
Formatele i extensiile corespunztoare cel mai frecvent utilizate n paginile Web
sunt urmtoarele:
- Formatul AU/-law cu extensia .au;
- Formatul AIFF/AIFC cu extensiile posibile .aiff sau .aif;
- Formatul WAVE/WAV cu extensia .wav;
- Formatul MPEG Audio cu extensia .mpeg2 sau .mp2, .mp3;
- Formatul MIDI cu extensia .mid.
Un link ctre un fiier de sunet se realizeaz folosind tag-ul <a> destinat
legturilor ctre orice tip de fiiere unde atributul href va avea valoarea egal cu adresa
URL a fiierului de sunet.
Exemplu: <a href=sound.wav> Lansare fiier de sunet <a>

Formate i link-uri pentru fiierele videoclip

Videoclipurile pot fi stocate n fiiere n diverse formate. Unele dintre acestea
sunt recunoscute de browser-e i deci pot fi inserate n paginile Web.
Cele mai frecvent utilizate n paginile Web sunt formatele urmtoare:
- Formatul MPEG cu extensiile posibile .mpeg sau .mpg;
- Formatul QuickTime cu extensia .mov;
- Formatul AVI cu extensia .avi.
Un link ctre un fiier de videoclip se realizeaz folosind tag-ul <a> destinat
legturilor ctre orice tip de fiiere unde atributului href va avea valoarea egal cu adresa
URL a fiierului videoclip.
Exemplu: <a href="film.avi">Link catre film</a>

Sunetul de fond pentru o pagin Web

Pentru ca vizitarea unei pagini Web s fie nsoit de un sunet de fond browser-ul
Internet Explorer accept tag-ul <bgsound>. Fiierul de sunet va fi precizat printr-un
atribut al tag-ului <bgsound> i anume src (source=surs).
Un al doilea atribut al tag-ului <bgsound> poate fi loop (bucl) care permite
precizarea numrului de repetiii care vor fi executate pn cnd sunetul de fond va
nceta. Valorile posibile pentru loop sunt:
- "-1" sau "infinite" pentru ca sunetul de fond s se repete de un numr infinit de ori;
113

un numar ntreg pozitiv pentru ca sunetul s se repete de un numr precizat de ori.

Exemplu: <bgsound src="spacemusic.mid" loop="-1">

Hri de imagini
Folosirea unei imagini ca hart de imagini
n capitolul referitor la imagini s-a specificat faptul c o imagine poate fi utilizat
ca zon activ adic sensibil la apsarea butonului stng la mouse-ului. Pentru aceasta
imaginea trebuie s fie inserat n documentul HTML ntre tag-urile <a> i </a>.
Exist ns posibilitatea crerii hrilor de imagini (Image Map) care permit ca
diferite zone ale unei imagini s fie definite ca link-uri ctre diferite pagini Web.
Crearea unei hri de imagini presupune dou etape:
1. Definirea unei imagini ca hart de imagini. Pentru aceasta se folosete tag-ul
<img> nsoit de dou atribute:
- Atributul src care primete ca valoare adresa URL a fiierului de imagine ce conine
imaginea folosit pe post de hart de imagini;
- Atributul usemap a crui valoare va fi de forma "#harta1" unde "harta1" este numele
hrii definit la punctul 2.
Observaii: harta de imagini se poate afla i ntr-o alt pagin Web caz n care atributul
usemap va primi o valoare de forma:
- "nume_pagina.html#harta1"; sau
- "www.map.ro/harti/harta1".
2. Definirea hrii.
Definirea hrii se face n interiorul unui bloc special delimitat de tag-urile <map> i
</map>. Un atribut obligatoriu al tag-ului <map> este name care primete ca valoare
un nume (numele hrii; de exemplu "harta1").
O hart este format din mai multe zone. Fiecare zon se introduce cu ajutorul tag-ului
<area>.
Tag-ul <area> are trei atribute obligatorii:
- Atributul shape (form) determin tipul de zon activ i poate lua numai trei
valori posibile:
a) rect pentru zone de form dreptunghiular;
b) circle pentru zone de form circular;
c) poly pentru zone de form poligonal;
d) default pentru restul imaginii care nu este acoperit de niciuna din zonele de
tipul precizat mai sus.
- Atributul coords determin coordonatele zonei.
- Atributul href care primete ca valoare adresa URL a paginii ctre care puncteaz
link-ul zonei respective.
Observaie: dac la valoarea unui atribut href nu apare nimic sau dac apare atributul
nohref (fr valori suplimentare), atunci acea zon nu puncteaz ctre nici un alt
document.

114

Coordonatele zonelor active

Pentru determinarea coordonatelor unei
figuri geometrice (dreptunghi, cerc sau poligon) se
utilizeaz un sistem de coordonate rectangular avnd
originea n colul stnga-sus al imaginii utilizate ca
hart, axa OX orizontal i orientat spre dreapta iar
axa OY vertical i orientat n jos (vezi figura
alturat).
Unitatea de msur este pixelul.
Un dreptunghi este determinat de
coordonatele vrfurilor stnga-sus (x1, y1) i dreaptajos (x2, y2) (vezi figura alaturat).
Atributul coords primete o valoare de forma
"x1,y1,x2,y2".
Exemplu: coords="100, 100, 200, 200"

x1

x2
X

y1
y2
Y

Un cerc este determinat de coordonatele

centrului (x,y) i de raza cercului (r) (vezi figura
alturat).
Atributul coords primete o valoare de forma "x,y,r.
Exemplu: coords="400, 200, 100"

x
X
y

Y
Un poligon este determinat prin succesiunea de
coordonate ale vrfurilor (x1, y1), (x2, y2), (x3, y3) etc.
Atributul coords primete ca o valoare de forma: "x1,
y1, x2, y2, x3, y3, ".
Exemplu:
coords="100,300,200,300,400,400,100,400"

(x1,y1) (x2,y2)

(x4,y4)
Y

115

(x3,y3)

Utilizarea unei hri de imagini

Admitem c avem creat imaginea din figura
alturat i c aceast imagine este salvat pe
disc n folder-ul curent de lucru sub numele de
harta.gif.
ntruct dimensiunile de afiare a imaginii vor fi
setate la 600 X 500 pixeli, figurile geometrice
vor avea coordonatele:
- "100,100,200,200" pentru ptrat;
- "400,200,100" pentru cerc;
- "100,300,200,300,400,400,100,400" pentru
poligon.

100 200 300 400 500 600

100
200
300
400
500

Iat n continuare codul HTML care va genera aceast hart de imagini:

<html>
<head><title>Image map</title></head>
<body>
<h1>O harta de imagini</h1>
<img src="harta.gif" usemap="#harta1" width="600" height="500">
<map name="harta1">
<area shape="rect" coords="100,100,200,200" href="p2.html">
<area shape="circle" coords="400,200,100" href="p3.html">
<area shape="poly" coords="100,300,200,300,400,400,100,400" href="p4.html">
</map>
</body>
</html>

116

Formulare
Un formular este un ansamblu de zone active alctuit din butoane, csue de
selecie, cmpuri de editare, etc. O sesiune de lucru cu o pagin Web ce conine un
formular cuprinde urmtoarele etape:
1. Utilizatorul completeaz formularul i l expediaz unui server;
2. O aplicaie dedicat pe server analizeaz formularul completat i (dac este necesar)
stocheaz datele ntr-o baz de date;
3. Serverul expediaz (dac este necesar) un rspuns utilizatorului.
Un formular este definit ntr-un bloc delimitat de tag-urile corespondente <form>
i </form>.
Observaii:
- Blocurile <form> nu pot fi imbricate;
- ntr-o pagin Web pot fi create oricte formulare.

Atribute
Exist dou atribute eseniale ale tag-ului <form>:
1. Atributul action precizeaz ce se va ntmpla cu datele formularului odat ce acestea
ajung la destinaie. De regul valoarea atributului action este reprezentat de adresa
URL a unui script aflat pe un server WWW care primete datele formularului,
efectueaz o prelucrare a lor i expediaz ctre utilizator un rspuns.
- Exemplu: <form action="htttp://www.map.ro/cgi-bin/nume_script.cgi">.
- Scripturile pot fi scrise n limbajele PHP, Java Script, Perl, C sau Unix shel.
- Observaie: valoarea atributului action poate fi de asemenea o adres valid de email caz n care datele formularului sunt expediate prin pot electronic la adresa
specificat. n acest caz nu are loc o prelucrare a datelor din formular revenind
destinatarului responsabilitatea citirii i interpretrii corecte a datelor primite.
Exemplu: <form action="mailto:stanp@yahoo.com">
2. Atributul method precizeaz metoda utilizat de browser pentru expedierea datelor
formularului. Pentru method sunt posibile urmtoarele valori:
- get (valoarea implicit). n acest caz datele din formular sunt adugate la URL-ul
precizat de atributul action.
Nu sunt permise cantiti mari de date (maxim 1 Kb);
ntre URL i date este pus "?". Datele sunt adugate dup sintaxa:
"nume_camp=valoare_camp". ntre diferite seturi de date este pus "&".
Exemplu:"http://www.fcrp.ro/cgi/NumeScript.cgi?num1=val1&num2=val2"
- post. n acest caz datele sunt expediat separat. Sunt permise cantiti mari de date.
(chiar de ordinul MB-lor).

117

Un formular cu un cmp de editare i un buton de expediere

Urmtorul exemplu prezint un formular ce conine un cmp de editare i un
buton de expediere a formularului prin e-mail.
Majoritatea elementelor unui formular sunt definite cu ajutorul tag-ului <input>.
Pentru a preciza tipul elementului se folosete atributul type al tag-ului <input>. Pentru
un cmp de editare acest atribut primete valoarea text.
Alte atribute importante pentru un element <input> sunt:
- Atributul name permite ataarea unui nume fiecrui element al formularului;
- Atributul value permite atribuirea unei valori iniiale unui element al
formularului.
La expedierea formularului se transmit ctre server perechi de forma
"nume=valoare" care cuprind numele elementului unui formular i valoarea acestui
element.
Un buton de expediere al unui formular se introduce cu ajutorul tag-ului <input> n
care atributul type este setat la valoarea submit. Acest element poate primi un nume prin
atributul name. n mod implicit pe buton apare scris "Submit" sau valoarea atributului
"value" dac aceast valoare este setat.
Iat n continuare un exemplu elocvent n acest sens:
<html>
<head><title>Un formular simplu</title>
<h3>Un formular cu un camp de editare si un buton de expediere</h3><hr>
<form action="mailto:mgavota@fcrp.ro" method="post">
Nume si prenume:
<input type="text" name="nume" value="Inscrieti numele aici">
<input type="submit" value="Expediaza">
</form>
</body>
</html>

118

Pentru tag-ul <input> de tipul cmp de editare (type="text") alte dou atribute
sunt pot fi utile:
- Atributul size specific limea cmpului de editare. Dac valoarea tastat ntr-un
cmp de editare depsete aceast lime atunci se execut automat un scroll al
acestui cmp.
- Atributul maxlength specific numrul maxim de caractere pe care le poate primi un
cmp de editare. Caracterele tastate peste numrul maxim de caractere vor fi ignorate.

Butonul Reset
Dac un element de tip <input> are atributul type setat la valoarea reset atunci n
formular se va insera un buton pe care scrie Reset. La apsarea acestui buton toate
elementele din formular primesc valorile implicite (definite odat cu formularul) chiar
dac aceste valori au fost modificate de utilizator.
Un buton Reset poate primi un nume cu ajutorul atributului name i o valoare
printr-un atribut value. Pe un buton Reset este scris textul Reset dac atributul value
lipsete sau valoarea atributului value n caz contrar.
Exemplu:
<html>
<head><title>Un formular simplu</title>
<h3>Un formular cu butoane si campuri de editare</h3><hr>
<form method="post" action="mailto:mgavota@fcrp.ro">
Nume : <input type="text" name="nume" value="Numele">
Prenume: <input type="text" name="prenume" value="Prenumele"><br><br>
<input type="reset" value="Sterge">
<input type="submit" value="Expediaza">
</form>
</body>
</html>

119

Cmp de editare de tip Password

Dac se utilizeaz tag-ul <input> avnd atributul type setat la valoarea password
atunci n formular se introduce un element asemntor cu un cmp de editare obinuit
(introdus prin type="text"). Toate atributele de la un cmp de editare rmn valabile.
Singura deosebire const n faptul c n cmpul de editare nu apar caracterele n clar ci
numai caractere "*".
La expedierea formularului ns se transmite n clar valoarea tastat ntr-un cmp
de tip password.
Exemplu:

<form method="post" action="mailto:mgavota@fcrp.ro">

Nume:<input type="text" name="nume"><br>
Prenume:<input type="text" name="prenume"><br>
Password:<input type="password" name="parola"><br>
<input type="reset" value="Sterge"><br>
<input type="submit" value="Expediaza">
</form>

Butoane radio
Butoanele radio permit alegerea, la un moment dat, a unei singure variante dintre
mai multe variante posibile.
Butoanele radio se introduc prin tag-ul <input> avnd atributul type setat la
valoarea radio.
Observaii:
- Toate butoanele ce aparin unei familii de butoane radio au acelai nume setat prin
atributul name.
- Atributul value primete ca valoare un text care va fi expediat server-ului mpreun
cu numele familiei de butoane.
- Atributul checked (fr alte valori) permite selecia implicit a unui buton dintr-o
familie de butoane radio. Cel mult un atribut checked poate s apar pentru o aceeai
familie de butoane radio.
Exemplu:
<html>
<head><title>Butoane radio</title></head>
<body>
<h2>Un formular cu butoane radio</h2><hr>
<form method="post" action="mailto:stanp@fcrp.ro">
Alegeti sexul:<br>
Barbatesc<input type="radio" name="sex" value="b" checked>

120

Femeiesc<input type="radio" name="sex" value="f"><br><br>

<input type="reset">
<input type="submit" value="Ok">
</form>
</body>
</html>

La expedierea formularului se va transmite una din perechile "sex=b" sau "sex=f"

n funcie de alegerea facut de utilizator.

Casete checkbox
O caset de tip validare (checkbox) permite selectaea sau deselectarea unei
opiuni. Pentru inserarea unei casete de tip checkbox se utilizeaz tag-ul <input> cu
atributul type setat la valoarea checkbox.
Observaii:
- fiecare caset poate avea un nume definit prin atributul name;
- fiecare caset poate avea valoarea implicit selectat definit prin atributul checked;
- fiecare caset poate avea setat atributul value cu valoarea care va fi inclus n
perechea "name=value" ce va fi expediat odat cu formularul. Dac acest atribut
lipsete atunci se va expedia perechea "name=on". Casetele care sunt deselectate nu
trimit ctre server perechi "name=value".
Exemplu:
<html>
<head><title>Checkbox</title></head>
<body>
<h2>Un formular cu casete checkbox</h2><hr>
<form method="post" action="mailto:stanp@fcrp.ro">
Alegeti meniul:<br>
Pizza <input type="checkbox" name="pizza" value="o portie">
Nectar <input type="checkbox" name="nectar" value="un pahar">
Bere <input type="checkbox" name="bere" value="o sticla">
Cafea <input type="checkbox" name="cafea" value="o ceasca"><br><br>
<input type="reset">
121

<input type="submit" value="Ok">

</form>
</body>
</html>

Transmiterea fiierelor ctre un server - Upload

Dac se dorete transmiterea (upload) coninutului unui fiier atunci numele lui
va fi valoarea dintr-o pereche "name=value" a unui formular iar tag-ul <input> va avea
atributul type setat cu valoarea file. Deci atributul value primete ca valoare adresa URL
a fiierului care va fi expediat odat cu formularul. Aceast valoare poate fi tastat ntr-un
cmp de editare ce apare odat cu formularul sau poate fi aleas prin intermediul unei
casete de tip File Upload sau Choose File care apare la apsarea butonului Browse din
formular.
Iat n continuare un exemplu de cod HTML frecvent utilizat n procedurile de upload:
<html>
<head><title>Upload</title></head>
<body>
<h2>Upload</h2><hr>
<form method="post" action="mailto:mgavota@fcrp.ro">
Alegeti fisierul:
<input type="file" name="" enctype="multipart/form-data"><br><br>
<input type="reset">
<input type="submit" value=" Ok ">
</form>
</body>
</html>

122

Butoane
ntr-un formular pot aprea butoane. Cnd utilizatorul apas un buton se
declaneaz n execuie o funcie de tratare a acestui eveniment. Limbajul HTML nu
permite scrierea unor astfel de funcii (acest lucru este posibil dac se utilizeaz limbajele
Java Script, PHP", Visual Basic Script etc).
Pentru a insera un buton ntr-un formular se utilizeaz tag-ul <input> avnd
atributul type setat la valoarea button. Alte dou atribute utile ale elementului button
sunt:
- Atributul name permite ataarea unui nume butonului;
- Atributul value primete ca valoare textul care va fi afiat pe buton.
Exemplu:

<form action="mailto:stanp@fcrp.ro">
Acesta este un buton:
<input type="button" name="butonul1" value="Apasati aici"><br>
</form>

Lista de selecie
Lista de selecie permite utilizatorului s aleag unul sau mai multe elemente
dintr-o lista finit de elemente posibile.
Lista de selecie este inclus n formular cu ajutorul tag-urilor corespondente
<select> i </select>.
Elementele unei liste de selecie sunt incluse n list cu ajutorul tag-ului
<option>. Dou atribute ale tag-ului <option> se dovedesc utile:
- Atributul value care primete ca valoare un text ce va fi expediat server-ului n
perechea "name=value". Dac acest atribut lipsete atunci ctre server va fi expediat
textul ce urmeaz dup <option>.
- Atributul selected (fr alte valori adiionale) care permite selectarea implicit a unui
element al listei.

123

Exemplu:
<html>
<head><title>Lista de selectie</title></head>
<body>
<h2>Lista de selectie</h2><hr>
<form method="post" action="mailto:mgavota@fcrp.ro">
Universitatea absolvita:<br>
<select name="universitate" size="3">
<option value="B"> Universitatea Bucuresti
<option value ="CL" selected> Universitatea din Cluj
<option value="TM"> Universitatea din Timisoara
<option value="IS"> Universitatea din Iasi
</select><br><br>
<input type="reset">
<input type="submit" value=" Ok ">
</form>
</body>
</html>

124

Frame-uri
Frame-urile (sub-ferestre) permit delimitarea n fereastra browser-ului a unor subferestre n care s fie ncrcate mai multe documente HTML diferite.
Frame-urile sunt definite ntr-un fiier ".html" special n care blocul
<body></body> este nlocuit de blocul <frameset></frameset>. n interiorul
acestui bloc fiecare frame este introdus prin tag-ul <frame>. Un atribut obligatoriu al
tag-ului <frame> este src care primete ca valoare adresa URL a documentului HTML
care va fi nrcat n acel frame.
Definirea frame-urilor se face prin mprirea ferestrelor (i a sub-ferestrelor) n
linii i coloane.

Atribute ale tag-ului <frameset>

-

mprirea n sub-ferestre de tip coloan" se face cu ajutorul atributului cols.

mprirea unei ferestre ntr-un numr de sub-ferestre de tip linie se face cu ajutorul
atributului rows.
Valoarea atributelor cols i rows este o list de elemente (pentru fiecare sub-fereastr
cte un element) separate prin virgul care descriu modul n care se face mprirea.
Elementele listei pot fi:
Numere ntregi de pixeli;
Procente din dimensiunea ferestrei (ex.:50%);
"n*" care nseamn n pri din spaiul rmas posibil.
Obs: Dac mai multe elemente din list sunt setate cu * atunci spaiul rmas
disponibil pentru ele se va mpri n mod egal.

Exemplul 1: "200, *, 50%, *" nseamn o mprire n 4 sub-ferestre, prima fiind

de 200 de pixeli, a treia fiind jumtate din spaiul total disponibil, a doua i a patra
ocupnd restul de spaiu rmas disponibil n mod egal.
Exemplu 2: "200, 1*, 50%, 2*" nseamn o mprire n 4 sub-ferestre, prima fiind
de 200 de pixeli, a treia fiind jumtate din spaiul total disponibil, a doua i a patra
ocupnd restul de spaiu rmas disponibil care se mparte n trei pri egale, a doua
fereastr lund o parte iar a patra fereastr lund 2 pri.

Exemple de cod care genereaz frame-uri

Exemplu de cod 1
<html>
<frameset cols="*,*">
<frame src="p1.html">
<frame src="p2.html">
</frameset>
</html>

125

Exemplu de cod 2
<html>
<frameset rows="100,*,10%">
<frame src="p1.html">
<frame src="cnmv.jpg">
<frame src="p3.html">
</frameset>
</html>

Exemplu de cod 3
<html>
<frameset rows="*,*" cols="*,*">
<frame src="p1.html">
<frame src="p2.html">
<frame src="p3.html">
<frame src="p4.html">
</frameset>
</html>

Exemplu de cod 4 O pagin Web cu 3 frame-uri mixte

<html>
<frameset cols="20%,*">
<frame src="p1.html">
<frameset rows="*,*">
<frame src="p2.html">
<frame src="p3.html">
</frameset>
</frameset>
</html>

126

Alte atribute pentru frame-uri

-

bordercolor seteaz culorile pentru chenarul frame-urilor

border seteaz dimensiunea n pixeli a chenarului unui frame. Valoarea implicit este
de 5 pixeli.

Exemplu:
<html>
<head><title>Frame-uri cu border</title></head>
<frameset cols="20%,*" border="2">
<frame src="p1.html">
<frameset rows="*,*">
<frame src="p2.html" bordercolor="green">
<frame src="p3.html">
</frameset>
</frameset>
</html>
-

frameborder seteaz chenare vizibile sau invizibile

frameborder=yes chenare vizibile
chenare invizibile
frameborder=no

Exemplu: <frameset cols="20%,*" frameborder=no>

-

scrolling seteaz bara de defilarea unui frame. Valorile posibile sunt:

scrolling ="yes", barele de defilare sunt adugate ntotdeauna;
scrolling ="no", barele de defilare nu sunt utilizabile;
scrolling ="auto", barele de defilare sunt vizibile doar atunci cnd este necesar
(informaia pe vertical sau pe orizontal nu este vizibil integral n subfereastr).

Exemplu:
<frameset cols="*,*,*">
<frame src="p.html" scrolling="yes" noresize>
<frame src="p.html" scrolling="no" noresize>
<frame src="p.html" scrolling="auto" noresize>
</frameset>
-

noresize dac este prezent inhib posibilitatea implicit a utilizatorului de a

redimensiona frame-ul cu ajutorul mouse-ului

127

Frame-uri in-line
Un frame in-line se insereaz ntr-o pagin Web n mod asemntor cu o imagine.
Pentru a insera un frame in-line se utilizeaz tag-ul <iframe></iframe>.
Atributele acceptate de acest tag sunt n parte preluate de la tag-urile <frame> i
<frameset>:
- src, border, frameborder, bordercolor, marginheight, marginwidth, scrolling, name,
noresize;
sau sunt preluate de la tag-ul <img>:
- align, width, height.
Iat n continuare un exemplu de pagin Web care conine un frame in-line:
<html>
<head><title>Farme in-line</title></head><body>
<h2>Aceasta pagina Web contine un frame in-line</h2>
<iframe width="60%" border=2 bordercolor="red" name="ifr" src="p.html">
Daca vedeti acest text inseamna ca browser-ul dumneavoastra nu suporta frameuri in-line.
<a href='pffil.html">Pagina fara frame-uri in-line</a>
</iframe>
</body>
</html>

Teme de reflecie i aplicaii

Pentru toate aplicaiile utilizai doar editorul de text Notepad.
- Creai o pagin Web care s conin doar un text simplu de bun venit.
- Documentai aceast pagin i formatai un bloc de text. Inserai apoi o list de
definiii, un tabel, o imagine logo i mprii pagina n dou frame-uri verticale.
- Dai interactivitate paginii prin inserarea unor link-uri i a unui formular.

128

7. Instrumente moderne de comunicare i informare.

Mesageria instant, grupurile de discuii Web, Weblog-ul,
protocolul i fiierele RSS
Obiective specifice
Dup ce vei parcurge acest capitol vei:
- nelege funcionarea i utilitatea mesageriei instante n comparaie cu serviciul e-mail
clasic;
- fi n msur s utilizai o aplicaie client de tip messenger;
- nelege utilitatea instrumentului interactiv de informare i comunicare numit
Weblog;
- nelege modul n care lucreaz grupurile de discuii Web i cum pot fi utilizate ele n
informare i comunicare;
- cunoate structura fiierelor RSS;
- fi n msur s creai fiiere RSS i s le utilizai pentru propria informare i pentru
documentarea clienilor unei companii.

Mesageria instant
Mesageria instant utilizeaz ca principal instrument de comunicare programul
client numit messenger. Chiar dac nc n prezent cel mai preferat serviciu de
comunicare este mesageria (pota) electronic (e-mail), n ultimii ani un rival tot mai
puternic al acesteia i face din ce n ce mai mult simit prezena n Internet. Rivalul este
mesageria instant care prin intermediul programelor de tip messenger i al serviciilor
oferite devine tot mai mult preferata utilizatorilor Internet. Mesageria instant a fost
creat la nceputul anilor 1970 i a rulat sub forma aplicaiei Talk pe computerele DEC
PDP-11. Puterea ei a crescut ncepnd cu anul 1996 cnd au fost create reeaua i
aplicaia ICQ Messenger.
n prezent exist mai multe reele de mesagerie instant ntre care cele mai
importante sunt: Microsoft MSN, Yahoo, Skype, ICQ, Paltalk, care au foarte muli
utilizatori. La nceputul anului 2006 lider era MSN Messenger cu 204 milioane de
utilizatori, urmat de Skype cu peste 100 de milioane i Yahoo cu 78 milioane. Aceste
reele sunt preferate deoarece prin intermediul programelor messenger ofer att
mesagerie instant pe baz de text scris ct i alte servicii gratuite cum sunt mesageria
instant vocal, telefonia Internet (voice over IP), transmisia i recepia video n timp real
cu camere video web (webcam-uri).
Este de reinut c spre deosebire de e-mail mesageria instant face posibil i
comunicarea audio i video n timp real. n prezent pentru convorbirile audio ntre
calculatoare realizate prin voice over IP liderul este Skype. Pentru a fi posibil
comunicarea audio i video, programele de tip messenger utilizeaz tehnologii de
comprimare a fluxurilor (streaming) audio i video.
Interfeele programelor Windows Live Messenger i Yahoo Messenger sunt:

129

Weblog-ul
Conform Enciclopediei Wikipedia Un weblog (prescurtat blog) este o publicaie
web ce conine articole periodice, ce au de obicei caracter personal - asemenea unui
jurnal, fiind afiate n ordine cronologic invers. Termenul de Weblog-ul a fost creat de
ctre Jorn Barger n 1997 (caut cu un motor de cutare Weblog History).
Dac la nceput weblog-urile erau actualizate manual, cu timpul au aprut
instrumente software care s automatizeze acest proces i care au fcut acest gen de
publicaii accesibil publicului larg. O caracteristic principal a blog-urilor dar i a
instrumentelor software cu care pot fi create, actualizate, configurate i moderate este
faptul c ele lucreaz sub interfaa browser-ului. Exist i instrumente software locale cu
care pot fi generate blog-uri ce ulterior vor fi postate prin intermediul unui serviciu FTP,
pe un server ce le va gzdui i le va face vizibile n Internet. Codul generat se bazeaz pe
o baz de date i pe un limbaj de script PHP, ASP, Perl, Java, C etc. n prezent exist
multe website-uri care gzduiesc gratis blog-uri i care ofer prin intermediul serviciului
WWW instrumente software pentru dezvoltarea i configurarea blog-urilor utiliznd
browser-ul. Un asemenea portal poate fi gsit la http://www.tripod.com .
Tematica blog-urilor variaz foarte mult - de la jurnale personale la subiecte
economice i politice, comerciale, filosofice, artistice, turistice, la aplicaii software, noi
apariii media, e-learning .a. Un blog poate aparine unui autor, mai multor autori, unei
companii sau unei ntregi comuniti.
Multe weblog-uri sunt interactive i permit vizitatorilor s scrie comentarii
publice, s pun ntrebri, s ridice probleme noi, s aib puncte de vedere personale. n
acest fel se pot crea n jurul blog-urilor comuniti de oameni interesai de tematic. Alte
blog-uri, foarte puine n prezent, nu sunt interactive.

130

Totalitatea weblog-urilor i a autorilor de blog-uri a fost denumit blogosfer.

Despre Blogosfera romneasc se poate spune c dei se afl la nceput, ea se
dezvolt rapid. Dac n 2003 aprea primul serviciu de blogging WeBlog.ro, ce constituia
prima comunitate nchegat de blog-eri, n noiembrie 2005, puteau fi numrate
aproximativ 10.000 de blog-uri. ns numarul celor active cu adevart n care se scrie
frecvent este doar n jur de 1.500. Dei blog-urile romneti active nu sunt foarte multe,
totui, comunitatea blog-erilor romni constituie o nou surs de informare public i un
nou mijloc de a intra n contact cu persoanele interesate, cu clienii, cu oameni din
ntreaga lume. n plus, ca ajutor pentru blog-erii romni, n 2006 a fost lansat forumul
blog-erilor din Romnia, http://forum.blogoree.ro.
O mare parte a blog-urilor romneti o gsim indexat la:
http://rss.mioritics.ro/
http://www.blogcatalog.ro/
http://www.blogosfera.ro/
http://www.blogmania.ro/
Un exemplu de blog gzduit de Tripod (http://www.tripod.com) este:

Instrumentele software on line ale acestui blog sunt:

131

Grupurile de discuii Web

n prezent devine din ce n ce mai prezent n spaiul Web o nou form de
comunicare sub forma grupurilor de discuii interesate de o anumit problematic. Aceste
grupuri sunt monitorizate de un moderator care le poate crea, configura i modera prin
intermediul unor instrumente software disponibile on line.
Pentru a putea fi accesate grupurile necesit nscrierea ca membru. Calitatea de
membru poate fi liber sau poate necesita aprobarea moderatorului care poate stabili i
drepturile de acces ale membrilor la resursele grupului (publicarea mesajelor, fiiere,
fotografii, link-uri, baza de date, sondaje, calendar). Moderatorul poate terge mesajele
nesemnificative i poate coordona un calendar de activiti al grupului.
Spre deosebire de NEWS (care utilizeaz serviciul NEWS), aceste grupuri
funcioneaz on line sub interfaa browser-ului pe baza serviciului WWW.
n prezent cel mai utilizat suport software dedicat grupurilor de discuii Web este
oferit de Yahoo: http://groups.yahoo.com . Un astfel de grup este prezentat n imaginea
urmtoare. El este dedicat discuiilor despre sistemul de operare Symbian de pe
telefoanele mobile Nokia:

132

Protocolul i fiierele RSS

Meninerea la curent cu informaiile dorite din Internet este o activitate din ce n
ce mai dificil, deoarece n fiecare zi apar noi i noi site-uri Web. Navigarea clasic poate
deveni greoaie atunci cnd se dorete s fie consultate doar cele mai noi tiri i detalii ale
acestora.
RSS (Rich Site Summary) este un protocol deschis de publicare a informaiei pe
Web. Un fiier RSS (Rich Site Summary) feed este un fiier text, care descrie coninutul
unui site, fiind actualizat odata cu acesta. Iniial serviciul RSS a fost utilizat de Netcape
pentru a crea pagini My Netscape. Ulterior RSS a fost adoptat de serviciile de informare
(news syndication services ), i de weblog-uri.
RSS este considerat a fi i prescurtarea de la RDF (Resource Description
Framework) Site Summary sau de la Really Simple Syndication.
RSS este important pentru c permite informarea despre actualizri ale resurselor
on line far a se face apel la e-mail-uri, implicit reducnd posibilitatea de a se primi spam
i virui.
Un fiier RSS include un logo, linkul la site, un cmp de descriere i itemii de
noutate. Fiecare item conine URL-ul articolului respectiv, titlul i o scurt descriere.
Sistemele numite agregatoare aggregators sau harvesters, citesc RSS-urile i
informeaz abonaii lor asupra modificrilor de pe site, informaia fiind astfel transmis

133

unei audiene largi - syndicated. Informaia din fiierele RSS poate fi stocat n baze de
date, care permit o accesare cu multiple criterii de cautare.
Prin RSS pot fi accesate cele mai recente informaii inclusiv tiri pe scurt,
articole, fiiere audio, fotografii i clipuri video ntr-un singur loc dedicat. Astfel nu mai
este necesars navigarea printr-o mulime de site-uri pentru a afla tirile care intereseaz.
Fiierele RSS pot fi vizualizate printr-un cititor RSS.

Structura standard a unui fiier RSS

Structura standard a unui fiier RSS este:
<rss version="2.0">
<channel>
<title>Titlul</title>
<link>Adresa URL a link-ului></link>
<description>Numele autorului i descrierea pe scurt</description>
<image>
<url>Adresa URL a imaginii care conine logo-ul site-ului</url>
<title>Titlul site-ului</title>
<link>Adresa URL a site-ului</link>
</image>
<item>
<title>Prima informare</title>
<link>Adresa URL a link-ului ctre prima informare</link>
<description>Descrierea primei informri .</description>
<pubDate>Data i ora publicrii</pubDate>
</item>
<item>
<title>A doua informare</title>
<link></link>
<description></description>
<pubDate></pubDate>
</item>

</channel>
</rss>

Exemplu:
<rss version="2.0">
<channel>
<title>Mihai Gavota's Web Pages</title>
<link>http://www.procesualitatea.ro/bestplay</link>
<description>Author: Mihai Gavota</description>
<image>
<url> http://www.procesualitatea.ro/bestplay/bestplay.gif</url>
<title>BestPlay</title>
<link>http://www.procesualitatea.ro/bestplay/BestPlay.html</link>
</image>
<item>
<title>Conti software and libraries</title>
<link>http://www.procesualitatea.ro/bestplay/IndexConti.html</link>
<description>
It is possible even for beginners in C or C++ programmers who do not know
WINDOWS API or other environments that generate WINDOWS executable files

134

(EXE standalone). CONTI is a powerful functions library, written in C

language and using WINDOWS API interface. The library is a high level
language itself, easy to be used in programs for Windows applications.
</description>
<pubDate>Wed, 05 Jul 2006 17:16:44 GMT</pubDate>
</item>
<item>
<title>BestPlay</title>
<link>http://www.procesualitatea.ro/bestplay/BestPlay.html</link>
<description>
BestPlay is one of the best multimedia - players with HiFi quality and
dynamic sound. Please compare BestPlay audio sound with other audio
players sound and you will see the difference. This software includes many
original functions created for special sound and video processing.
</description>
<pubDate>Wed, 12 Jul 2006 17:16:45 GMT</pubDate>
</item>
<item>
<title>Conti FtpServer</title>
<link>http://www.procesualitatea.ro/bestplay/ContiFtpServer.html</link>
<description>
Conti FtpServer is fast, powerful and robust multi-threaded FTP (File
Transfer Protocol) server for Windows. Conti FtpServer is a solution to
have your music, movies, pictures, documents, archives, and other files on
line in seconds, to distribute files on internet or on your network. This
powerful FTP Server may be used for business, corporate or even home use.
It uses through a fully graphical interface. It is extremely easy to use.
Conti FtpServer doesn't require special training and can be easily setup
even by inexperienced users.
</description>
<pubDate>Wed, 12 Jul 2006 17:16:45 GMT</pubDate>
</item>
</channel>
</rss>

Editarea fiierelor RSS feed se poate face cu orice editor simplu de text (.txt de exemplu
Notepad).
Definirea unui canal se face ntre tag-urile <channel> i </channel>.
n seciunile channel i item trebuie actualizate trei informaii:
title - numele site-ului
link - URL-ul home page-ul site-ul
description -o scurt descriere a site-ului
Imaginea RSS feed (tag-ul image) este opional.
Imaginea (logo-ul) se poate descrie prin intermediul subseciunilor:
title - numele imaginii, utilizat pentru tag-ul alt
url - URL-ul imaginii
link - URL -ul unde se va ajunge dup click pe imagine de obicei e url-ul
canalului
opional se pot folosi width pentru limea imaginii n pixeli i height pentru
nlimea imaginii n pixeli.
Articolele pe care vizitatorii le pot citi pe site, sunt puse ntre o pereche de tag-uri
<item> i </item>, cuprinznd informaiile:
title titlu articol
link - URL-ul articolului
description - sumar articol, pot aprea i numele autorului i data publicrii.
135

Caracterele speciale pe care fiierele RSS le pot folosi n afiare sunt aceleai ca la
fiierele HTML. n acest sens se utilizeaz & i ; pentru delimitare. Exemplu: &amp;
pentru & sau &gt; pentru >, sau &lt; pentru < (vezi subcapitolul Blocuri de text al
capitolului Limbajul HTML).
Atunci cnd se ncarc pe un server un fiier RSS este bine ca el s fie pus n acelai
director cu pagina principal (home page).
Icon-ul cel mai frecvent utilizat n paginile Web pentru a se indica link-urile ctre fiiere
RSS este: RSS.

Agregatoare
Exist dou tipuri de agregatoare: centralizate i personale.
Un agregator centralizat este utilizat de un numar mare de persoane. Fiecare
utilizator se aboneaz la o colecie de RSS-uri, pe care le poate sorta pe categorii, poate
realiza cutri n baza de date a agregatorului care conine itemii tuturor RSS-urilor
monitorizate.
Unele agregatoare sunt free, cum este Bloglines - http://www.bloglines.com.
Un agregator personal este o aplicaie software care ruleaz local. El poate
accesa un agregator centralizat sau direct un canal RSS. Exemple sunt: RSSReader http://www.rssreader.com, Active Web Read - http://www.deskshare.com/awr.aspx,
http://www.disobey.com/amphetadesk,
FeedDemon
Amphetadesk
http://feeddemon.com/feeddemon/index.asp.
Agregatoarele fac parte dintr-o categorie mai larg de aplicaii, numite harvesters.
Acestea preiau metadate aflate pe diferite servere i le furnizeaz ntr-o form specific
diferitelor aplicaii. De exemplu cea mai cunoscut initiativ metadata harvesting n
educaie este Open Archives Initiative (OAI) - http://www.openarchives.org/, care
permite accesul la articole academice.
Cautarea Google cu "metadata harvesting" projects va localiza proiecte
similare.
Alte aplicaii sunt headline viewers, al cror scop este de a furniza o list de titluri oferite
de
un
agregator.
O
astfel
de
aplicaie
este
HeadlineViewer
http://www.headlineviewer.com. Deosebirea dintre un headline viewer i un agregator
personal const n aceea c primul ofer o list de canale legate de o anumit topic,
nefiind necesar o nscriere. Agregatorul personal solicit nsrierea.
Alte informaii despre RSS pot fi gsite la adresa:
http://msdn.microsoft.com/msdnmag/issues/04/04/XMLFiles/default.aspx
O aplicaie (un agregator personal) software local foarte mult folosit n citirea
informaiilor RSS sub Windows (rss reader for win32-systems) este programul freeware
wTicker.
El
poate
fi
descrcat
de
la
adresa:
http://www.chip.de/downloads/c1_downloads_13015057.html#
Interfaa programului este simpl, intuitiv i foarte uor de utilizat.

136

Teme de reflecie i aplicaii

-

Experimentai lucrul cu messenger-ele Windows Live Messenger i Yahoo.

Documentai-v din Internet cu informaie suplimentar referitoare la Weblog.
Specificai avantajele Weblogs. Vizitai cteva Weblogs din Internet.
Experimentai abonarea la grupurile de discuii Yahoo.
Care este structura fiierelor RSS?
Creai un fiier RSS pentru documentarea clienilor unei companii.
Experimentai informarea RSS din mai multe canale de documentare utiliznd un
RSS-Reader.

137

8. Elemente de design ale paginilor ale paginilor Web

Un element esenial pentru oricare site este uurina n navigare n cadrul
acestuia. Aici sunt importante etichetele i indicaiile (tool tip-urile) care descriu exact i
n acelai timp succint destinaia i/sau rezultatul unui anumit link. Vizitatorul trebuie s
poat identifica rapid legturile pe care dorete s s le urmeze.
Orice vizitator trebuie s tie n orice moment unde se afl n site i de aceea
trebuie proiectat foarte atent structura modului de navigare. Astfel n cazul unui
meniu trebuie marcat seciunea aleas de vizitator. n cazul unui meniu cu submeniuri
este util ca n momentul n care s-a realizat o selecie a unui element de meniu s se
deschid submeniul acestuia i s se ascund cel al opiunii selectate anterior.
Link-urile ctre pagina principal (home page) i ctre cele de start ale
categoriilor trebuie plasate pe fiecare pagin. n site plasarea categoriilor importante se
va face la nceputul unei pagini iar a celor adiionale mai jos. Este recomandabil
includerea n fiecare pagin a unor link-uri ctre seciunile cele mai importante ale siteului. Pentru o navigare uoar se poate furniza i o hart a site-ului.
Dac n pagin exist multe informaii (care depesc dimensiunea vertical a
ferestrei browser-ului) atunci se vor plasa link-uri ctre partea superioar a paginii astfel
nct vizitatorul s nu fie obligat s deruleze napoi toat pagina pentru a merge mai
departe.
Chiar dac site-urile bazate pe imagini grafice impresioneaz mai mult, totui de
cele mai multe ori vizitatorii caut informaii bazate pe text. n acest sens formatarea i
prezentarea textului reprezint elemente importante de design n realizarea site-ului. Un
procedeu mult utilizat este cel de a realiza o serie de rezumate despre coninutul
seciunilor (sau al articolelor) astfel nct vizitatorul s poat gsi foarte repede ceea ce
caut. Este recomandabil utilizarea unui sistem piramidal astfel nct vizitatorul s poat
vedea nc de la nceput cteva detalii despre subiect i dac dorete s poat accesa tot
textul.
Se recomand ca seciunile de link-uri s fie separate de text. De asemenea
seciunile de link-uri se vor plasa la nceputul i la sfritul textului pentru a nu distrage
atenia n citirea i nelegerea acestuia.
O problem important o reprezint alegerea caracterelor cu care va fi scris
textul. Browser-ele vor afia diferit textul n funcie de tipul lor i de sistemul de operare
sub care lucreaz. Nu trebuie folosite fonturi care este probabil s nu existe pe sistemul
de operare al vizitatorului. Caracterele diacritice vor fi afiate corect sau nu n funcie de
meta tag-urile utilizate n pagini i de configurarea browser-ului. De exemplu pentru a
putea fi realizat corect scrierea cu diacritice romneti trebuie ca fontul utilizat s fie
instalat la client iar n paginile Web s existe: <meta http-equiv=content-Type
content=text/html;charset=ISO-8859-2>.
Studiile efectuate n privina formatrii textului au indicat c este mai uor de citit
un paragraf aliniat la stnga dect unul centrat sau aliniat la dreapta.
n ceea ce privete browser-ul i rezoluia, unele site-uri specific n mod expres
aceste elemente (browser-ul, rezoluia i adncimea de culoare) pentru care au fost
proiectate. Grafica utilizat n site reprezint un subiect foarte important ce trebuie
cunoscut de ctre proiectanii de pagini Web. Atunci cnd se ncepe proiectarea unui site

138

Web primul lucru care trebuie efectuat este stabilirea unei scheme de culori. Dei pare o
decizie simpl schema de culori aleas poate atrage sau ndeprta muli vizitatori.
Cu ct sunt utilizate mai multe culori ntr-un un site, cu att mai mult se dovedete
un aspect neprofesional al proiectrii acestuia. Una dintre schemele de culori folosite cel
mai frecvent este text negru pe fond alb. Pentru ca scrisul s fie lizibil culoarea sa i cea a
fondului trebuie s fie complementare. n general se obinuiete ca textul s aib o
culoare nchis, n timp ce fundalul s aib una deschis. Site-urile care utilizeaz o
schem invers celei prezentate sunt mai obositoare, ceea ce determin cel mai frecvent
ca un vizitator s nu ncarce mai mult de trei pagini. Totui schema de culori reprezint
un element subiectiv i de aceea se recomand dac este posibil, ca fiecare vizitator al
site-ului s-i poat alege interactiv o schem de culori care i convine cel mai mult. O
adres Web la care pot fi ntlnite mai multe scheme de culori recomandate poate fi
gsit la www.colorschemer.com.
Imaginile reprezint un element grafic de atracie al site-ului. Ele pot fi statice
sau animate, ns n ambele cazuri se recomand ca dimensiunea lor s fie ct mai mic,
pentru a determina o vitez ridicat de ncrcare a paginilor site-ului.
ntr-un site imaginile pot fi ajuttoare sau detaliate. Cele ajuttoare au dimensiuni
mai mici i o rezoluie mai sczut. Opional prin accesarea lor pot deveni vizibile
imaginile detaliate care au dimensiuni mai mari i rezoluii mai bune. Este bina ca suma
imaginilor ajuttoare de pe o pagin s nu depeasc cteva zeci de kb.
Cel mai frecvent se utilizeaz n paginile Web imagini n format GIF sau JPEG.
Formatul GIF este mai bun pentru redarea imaginilor care au suprafee fr detalii.
Totui formatul GIF este limitat doar la o palet de maxim 256 culori. Imaginile care
conin diferite tonaliti de culoare pot fi redate cel mai bine n formatul JPEG care
permite afiarea a peste 16 milioane de culori. Imaginile animate sunt de tip GIF animat
care permite memorarea unei secvene formate din mai multe imagini succesive ce pot fi
afiate cu o anumit vitez de rulare n mod transparent sau nu. Dac se dorete utilizarea
unor animaii speciale pot fi folosite obiectele flash - Macromedia, dar care necesit
foarte multe resurse att n proiectare ct i n afiare, ceea ce determin pentru vizitator
necesitatea de a avea o lime de band destul de mare pentru a nu atepta foarte mult
ncrcarea acestora.
Foarte frecvent fiierele de tip imagine au foarte multe culori i nuane. Astfel ele
tind s fie foarte mari i implic un timp mare de descrcare, ceea ce poate determina pe
unii vizitatori s abandoneze consultarea site-ului. Fiierele de tip imagine care se vor
utiliza n paginile Web trebuie s fie optimizate. Exist mai multe metode pentru a
realiza un compromis ntre o imagine cu multe culori i o vitez crescut de descrcare a
ei. Dimensiunea fiierelor de tip imagine poate fi micorat prin reducerea paletei de
culori i prin reducerea dimensiunilor orizontale i verticale ale imaginii. Rezoluia
standard pentru imaginile de Web este de 72 dpi.

139

9. Instrumente software de generare a paginilor Web

n prezent exist multe programe performante, foarte utile n generarea paginilor
Web. Unele dintre acestea ofer o interfa grafic de dezvoltare iar altele sunt mai mult
bazate pe dezvoltarea de cod HTML. De asemenea toate aplicaiile importante din suita
MS-Office (Word, Excel, Powerpoint, Access) ofer posibilitatea importului i
exportului din i n format HTML a documentelor cu care lucreaz.
ntre programele specializate n generarea paginilor Web n format HTML, care
sunt cel mai frecvent utilizate n prezent, pot fi enumerate: Macromedia Dreamweaver
(considerat a fi cel mai performat la ora actual), Frontpage, Netscape Composer,
NetObjects Fusion, Macromedia Homesite, Adobe GoLive, HotDog, Xara, Namo
WebEditor, HotMetal, CoffeCup HTML, Note Tab Pro, HandyHTML, AceHTML,
EasyHTML, CuteHTML. ntruct o prezentare exhaustiv a acestor programe ar depi
cu mult nivelul propus pentru prezentul volum i deoarece multe din facilitile i
procedurile de lucru pe care produsele software enumerate le ofer sunt asemntoare, se
va insista doar pe prezentarea selectiv a celor mai importante modaliti de lucru i
elemente de interfa grafic i de editare ale urmtoarelor programe: Note Tab Pro,
Netscape Composer i Macromedia Dreamweaver.

Note Tab Pro

Este un program foarte performant de editare a documentelor de tip text. Poate
lucra simultan cu mai multe documente odat i ofer suport pentru generarea codului
paginilor HTML. Programul poate fi folosit free (liber) ntr-o variant mai restrns.
Chiar dac la fel ca i Notepad, Note Tab Pro este un program bazat doar pe
editarea textului i nu ofer o interfa grafic de dezvoltare, totui acest produs software
are foarte multe caliti care l ridic mult deasupra editorului de text implicit al
sistemului de operare Windows (Notepad). Note Tab Pro ofer un suport software foarte
puternic pentru crearea textului care st la baza codului HTML. n acest sens pune la
dispoziie doi asisteni software i un toolbar special pentru generarea de cod HTML.
Aceste elemente sunt relevate n imaginea urmtoare.
n continuare este prezentat modul n care suportul specializat pentru producerea
de cod HTML vine n ajutorul utilizatorului atunci cnd se dorete introducerea codului
corespunztor unui tabel:

140

Codul generat de aciunea anterioar (inserarea unui tabel) este evideniat prin textul
selectat de mai jos:

Netscape Composer
Netscape Composer este un program care completeaz suita Netscape, foarte util
n generarea facil a paginilor Web. Fiind o component Netcape, Netscape Composer
poate fi folosit n mod liber. Programul utilizeaz o interfa grafic de dezvoltare i este
intuitiv, fiind n acest sens uor de folosit chiar de ctre persoane care nu cunosc dect
elementele eseniale ale limbajului HTML.

141

Interfaa grafic pe care o ofer este n parte asemntoare cu cea a produsului

Word. Astfel pot fi inserate cu uurin prin intermediul unui Toolbar specializat, obiecte
specifice limbajului HTML cum sunt: linii, imagini, link-uri tabele etc i poate fi formatat
textul din pagin ntr-un mod similar cu cel din Word. Efectul aciunilor de inserare a
obiectelor i de formatare este imediat i apare instantaneu n fereastra grafic de editare.
Fereastra grafic prezint informaia coninut, ntr-un mod similar n care aceasta ar
aprea sub un browser Netscape. Deoarece ntre cele dou browser-e utilizate cel mai
frecvent (Netscape i Internet Explorer) pot aprea unele diferene la afiarea paginilor
Web este recomandat ca pagina HTML generat s fie verificat i sub Internet Explorer.
Iat n continuare interfaa grafic a acestui produs software:

O parte din codul generat de ctre Netscape Composer, corespunztor cu

coninutul ferestrei grafice anterioare este:

142

Macromedia Dreamweaver
Macromedia Dreamweaver este considerat n literatura de specialitate, ca fiind cel
mai performant editor de cod HTML pentru paginile Web. Dreamweaver este o
component a suitei Macromedia care ofer n plus i alte programe performante cum
sunt Flash (un editor de grafic i animaie interactiv, foarte mult utilizat astzi n
paginile Web sub forma componentelor Flash .swf), Fierworks i FreeHand (dou
editoare grafice de asemenea foarte performante).
Programul Dreamweaver ofer o interfa grafic intuitiv, puternic, care pune la
dispoziie multe instrumente i faciliti utile dezvoltatorilor profesioniti de pagini Web
cum sunt:
- generarea de cod JavaScript ce poate fi inclus n paginile Web pentru a da
acestora o interactivitate mai mare,
- inserarea de cod PHP,
- inserarea de controale ActiveX,
- corectarea automat a codului HTML eronat,
- optimizarea codului HTML,
- includerea componentelor Flash i Fireworks,
- o gestionare puternic a tuturor paginilor Web i obiectelor ce compun un site,
- o aplicaie de tip client FTP prin intermediul creia poate fi actualizat cu uurin
la distan, coninutul unui Website,
- posibilitatea de a verifica funcionarea codului generat sub mai multe browser-e,
- asisteni software,
- un tutorial de autoinstruire foarte bine realizat etc.
Dreamweaver se adreseaz n primul rnd dezvoltatorilor profesioniti de pagini
Web. Se consider c pot lucra bine cu acest program i dezvoltatorii nceptori, care
cunosc limbajul HTML. De multe ori se apreciaz n mod greit c Dreamweaver se
adreseaz celor care doresc s creeze pagini Web, dar care nu trebuie s cunoasc
limbajul HTML, deoarece interfaa grafic foarte puternic a produsului substituie acest
lucru. Trebuie menionat faptul c nu ntotdeauna un editor de pagini Web bazat pe o
interfa grafic de dezvoltare va genera un cod HTML performant, care s corespund
de fiecare dat exigenelor ateptate. Este de remarcat faptul c Dreamweaver pune la
dispoziie utilizatorilor dou ferestre:
- una n partea de sus care conine codul HTML pe care produsul l genereaz
instantaneu atunci cnd se lucreaz grafic (n a doua fereastr) i
- cea de-a doua n partea de jos care conine i reprezint grafic toate componentele
paginii Web. n aceast fereastr se poate dezvolta ntr-un mod vizual coninutul
paginii HTML.
Iat n continuare interfaa de dezvoltare a produsului:

143

Fereastra de dezvoltare grafic (din partea de jos) i fereastra de cod (din partea
de sus) funcioneaz sincron. Orice modificare fcut ntr-una dintre aceste ferestre se
reflect instantaneu n cealalt. Iat n continuare un exemplu elocvent care prezint felul
n care se reflect reciproc cele dou ferestre:

n interfaa de dezvoltare Dreamweaver sunt de remarcat seciunile din bara

Insert care disponibilizeaz bare de instrumente ce conin obiectele specifice care pot fi
144

inserate n pagin (Common, Layout, Text, Tables, Frames, Forms, Media etc). Oricare
dintre aceste obiecte genereaz atunci cnd este plasat n fereastra grafic un cod HTML
corespunztor cu atributele corespondente din seciunea Properties (aflat n mod normal
sub fereastra grafic). Atributele din seciunea Properties pot fi modificate interactiv.
Codul integral generat (n fereastra de cod) corespunztor ferestrei grafice de mai
sus este:
<html>
<head>
<title>Exemplu de pagina HTML realizata in Dreamweaver</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>
<body>
Aceasta este <font size="4"><b><i>o pagin Web</i></b></font> realizat n
<b>Dreamweaver</b>.<br><hr>
<table width="40%" border="1" bgcolor="#FFFFCC">
<tr>
<td><div align="center"><b>Coloana 1</b></div></td>
<td><div align="center"><b>Coloana 2</b></div></td>
</tr>
<tr>
<td><div align="center">11</div></td>
<td><div align="center">12</div></td>
</tr>
</table>
<br>
</body>
</html>
Este de remarcat felul n care codul este redactat automat ntr-o form identat, foarte
lizibil i faptul c acesta poate fi evideniat n culori diferite n funcie de coninut.
Dreamweaver ofer suport pentru testarea sub mai multe browser-e a funcionrii
paginii pe care a generat-o:

Deoarece unele produse cum este Word-ul ofer n urma exportului un cod
HTML redundant, Dreamweaver, asigur prin intermediul meniului Commands un suport
software pentru curare:

145

Suportul de autoinstruire pentru utilizarea produsului este interactiv i foarte bine

realizat:

146

10. Simulri practice Informaie i Comunicare

-I1. Deschidei un document Word nou. Introducei datele dvs. de identificare pe primul rnd
al documentului i salvai fiierul sub numele examen.doc n folder-ul Modul 7.
2. Descriei n cteva cuvinte facilitile serviciului www i salvai rspunsul n fiier.
3. Deschidei o aplicaie de navigare pe Internet.
4. Schimbai pagina de start n http://www.comunicare.ro; accesai pagina de start a
aplicaiei.
5. Deschidei o nou fereastr n aplicaie i accesai URL-ul http://www.snspa.ro.
6. Revenii la prima fereastr i accesai link-ul Cine suntem noi? existent n aceast pagin.
7. Salvai pagina Web n format html.
8. Copiai primele trei rnduri din aceast pagin n fiierul examen.doc.
9. Revenii la pagina iniial i tiprii-o (pe imprimanta disponibil sau n fiier n folder-ul
Modul 7) n format tip vedere.
10. Salvai fiierul examen.doc i nchidei toate aplicaiile existente.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

Deschidei o aplicaie electronic de e-mail.

Introducei adresa e-mail a facultii n Address Book.
Folosind lista de adrese (Address Book) vei trimite un mesaj nou ctre aceast adres.
Introducei Rezultate modul 7 n cmpul Subject i ataai fiierul examen.doc.
Trimitei mesajul i sortai mesajele din Sent Items dup Subject n ordine
descresctoare.
Deschidei primul mesaj din folder-ul Sent Items.
Selectai primul paragraf i tiprii selecia (pe imprimanta disponibil sau n fiier n
folder-ul Modul 7).
Vei retransmite mesajul (Forward) ctre adresa stanp@yahoo.com.
Introducei adresa bdacnciu@hotmail.com n cmpul To i trimitei mesajul.
nchidei aplicaia.

- II 1. Deschidei un document Word nou. Introducei datele dvs. de identificare pe primul rnd
al documentului i salvai fiierul sub numele de informatii.doc.
2. Deschidei o aplicaie de navigare pe Internet.
3. Accesai URL-ul http://www.comunicare.ro .
4. Adugai adresa paginii n Bookmarks (Favorites).
5. Introducei n fiier adresa paginii de start a aplicaiei i salvai.
6. Accesai pagina de nouti (News ) folosind hyperlink-ul existent.
7. Copiai sigla facultii (sau adresa locaiei imaginii) n fiier i salvai.
8. Setai aplicaia astfel nct s ncarce doar textul, nu i imaginile i rencrcai pagina
folosind butonul potrivit.
9. Schimbai orientarea paginii n tip vedere i salvai pagina n format html.
10. Salvai fiierul i nchidei toate aplicaiile existente.
1.
2.
3.
4.
5.
6.
7.
8.
9.

Deschidei o aplicaie electronic de e-mail.

Sortai mesajele din Inbox dup subiect n ordine cresctoare.
Deschidei primul mesaj care are fiiere ataate.
Deschidei un nou mesaj de e-mail i copiai textul din mesajul anterior n mesajul nou.
Introducei adresa e-mail a facultii n cmpul To i stanp@yahoo.com n cmpul Cc.
Introducei Test Informatie si Comunicare n cmpul Subject i trimitei mesajul.
Revenii la primul mesaj i marcai-l (cu un stegule).
Salvai unul din fiierele ataate mesajului n folder-ul Modul 7.
Tiprii primul mesaj n 2 copii (pe imprimanta disponibil sau n fiier n folder-ul Modul
7).
10. nchidei aplicaia.

147

- III 1. Deschidei un document Word nou. Introducei datele dvs. de identificare pe primul rnd
al documentului i salvai fiierul sub numele test1.doc.
2. Descriei pe scurt termenul de HTTP, introducei rspunsul n fiier i salvai.
3. Deschidei
o
aplicaie
de
navigare
pe
Internet
i
accesai URL-ul:

http://www.ecdl.org.ro .
4.
5.
6.
7.
8.
9.
10.

Copiai sigla ECDL n fiier i salvai.

Accesai pagina fundaiei ECDL folosind image link-ul cu sigla ECDL existent.
Copiai data din colul din dreapta sus al paginii de Web n fiier i salvai.
Revenii la pagina anterioar i salvai-o n format txt.
Accesai pagina de start a aplicaiei i copiai URL-ul acesteia n fiier.
Schimbai orientarea paginii n tip portret i tiprii.
Salvai fiierul i nchidei toate aplicaiile.

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

Deschidei o aplicaie electronic de e-mail.

Creai un nou sub-folder n folder-ul Sent Items.
Numii acest folder Folder Test.
Sortai mesajele din folder-ul Sent Items n ordine cresctoare dup subiect.
Mutai cteva mesaje care au fiiere ataate n Folder Test.
Marcai toate mesajele din Folder Test.
Deschidei un nou mesaj i introducei adresa stanp@yahoo.com n cmpul To.
Introducei Rezultate modul 7 n cmpul Subject i ataai fiierul test1.doc.
Trimitei mesajul i la adresa bdacnciu@hotmail.com folosind funcia Carbon copy (Cc) .
nchidei aplicaia.

ndrumar metodologic privind realizarea proiectului

1. Obiectivul:
Crearea unui site pentru o organizaie public sau privat (de preferat real i nu
ipotetic).
2. Alegerea organizaiei:
Studenii se vor orienta ctre acele firme sau organizaii care vor accepta colaborarea
cu ei pe perioada realizrii proiectului. Pot fi firme sau organizaii:
la care studentul este angajat sau lucreaz n colaborare;
pe care studentul le cunoate foarte bine;
care accept realizarea unui site de ctre student pe o perioad determinat.
3. Documentarea n vederea realizrii proiectului presupune:
interviuri cu managerii organizaiei, cu angajaii, clienii, partenerii sau cu
publicul larg despre scopul i activitile organizaiei;
strngerea informaiilor sub form de text, imagini, sunete, videoclipuri etc. legate
de organizaie;
strngerea de sigle, logo-uri, adrese, liste de parteneri, oferte de produse etc.;
fonturi i culori favorite.
4. Proiectarea presupune:
stabilirea coninutul fiecrei pagini web, a imaginilor i a legturilor dintre ele;
stabilirea elementelor constituente ale paginii principale (Home page);
stabilirea unei hri a site-ului;
stabilirea aplicaiilor care vor fi utilizate pentru realizarea paginilor web (editoare
HTML, editoare grafice);
proiectul va avea minim 5 pagini n format HTML i minim 5 imagini;

148

toate link-urile vor fi funcionale i vor trebui s existe link-uri sau butoane pentru
navigarea n site (nainte, napoi, ctre pagina principal .a.).
5. Implementarea proiectului presupune:
optimizarea imaginilor pentru web (orice imagine va fi sub 100KB);
crearea paginilor web, inserarea imaginilor i a legturilor;
introducerea de diacritice romneti dac site-ul va fi n limba romn;
introducerea datelor legate de autorul proiectului.
6. Testarea proiectului presupune
corectarea textului, a legturilor;
verificarea funcionrii corecte pe mai multe computere, avnd monitoare de
rezoluii diferite (800 X 600 pixeli, 1024 X 768 pixeli etc), utiliznd mai multe
browsere (Internet Explorer, Netscape Navigator, Opera etc.).
7. Predarea proiectului presupune
alegerea suportului (dischete sau CD);
alegerea datei de predare (ziua programat pentru examen).

Teme de reflecie i aplicaii

-

Documentai-v suplimentar asupra subiectului Elemente de design ale paginilor

ale paginilor Web. Utilizai i informaia furnizat de ctre motoarele de cutare.
Analizai o organizaie public sau privat a crei imagine pe Internet va fi
prezentat prin intermediul unui website care va face obiectul proiectului.
Documentai-v i adunai resursele necesare (imagini, informaii despre produse
posibiliti de contact etc).
Realizai harta website-ului.
Experimentai lucrul cu programul Dreamweaver pentru generarea paginilor Web
ale proiectului.
Testai funcionarea website-ului.

149

11. Teste de autoevaluare

1. Proiectul ARPA i-a propus:
a) realizarea primei reele locale de calculatoare
b) realizarea unei reea de reele de calculatoare
c) realizarea unei reele publice de calculatoare
2. I.P. reprezint:
a) un proiect Internet
b) un serviciu Internet
c) un protocol Internet
3. WWW este un .. Internet care permite transferul informaiei
n format
4. Serviciul FTP este destinat pentru:
a) transferul de informaie multimedia
b) transferul de fiiere
c) transferul de protocoale
d) transferul mesajelor e-mail
e) transferul ctre alte locaii Internet
5. Serviciul WWW lucreaz prin intermediul protocolului:
a) FTP
b) TELNET
c) NEWS
d) HTTP
e) SMTP
6. Serviciul e-mail este un serviciu de pot electronic care poate lucra pe baza
protocolului i care pe lng transferul de electronice permite i
transferul de ataate.
7. Serviciul NEWS
a) este un serviciu de CHAT
b) permite accesul activ la grupurile de discuii pe domenii de interes
c) este un serviciu de informare pentru tirile de pres
d) este un serviciu de securitate al tirilor
e) permite informarea n Internet pe baza serviciilor WWW i FTP.
8. Protocolul HTTP asigur metoda de acces la resursele din Internet n format
prin intermediul serviciului
9. Sintaxa URL este:
:// / / #

150

10. Adresa IP este un numr binar pe .. de bii care se exprim prin .

grupe de numere zecimale cuprinse ntre 0 i ...
11. Specificai care din urmtoarele adrese IP sunt corecte:
a) 193.100.256.1
b) 194.128.129.199
c) 251.100.100.1
d) 0.0.0.0
e) 127.0.0.1
12. Adresele IP se grupeaz n clase de adrese. Exist tipuri de clase.
13. Gsii corespondena corect ntre clasele de adrese i forma lor de exprimare
(r = reea, c = calculator)
clasa C
clasa B
clasa A
14. O clas de tip C poate avea cel mult
a) 512 adrese
b) 256 adrese
c) 255 adrese
d) 128 adrese
e) 64 adrese
15. n cazul n care se schimb adresele IP corespondente unui domeniu, este obligatorie
i schimbarea numelui de domeniu ?
a) da
b) nu
16. Nivelul reea este nivelul fizic reprezentat de mediul prin care circul pachetele de
date. La acest nivel exist mai multe protocoale n funcie de tipul reelei de computere.
Acestea pot fi:
a)
b)
c)
17. Care dintre urmtoarele afirmaii sunt corecte ?
a) Plcile de reea au o adres hardware unic nscris n momentul fabricrii.
b) Plcile de reea nu au o adres hardware unic. Adresele lor pot fi modificate.
c) Adresa hardware a plcilor de reea este un numr pe 48 de bii format din 6 grupe
de cte 2 cifre hexagesimale.
18. Trecerea de la numele de domeniu la adresa IP este realizat de ctre serviciul
19. Browser-ul Internet este o aplicaie de tip

151

20. Tehnologia client-server presupune

a) existena unui browser instalat pe calculatorul client
b) existena unei aplicaii de tip server
c) existena unei aplicaii de tip client
d) existena unui server Web instalat pe calculatorul server
e) existena serviciului www i a protocolului http.
21. Este posibil funcionarea unei aplicaii de tip server i a unei aplicaii de tip client pe
acelai calculator ?
a) da
b) nu
22. Comanda ping
a) listeaz numele gazd al computerului
b) verific conexiunea cu un computer prin trimiterea i recepionarea unui pachet de
date de dimensiuni reduse
c) listeaz adresa hardware a plcii de reea i tabela de rutare
d) listeaz server-ele intermediare ntre un computer surs i un computer destinaie
23. Comanda hostname
a) listeaz numele gazd al computerului
b) verific conexiunea cu un computer prin trimiterea i recepionarea unui pachet de
date de dimensiuni reduse
c) listeaz adresa hardware a plcii de reea i tabela de rutare
d) listeaz server-ele intermediare ntre un computer surs i un computer destinaie
24. Comanda route print
a) listeaz numele gazd al computerului
b) verific conexiunea cu un computer prin trimiterea i recepionarea unui pachet de
date de dimensiuni reduse
c) listeaz adresa hardware a plcii de reea i tabela de rutare
d) listeaz server-ele intermediare ntre un computer surs i un computer destinaie
e) listeaz adresa IP a computerului, masca de reea i poarta implicit
25. Comanda ipconfig
a) listeaz numele gazd al computerului
b) verific conexiunea cu un computer prin trimiterea i recepionarea unui pachet de
date de dimensiuni reduse
c) listeaz adresa hardware a plcii de reea i tabela de rutare
d) listeaz server-ele intermediare ntre un computer surs i un computer destinaie
e) listeaz adresa IP a computerului, masca de reea i poarta implicit
26. Comanda tracert
a) listeaz numele gazd al computerului

152

b) verific conexiunea cu un computer prin trimiterea i recepionarea unui pachet de

date de dimensiuni reduse
c) listeaz adresa hardware a plcii de reea i tabela de rutare
d) listeaz server-ele intermediare ntre un computer surs i un computer destinaie
27. Stuctura standard a unui fiier HTML este:
<html>
<. ..>
<title>< >

</head>
<body>

</body>
< >
28. ntr-un document HTML culoarea poate fi specificat conform modelului de culoare
RGB (Red, Green, Blue). Construcia rrggbb specific culoarea prin intermediul a trei
grupe de numere .
29. Gsii corespondena corect ntre codurile de culoare i culorile rezultate
FFFFFF
000000
FF0000
00FF00
30. ntr-un document HTML setarea fontului de baz al paginii se realizeaz prin
intermediul tag-ului <. ..> (font, basefont, head, style). Un parametru al acestui
tag prin intermediul cruia poate fi setat dimensiunea fontului este SIZE. Dimensiunea
maxim este .... (6,7,8,12).
31. Culoarea codificat 0000FF este ...
32 Setarea marginilor unei pagini Web se face prin intermediul atributelor leftmargin i
topmargin care pot aprea n tag-ul ..
33. Scrierea cu caractere ngroate (bold) se realizeaz cu ajutorul tag-urilor
a) <b></b>
b) <u></u>
c) <big></big>
d) <bold></bold>
e) <basefont></basefont>
34. Scrierea cu caractere nclinate se realizeaz cu ajutorul tag-urilor
a) <b></b>
b) <u></u>

153

c) <i></i>
d) <bi></bi>
e) <italic></italic>
35. Sub Internet Explorer scrierea cu caractere clipitoare se poate realiza
a) prin intermediul tag-urilor <blink></blink>
b) prin gif-uri animate
c) prin intermediul obiectelor ActiveX
36. Care exprimri sunt corecte
a) <font size=5> text </font>
b) <font size=-3> text </font>
c) <font size=+2> text </font>
d) <font size=8> text </font>
e) <font size=10%> text </font>
37. Blockquote realizeaz:
a) marcarea unui bloc de text
b) identarea unui bloc de text
c) mrirea unui bloc de text
d) spaierea unui bloc de text
38. ntr-un document HTML pot fi introduse mai multe spaii blanc succesive
utiliznd:
a) mai multe caractere blanc
b) irul de caractere &nbsp
c) irul de caractere &blanc
d) irul de caractere &space
39. Specificai variantele corecte n care un paragraf poate fi aliniat prin atributul align
introdus prin intermediul tag-urilor <p> </p:
a) <p align=left> text </p>
b) <p align=right > text </p>
c) <p align=top> text </p>
d) <p align=bottom> text </p>
e) <p align=center> text </p>
40. Tag-ul pentru trasarea liniilor orizontale este ... . Parametrii acestui tag pot
fi: width, align, color, noshade i .. Ultimul parametru este utilizat pentru
specificarea grosimii n pixeli a liniei.
41. Documentele HTML pot conine
liste ordonate specificate prin .. i
liste neordonate specificate prin ...
42. Pentru listele de definiii se utilizeaz tag-urile:

154

a) <li>, </li>, <dl>, </dl>, <dt>, <dd>

b) <dl>, </dl>, <dt>, <dd>
c) <list>, </list>, <dl>, </dl>, <dt>, <dd>
43. Pentru a insera un tabel ntr-o pagin Web utilizm <table> i </table>.
n cadrul acestor tag-uri:
- fiecare rnd al unui tabel (table row) se specific prin tag-ul ...
- fiecare celul de date (table data) dintr-un rnd se specific cu tag-ul ..
Grosimea n pixeli a chenarului tabelului se stabilete prin atributul ...
Culoarea de fond a unui tabel se stabilete prin atributul ..
44. Distana dintre dou celule vecine ale unui tabel poate fi setat cu parametrul ..
Distana dintre marginea unei celule i coninutul ei poate fi setat cu parametrul ..
45. Dimensiunile unui tabel pot fi setate n tag-ul <table > prin intermediul
parametrilor width i height. Aceti parametrii pot avea valori specificate:
a) n cifre absolute
b) procentual
c) mixt (n cifre absolute i/sau n procente)
46. Prin intermediul atributului valign coninutul unei celule dintr-un tabel poate fi
aliniat:
a) ...
b) ...
c) ...
d) ...
47. ntr-un tabel extinderea unei celule peste celulele din dreapta ei se face cu ajutorul
atributului .. iar extinderea unei celule peste celulele de sub ea se face cu
atributul ..
48. Specificai atributele care pot fi utilizate sub Internet Explorer pentru setarea imaginii
din fundal i a felului n care apare chenarul unui tabel.
a) background
b) bordercolor
c) bordercolorlight
d) bordercolordark
49. Unele dintre cele mai cunoscute extensii ale fiierelor care conin imagini grafice
sunt:
.... . .... . .... ..
50. Care dintre urmtoarele formulri sunt corecte:
a) <img src=a1.gif>
b) <img src=a1.gif width=200 height=20%>
c) <img src=a1.gif align=right lowsrc=a2.gif alt=Explicaie>

155

d) <img lowsrc=a2.gif>
51. Prin intermediul tag-ului <body> poate fi setat fondul unei pagini Web.
Culoarea de fond a paginii se stabilete prin atributul ..
Imaginea de fond pentru pagin se stabilete prin atributul ....
52. Pot fi inserate imagini n celulele unui tabel ?
a) da
b) nu
53. Pot fi inserate mpreun i imagini i text n celulele unui tabel ?
a) da
b) nu
c) numai utiliznd anumite setri speciale
54. Urmtoare secven de cod html
<a href=a1.gif><img src=a2.gif>TEXT</a>
realizeaz:
a) un link pe imaginea a1.gif care la accesare va face posibil afiarea imaginii
a2.gif
b) un link pe imaginea a2.gif care la accesare va face posibil afiarea imaginii
a1.gif
c) un link pe imaginea a2.gif i cuvntul TEXT care la accesare va face posibil
afiarea imaginii a1.gif
d) un link pe imaginea a1.gif care la accesare va face posibil afiarea cuvntului
TEXT
e) un link pe imaginea a2.gif care la accesare va face posibil afiarea cuvntului
TEXT
55. Urmtoarea secven de cod html
<a href=p1.html><img src=a.gif>TEXT</a>
realizeaz:
a) un link pe imaginea a.gif care la accesare va face posibil saltul la pagina p1.html
b) un link pe imaginea a.gif i cuvntul TEXT care la accesare va face posibil saltul
ctre pagina p1.html
c) un link pe imaginea a.gif care la accesare va face posibil afiarea cuvntului
TEXT
56. Care dintre urmtoarele afirmaii sunt corecte:
a) sunt posibile link-uri ctre imagini i ctre adrese din cadrul paginii curente
b) sunt posibile link-uri ctre fiiere locale i externe de tip documente Word
c) sunt posibile link-uri ctre alte pagini Web locale sau ctre alte adrese IP
d) sunt posibile link-uri ctre anumite adrese din interiorul unor documente Word
e) sunt posibile link-uri doar n condiiile n care exist lansate o aplicaie de tip
server i una de tip client

156

57. Pentru a lansa o pagin nou n aceeai fereastr, ntr-o fereastr nou sau ntr-un alt
frame, tag-ul <a> poate utiliza atributul target care accept valorile _blank, _parent, _self,
_top. Exemplu: <a href=pag3.html target=_blank>Lansare pagina 3</a>.
Semnificaiile valorilor target sunt:
.... ncrcarea are loc ntr-o fereastr nou anonim
... ncrcarea are loc n fereastra printe
.. ncrcarea are loc n aceeai fereastr
.. ncrcarea are loc n fereastra top a frame-urilor curente
58. Stabilirea culorilor pentru link-uri se poate face n cadrul tag-ului <body> prin
intermediul atributelor link, vlink, alink.
Exemplu: <body link=red vlink=yellow alink=blue>
Semnificaia pentru fiecare atribut este:
a) . .. controleaz culoarea pentru link-urile nevizitate
b) . .- controleaz culoarea pentru link-urile vizitate
c) . ..- controleaz culoarea pentru link-urile active
59. Sunt posibile link-uri ctre:
a) adrese ftp
b) adrese e-mail
c) adrese news
60. Aplicaia Outlook Express este o aplicaie Internet de tip client pentru servicii:
a) e-mail
b) ftp
c) news
d) www
61. Dac pagina curent este pag1.html atunci urmtoarea secven de cod html
<meta http-equiv=refresh content=5; url=pag2.html>
va declana:
a) reafiarea paginii curente dup 5 secunde i nchiderea paginii pag2.html
b) rencrcarea paginii curente dup 5 secunde i actualizarea coninutului pag2.html
c) ncrcarea dup 5 secunde a paginii pag2.html
d) reactualizarea dup 5 secunde a coninutului paginii pag2.html
62. Pentru a introduce comentarii sau secvene de cod (script-uri) din alte limbaje (Java,
Script, VB Script, PHP, PERL) ntr-o pagin html se utilizeaz tag-urile:
a) <comment> </comment>
b) <!-- i -->
63. n cadrul paginilor Web pot fi inserate i link-uri ctre fiiere de sunet sau de tip
videoclip. Specificai cteva dintre cele mai cunoscute extensii ale unor astfel de fiiere.
... ... . ..
... ... . ..

157

64. Dac lansarea n execuie ntr-o pagin Web a unui fiier de sunet se face prin
intermediul unui link atunci tag-urile folosite vor fi:
a) <a > </a>
b) <play > </play>
c) <sound > </sound>
65. Sub browser-ul Internet Explorer sunetul de fond ntr-o pagin Web se seteaz prin
intermediul tag-ului ...
66. ntr-o hart de imagini atributul usemap este un parametru care aparine tag-ului:
a) <imagemap >
b) <map >
c) <img >
67. Prin intermediul tag-ului area ntr-o hart de imagini pot fi controlai urmtorii
parametrii:
.... ... ... .. .....
68. ntr-un formular definit ntre tag-urile <form> i </form> parametrul action:
a) precizeaz numele unui script, al unui program aflat pe server care vor prelua i
prelucra datele formularului sau o adres e-mail
b) precizeaz metoda utilizat de browser pentru expedierea datelor formularului
69. Parametrul action al tag-ului <form> poate specifica i trimiterea datelor din formular
la o adres e-mail. Ex.: <form action=mailto: aionescu@hotmail.com>
a) da
b) nu
70. Parametrul method al tag-ului <form> precizeaz metoda utilizat de browser pentru
expedierea datelor. Gsii variantele corecte valorile pe care (method) le poate avea.
a) get
b) input
c) post
71. Este obligatoriu ca un formular s conin un buton destinat pentru expedierea datelor
coninute ?
a) da
b) nu
72. Un formular poate conine urmtoarele obiecte specificate de parametrul type al
tag-ului input:
. .... .... ....
. .. . ...
73. Un formular poate conine:
a) liste de selecie cu selecie simpl i cu selecii multiple

158

b) cmpuri de editare multilinie

c) blocuri button
d) frame-uri
74. Frame-urile sunt definite ntr-un fiier .html special n care blocul .... este
nlocuit cu blocul <frameset></frameset>
75. Cte frame-uri vor aprea ca rezultat al execuiei urmtorului tag
<frameset rows *.*, cols=*.*>
a) 2 frame-uri
b) 3 frame-uri
c) 4 frame-uri
d) nici un frame deoarece tag-ul este scris incorect
76. Execuia tag-ului <frameset rows=100, *, 10%>
va determina
a) mprirea ferestrei browser-ului n trei frame-uri orizontale
b) mprirea ferestrei browser-ului n trei frame-uri verticale
c) mprirea ferestrei browser-ului n dou frame-uri orizontale
d) mprirea ferestrei browser-ului n dou frame-uri verticale
77. Enumerai minim trei instrumente moderne de comunicare aprute n ultimii ani:
................... ................... ...................
78. Mesageria instant utilizeaz ca principal instrument de comunicare programul client
numit .....................
79. Un fiier RSS include:
a) un logo
b) linkul la site
c) un cmp de citire
d) itemii de noutate
80. Fiierele RSS sunt fiiere de tip:
a) RTF (Rich Text Format)
b) Text simplu
c) Imagine grafic
d) Audio-video format
81. Spre deosebire de NEWS (care utilizeaz serviciul NEWS), grupurile de discuii Web
funcioneaz on line sub interfaa browser-ului pe baza serviciului
a) FTP
b) RSS
c) WWW
82. Enumerai numele a minim cinci motoare de cutare dintre cele mai cunoscute:

159

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

83. Operatorul AND poate fi utilizat ntr-o interogare a unui motor de cutare?
a) Da
b) Nu
84. Motoarele de cutare pot fi apelate prin protocolul HTTP?
a) Da
b) Nu
85. Certificatele digitale se utilizeaz pentru:
a) autentificare
b) confidenialitate
c) criptare
d) semnturi digitale
86. Web-Bug reprezint
a) un fisier HTML
b) un fiier text
c) un cookie
d) imagine grafic sub forma unui fiier GIF invizibil
87. Web-Bug poate aciona asupra fiierelor Word dac acestea conin imagini salvate din
Internet?
a) Da
b) Nu
88. Selectai recomandrile fcute de netetichet pentru mesajele e-mail::
a) s nu se redacteze mesajul unui e-mail numai cu majuscule;
b) n cazul n care se rspunde la un mesaj, s nu se returneze ntregul mesaj original
ci s foloseasc quot-area dubl (plasarea semnelor >>) numai naintea rndurilor
la care se rspunde;
c) s se foloseasc o semntur electronic automat;
d) s se utilizeze linia Subject n care s se fac o descriere succint a coninutului
mesajului;
e) dac un mesaj este trimis la mai multe adrese e-mail odat, pe ct posibil s se
utilizeze Bcc i nu Cc;

160

Rspunsuri:
1.b; 2.c; 3. serviciu, hipertext; 4.b; 5.d; 6. SMTP, POP3, IMAP, mesaje, fiiere; 7.b;
8. hipertext, WWW; 9.protocol, nume.domeniu, cale, fisier.extensie, ancora;
10. 32, 4, 255; 11.b,c,d,e; 12. 3; 13. clasa C
r.r.r.c, clasa B
r.r.c.c, clasa A
r.c.c.c; 14.b; 15. b; 16. Ethernet, Token Ring, FDDI; 17. a,c; 18. DNS; 19. client;
20. b,c; 21.a; 22.b; 23.a; 24.c; 25.e; 26.d; 27. head, /title, /html; 28. hexagesimale;
29. FFFFFF
alb, 000000
negru, FF0000
rou, 00FF00
verde;
30. basefont, 7; 31. albastru; 32. body; 33. a; 34. c; 35. b,c; 36. a,b,c; 37. b; 38. b;
39. a,b,e; 40. <hr>, <size>; 41. <ol></ol>, <ul></ul>; 42. b;
43. tr, td, border, bgcolor; 44. cellspacing, cellpadding; 45. a,b,c;
46. top, baseline, bottom, middle; 47. colspan, rowspan; 48. a,b,c,d;
49. bmp, gif, jpg, pcx, tif, png; 50. a,c; 51. bgcolor, background; 52. a; 53. a;
54. c; 55. b; 56. a,b,c; 57. _blank, _parent, _self, _top; 58. link, vlink, alink;
59. a,b,c; 60. a,c; 61. c; 62. b; 63. wav, mid, au, aif, mpg, mov, mp3, avi;
64. a; 65. <bgsound>; 66. c; 67. shape, coords, href, alt, title; 68. a, b; 69. a; 70. a,c;
71. b; 72. submit, reset, text, radio, checkbox, file, image, password; 73. a,b,c;
74. <body>..</body>; 75. c; 76. a,b; 77. mesageria instant, weblog-ul, RSS, grupurile de
discuii Web; 78. messenger; 79, a,b,c,d; 80. b; 81. c; 82. Google, Yahoo, Excite,
Altavista, Dogpile; 83. a; 84. a; 85. a,b,c,d; 86. d; 87. a; 88. a,b,c,d,e.

161

12. Cteva argumente finale

n timp, descoperirile tiinifice au schimbat fundamental modul de comunicare i
relaionare al oamenilor. Noile forme de comunicare au influenat, fiecare n felul ei
societatea.
Tiparul, a fcut posibil n secolul XV multiplicarea textului i a determinat o
cretere a circulaiei informaiei, care n cele din urm, a reprezentat baza pe care s-au
cldit multe schimbri radicale ale acelor vremuri.
n secolul XX radioul i televiziunea au adus sunetul i imaginea. Prima generaie
mass-media electronic a extins accesul individului la informaie, exercitnd asupra unei
largi pri a populaiei o influen de omogenizare. Aceast dezvoltare a avut un rol
important n formarea societii informaionale, o realitate fundamental a epocii
prezente.
n ultimii ani o nou tehnologie comunicaional ncepe s se impun: reelele
interactive de calculatoare ce fac posibil stocarea i livrarea unei mari cantiti de
informaie ctre unul sau mai muli receptori.
Informaia procesat digital n aceste reele poate fi multiplicat, manipulat i
distribuit cu mare uurin. Mai mult, spre deosebire de comunicarea unidirecional
specific mass-mediei tradiionale, reelele interactive se bazeaz pe un flux
comunicaional omnidirecional care permite utilizatorului asumarea unui rol activ. Muli
cercettori susin c reelele interactive dein potenialul de revoluionare a modului
nostru de a comunica, a munci, a cumpra i a ne distra. Revoluie sau nu, un lucru este
ns cert: ele au i vor avea un impact semnificativ asupra vieii noastre.
n prezent cea mai accesibil i ntins reea interactiv este Internetul, reeaua
reelelor. Un sinonim tot mai mult utilizat pentru Internet este autostrada
informaional. Pn acum 10-15 ani, utilizarea Internetului era limitat doar la cteva
medii universitare, ea exista doar n lumea oamenilor de tiin, a cercettorilor i a
studenilor. n prezent, Internetul are sute de milioane de utilizatori, rata de cretere
exponenial nefiind egalat de nici un alt mediu tradiional.
Creterea utilizrii Internetului a fost i este determinat de mbuntirea
interfeelor de acces reprezentate n principal de browser-ele de navigare, care au devenit
din ce n ce mai prietenoase, de scderea costurilor serviciilor de telecomunicaii, a
calculatoarelor i aparatelor adiionale (modem etc) i, poate cel mai important, de
posibilitatea de a uura comunicarea dintre oameni i de a prezenta informaie tiinific,
comercial, publicitate i divertisment.
Presiunea creat de creterea exploziv a Internetului din ultimii zece ani a
determinat marile firme de software s-i regndeasc politicile de dezvoltare a
produselor informatice astfel nct acestea s respecte standardele de interfa Windows
n lucrul cu utilizatorul i s ofere pe lng facilitile specifice programelor de aplicaie
i faciliti de comunicare i acces prin Internet. Astfel, firme cum sunt Microsoft,
Borland-Inprise, IBM, Macromedia au nceput s creeze medii vizuale de dezvoltare
rapid a aplicaiilor software n care clasele de obiecte Internet dein o pondere din ce n
ce mai mare. Posibilitile oferite de aceste produse au determinat dezvoltatorii de
aplicaii software s utilizeze noile tehnologii i s includ n aplicaiile lor faciliti de
comunicare cu utilizatorii, de accesare la distan a datelor i informaiilor de comer
electronic, de documentare, toate acestea prin intermediul serviciilor Internet.

162

Autoritatea britanic Ofcom care controleaz independena i respectarea regulilor

de funcionare a posturilor de televiziune, radio i telecomunicaii a realizat n anul 2006
un studiu statistic la nivel internaional din care rezult clar c mediile clasice de
comunicare se afl n declin. Raportul de cercetare a artat c generaia tnr cu vrste
cuprinse ntre 16 i 24 de ani petrece sptmnal cu 7 ore mai puin timp n faa
televizorului dect media naional prefernd seviciile de streaming audio-video on line
din Internet. n aceeai situaie se afl radioul clasic i presa scris care prezint din ce n
ce mai puin interes pentru generaia tnr. Aceast tendin va determina faptul ca n 5 6 ani cnd generaia tnr va deveni publicul-int al publicitii care finaneaz i
susine n prezent mediile clasice de comunicare situaia s se schimbe radical.
Companiile de publicitate se vor orienta cu preponderen ctre Internet determinnd
cderea mediilor clasice de comunicare (televiziune, radio, presa scris) care nu se vor
putea adapta noilor cerine din motive financiare sau de atitudine.
Noile sistemele de operare ofer deja funcii i programe performante care fac
posibil informarea i comunicarea n Internet. Este evident faptul c n actualul context
aceste funcii i programe trebuie cunoscute i utilizate eficient de ctre cei care doresc s
profite de oportunitile i beneficiile oferite de Internet.

163

Glosar minimal de termeni

browser /
navigator

aplicaie software de tip client util pentru vizualizarea fiierelor

coninute de un server WWW

client

o staie de lucru, un terminal sau un PC, o component software,

solicitnd o activitate de la un server

client e-mail

un program specializat de primire i transmitere de e-mail-uri.

Exemplu : Microsoft Outlook, Eudora, etc.

download

copierea unui fiier de pe un calculator server pe calculatorul

client utilizat

e-mail

pota electronic; serviciu de reea oferind faciliti de schimb

electronic de mesaje i fiiere ataate ntre utilizatori

Flash

tehnologie ce permite realizarea unor animaii interactive. Pentru

rularea acestora sub browser este necesar s fie instalat o
component software corespunztoare (plugin player Flash)

FTP

File Transfer Protocol; protocol Internet pentru transferul de

fiiere

GIF

Graphic Interchange Format format grafic elaborat de firma

Compuserve. O imagine GIF poate conine pn la 256 de culori,
permind realizarea animaiilor i stabilirea transparenei pentru
anumite culori din imagine.

hiperdocument

colecie de noduri nrudite, legate prin hiperlegturi. Un

hiperdocument poate conine hiperlegturi ctre date care exist
intern n acelai document.

hiperlegtur

un set ce poate conine una sau mai multe ancore; uzual se

folosete termenul legatur.

hipertext

format al informaiei n care documentele sunt legate unul cu

cellalt printr-un set de cuvinte selectate (marcate n text); pentru
fiecare cuvnt marcat n document, hipertextul d posibilitatea
crerii unei legturi logice cu alt document care explic
semnificaia conceptului sau d detalii suplimentare referitoare la
el.

HTML

HyperText Markup Language; limbaj de marcare care definete

modul de structurare a unui document hipertext

HTTP

HyperText Transfer Protocol; protocolul utilizat n comunicarea

dintre o aplicaie client i o aplicaie server WWW.

Internet Explorer browser, aplicaie software de navigare (de tip client WWW)
ISP

companie furnizoare de servicii Internet (Internet Service

Provider); n afara unei conexiuni la reea (Internet), aceste
companii mai pot oferi i alte servicii gzduire de site-uri
164

(hosting), e-mail etc.

Java

limbaj de programare orientat pe obiecte dezvoltat de ctre Sun

Micro Systems. Aplicaiile realizate n acest limbaj pot fi rulate
pe orice platform.

Java applet

miniaplicaie scris n Java capabil s ruleze sub un browser.

JavaScript

limbaj de scripting realizat de firma Netscape. Aplicaiile scrise

n acest limbaj pot fi rulate sub browser. Acest limbaj este nrudit
cu Java dar fr a dispune de fora acestuia este deosebit de util
n realizarea unor efecte interactive integrate n paginile Web.

JPEG

Joint Photografic Experts Group reprezint un standard de

stocare a imaginilor ntr-o form comprimat capabil s afieze
16,7 milioane de culori.

link, hyperlink

zon de text sau imagine pe care se poate face click pentru a se

realiza transferul (saltul) la alt pagin sau site Web

meniu

o list afiat, cuprinznd opiuni sau funcii din care utilizatorii

pot alege una pentru a activa programele sau operaiile dorite

Netscape
Navigator

browser, aplicaie software de navigare (de tip client WWW)

PNG

Portable Network Graphics format de fiiere pentru imagini,

conceput ca un urma al formatului GIF i care elimin
restriciile acestui format. Nu este compatibil cu browser-ele mai
vechi.

procesare
client/server

distribuirea resurselor calculator ntr-o reea, utiliznd un client

(o staie de lucru sau un terminal), un server care asigur puterea
de calcul, o reea care conecteaz mpreuna clienii cu server-ele
i un software care ruleaz pe server i pe client.

reea

o configuraie de echipamente de procesare de informaie

conectate prin linii de comunicaie pentru a mpri informaia i
resursele.

server

un nod sau un proces care execut un serviciu sau un set de

servicii nrudite pentru clienii si. Vezi client.

TCP/IP

nume generic folosit pentru un set de protocoale de reea pe

diverse niveluri; unele dintre acestea, cum ar fi IP, TCP i UDP
furnizeaz funciile de nivel inferior necesare celor mai multe
aplicaii, altele sunt protocoale dedicate unor funcii specifice.

Telnet

protocol de tip terminal virtual care asigur posibilitatea de a

controla de la distan un calculator conectat la Internet.

tipul mediului

un atribut al datelor care descrie natura prezentrii. Valoarea

acestui atribut poate fi una din urmtoarele:
-

text

165

sunet

imagine (ex.: fotografie)

grafic (ex.: desen)

animaie (grafic animat)

film (imagine animat)

upload

copierea unor fiiere de pe calculatorul client pe un calculator

server.

URL

Universal/Uniform Resource Locator; definete modul de

localizare, numele a unui nod sau adresa unei resurse din
Internet.

VRML

Virtual Reality Modeling Language limbaj de descriere a

scenelor care permite crearea unor imagini grafice
tridimensionale i interactive, similare cu cele din unele jocuri
video. Pentru vizualizarea acestora este necesar s fie instalat sub
browser o component software (plugin) corespunztoare.

WEB

Abreviere pentru WWW (World Wide Web); este constituit

dintr-o colecie neorganizat de milioane de documente
rspndite pe servere n ntreaga lume. ntre aceste documente se
poate naviga cu ajutorul link-urilor sau folosind adresele URL
ale paginilor dorite.

WWW

World Wide Web (numit i W3); serviciu Internet i sistem de

informare bazat pe hipertext, permind navigarea (deplasarea)
de la un document la altul n cadrul unei reele de informare.

Teme de reflecie i aplicaii

-

Documentai-v suplimentar utiliznd serviciile furnizate de motoarele de cutare din

Internet i mbuntii glosarul de termeni.
Evaluai manualul i dac vei considera necesar trimitei autorului prin e-mail
(mihai.gavota@comunicare.ro), propunerile dumneavoastr de mbuntire.

166

Bibliografie
Courtner, Gini
Marquis Annette
Eddings, Joshua
Gavot, Mihai
Gavot, Mihai
Gugoiu, Teodoru
Holotescu, Carmen
Jamsa, K.
Jinga, Ioan
Gavot, Mihai
Jinga, Ioan
Gavot, Mihai
Joseph, R. Dominik
Kerman, Phillip
Lon, Coley
Ptru, Bogdan
Tyler, Denise
Crystal D. Erickson
***
***
***
***
***
***
***

Iniiere n Microsoft Office 2000, Editura ALL,

Bucureti, 1999
How the Internet Works, Ziff-Davis Press, Emeryvile,
California, 1994
Baze de date, Bucureti, Editura SNSPA, 2001
Noi deschideri n nvmntul universitar. Premise i
soluii informatice, Bucureti, Editura Licorna, 2004
HTML prin exemple, Editura TEORA 2000
Ghid eLearning, Editura Solness, Timioara, 2004
Programarea Web, Editura ALL, Bucureti, 1999
Evaluarea performanelor colare (Gavot, Mihai coautor
i autor al seciunii informatice), Bucureti, Editura Afeliu
1996, 1999
Manual de pedagogie (Gavot, Mihai - coautor i autor al
seciunii e-learning), Bucureti, Editura All, 2006
The Dynamics of Mass Communication. Media in
the Digital Age, McGrow-Hill, New York, 2002
Macromedia Flash 5, Editura Teora 2001
Dreamweaver 4 i Firewors 4 n imagini, Editura Kondyli,
Timioara, 2001
Internet pentru nceptori, Editura Teora, 2003
Microsoft FrontPage 98, Editura TEORA 1999
Informatic Internet, Note de Curs
Informatic Internet, Curs Multimedia
Dreamweaver, FrontPage, Netscape Composer,
Fireworks Help i Tutorial
Colecia de reviste PC Magazin (1995-2006)
Colecia de reviste PC Word (1992-2006)
Colecia de reviste Chip (1995-2006)
Colecia de reviste Xtreme PC (1999-2006)

Not:
n realizarea crii s-au folosit i foarte multe resurse din Internet, studii sau articole
scrise de diferii autori din lumea ntreag.

167