CUPRINS

Reele de calculatoare: trecut i viitor .....................................................................................1 Principii de funcionare a reelei Internet ................................................................................5 2.1. Adresarea n Internet......................................................................................................... 6 3. Familia de protocoale TCP/IP ..................................................................................................10 4. Servicii Internet ........................................................................................................................12 4.1. Pota electronic ............................................................................................................. 12 4.2. Transferul fiierelor n reea (FTP)................................................................................. 16 4.3. Emularea terminalelor (Telnet) ....................................................................................... 17 4.4. Alte servicii Internet ........................................................................................................ 18 5. Serviciul World Wide Web .......................................................................................................19 5.1. Universal Resource Locators (URL) .............................................................................. 20 5.2. Hipertext ........................................................................................................................... 20 5.3. Publicarea documentelor Web ....................................................................................... 21 6. LIMBAJUL HTML - Prezentare general .................................................................................23 6.1. Structura documentelor HTML ....................................................................................... 24 6.2. Aranjarea n pagin i formatarea documentelor ................................................................. 24 7. Liste, Legaturi hipertext, includerea imaginilor in document ..............................................26 7.1. Liste .................................................................................................................................. 26 7.2. Legturi hipertext ............................................................................................................ 27 7.3. Includerea imaginilor n document ................................................................................ 32 8. Formulare, Tag-uri ....................................................................................................................33 8.1. Formulare ......................................................................................................................... 33 8.2. Tag-uri pentru definirea intrrilor ntr-un formular................................................................ 34 9. Tabele si Cadre .........................................................................................................................42 9.1. Tabele ............................................................................................................................... 42 9.2. Cadre................................................................................................................................. 44 10. HTML dinamic ...........................................................................................................................46 Bibliografie ............................................................................................................................................49 1. 2.

1. Reele de calculatoare: trecut i viitor Trecerea de la societatea industrial - care pune n centrul preocupriior ntreprinderea,
la societatea informaional - care pune n centrul preocuprilor tiina i nvmntul, impune utilizarea unor instrumente informatice adecvate, care s permit accesul rapid la informaii i o valorizare, pe un plan superior, a acestora. Reelele de calculatoare rspund cerinelor enunate mai sus, asigurnd, n acelai timp, partajarea resurselor i fiabilitatea utilizrii lor, dar mai ales reducerea costurilor (calculatoarele individuale, i aici avem n vedere PC-urile att de cunoscute tuturor, ce nu au posibilitatea de comunicare cu alte sisteme de calcul sunt, astzi, tot mai rare). Interconectarea acestor reele de calculatoare la nivel mondial a condus la reeaua Internet, ca expresie a unei interconectiviti globale.
Prima conexiune la distan ntre calculatoare a fost fcut n anul 1969, n cadrul reelei ARPAnet, realizat prin proiectul lansat de Advanced Research Project Agency (ARPA) din SUA. Reeaua cuprindea patru comutatoare de pachete, realizate cu minicalculatoare Honeywell 516, situate la: Universitatea Los Angeles California; Institutul de Cercetri Stanford; Universitatea Santa Barbara California; Universitatea din Utah. Scopul declarat al reelei era accesul la distan. Prima demonstraie public a reelei ARPAnet a avut loc n 1972, la International Conference on Computers (ICC), n Washington. Aici a aprut ideea crerii unei reele globale de calculatoare. Primul pas spre globalizare a fost fcut n 1973 cnd ARPAnet a devenit o reea internaional prin legturile realizate cu Anglia i Norvegia. n 1975, ARPAnet a intrat sub controlul Ageniei de Comunicaii ale Aprrii (Defence Communications Agency) din Departamentul Aprrii Statelor Unite (US Department of Defence - DoD DCA), tehnologia ARPA fiind adoptat ca baz a programului Defence Data Network (DDN). n 1979 a intrat n funciune Usenet, o reea virtual de tiri grefat pe Internet. Serviciile de interes public au lrgit considerabil aria de utilizare i au dat o nou orientare n dezvoltarea reelei. Adevratul moment al apariiei Internet a fost nlocuirea, n 1983, a protocolului NCP (Network Control Protocol) folosit n ARPAnet i DDN cu TCP/IP, destinat interconectrii unor reele eterogene. Aceasta a permis saltul de la interconectarea unor calculatoare autonome la interconectarea de subreele, fie ele locale (LAN) sau de arie larg (WAN). Tot n 1983, ARPAnet a fost divizat n dou: reeaua militar Milnet i ARPAnet, care i-a reluat rolul initial de reea experimental pentru cercetare i nvmnt. n paralel cu ARPAnet s-au dezvoltat i alte reele cu comutare de pachete: CSNET (Computer & Science Network) i BITNET (Because It's Time Network). n 1989 activitile administrative ale celor dou reele s-au contopit, producnd Corporation for Research and Educational Networking (CREN). n 1987, National Science Foundation (NSF) a lansat un program de instalare a unor centre de supercalculatoare i a reelei de mare vitez NSFnet. S-au pus bazele unor reele "regionale" care au permis conectarea diverselor organizaii la "coloana vertebral" NSFnet. n 1990 s-a nfiinat compania Advanced Network & Services - ANS (susinut de IBM, MCI i Merit), care furniza servicii pentru NSFnet. Curnd au aprut numeroase alte companii furnizoare de servicii. De asemenea, au fost puse bazele unei infrastructuri de reele rapide pentru SUA - National Research and Education Network (NREN). Ea a fost susinut prin programul guvernamental pentru urmtoarea generaie de reele destinate comunitilor de cercetare i educaie. Oferind utilizatorilor acces la viteze variind ntre 2400 bps i terabii pe secund, NREN a fost conceput pentru utilizri n meteorologie, documentare i cooperare n cercetarea tiinific. n aceast perioad au aprut i reelele pentru uz comercial: AlterNet, PSInet. n 1991, mai multe organizaii implicate n furnizarea de reele pentru utilizare comercial au anunat soluia de interconectare a acestora prin ocolirea NSFnet, a crei politic oficial impunea utilizarea reelei pentru activiti nonprofit (Acceptable Use Policy - AUP). Soluia a constat n legarea reelelor comerciale. prin routere de mare vitez (Commercial Internet Exchange - CIX). Utilizatorii reelelor, conectate prin CIX, puteau realiza: dezvoltarea unor programe n cooperare;

asigurarea suportului tehnic pentru clieni (inclusiv administrarea i gestiunea de la distan a sistemelor clienilor); arhivarea fiierelor, pot i transfer de fiiere relative la produsele livrate; calcul distribuit. Aceste activiti nu erau constrnse de respectarea regulilor NSFnet AUP. Evoluia Internet a fost marcat de adugarea, rnd pe rnd, a unor servicii noi: e-mail i simbolul de adres @ (1971); transferul de fiiere - FTP (1973); serviciul de informare Gopher (1991); World Wide Web (WWW) (1992). n 1993 Casa Alb a deschis o cutie potal Internet. n ceea ce privete modernizarea reelei, un pas important s-a fcut n 1994 cnd s-a lansat protocolul IPv6 sau IPng (IP next generation) capabil s realizeze transmisii de date, voce, imagini i s asigure securitatea transmisiilor de informaie. . n anii '80, numrul utilizatorilor Internet a crescut extraordinar i a cptat un caracter internaional. Dimensiunile reelei au crescut exponenial: 4 noduri n 1969; 213 noduri n 1981; 2800 noduri n 1987; 535000 n 1991; 1,7 milioane n 1993 3,2 milioane n 1994. ncepnd cu 30 aprilie 1995, guvernul federal american a sistat susinerea financiar a Internetului, direcionnd fondurile ctre o nou reea experimental, numit VBNS (Very High Speed Backbone Network Service). Obiectivul ei este testatea i perfecionarea tehnologiilor noi n domeniul informaiilor, cum ar fi fluxurile de pachete (packet flows), ce permite implementarea conceptului de multicasting pentru aplicaiile multimedia n reea. O dat cu aceast decizie a guvernului american, o serie de companii comerciale, specializate n reele, (cum sunt MCI, Sprint, ANS/AOL, etc.) i adjudec controlul asupra reelei Internet.

Astzi, ntinderea Internet este cu adevrat global, o nou reea adugndu-se la un interval mai mic de 10 minute. Numrul de calculatoare conectate n Internet depete suta de milioane; dar cel mai elocvent pentru dezvoltarea reelei este faptul c sute de milioane de persoane utilizeaz facilitile de comunicaii ale Internet (n special pota electronic). Internet acoper majoritatea regiunilor importante ale planetei (fac excepie cteva ri din partea central i de sud a Africii, precum i regiunle polare). Tot mai multe faciliti de acces la Internet s-au creat pentru rile Europei de Est, foarte interesate n ultimii ani de contactul cu lumea tiinific internaional. Singura piedic n calea expansiunii Internet n aceste ri o constituie infrastructura deficitar, n special sistemele telefonice de proast calitate. Web este unul din serviciile Internet cele mai complexe. Conceput iniial ca instrument de documentare, cu care utilizatorul s poat "naviga" prin noianul de informaii stocate n Internet, Web include azi hipermedia (grafic, sunete, animaie, imagini video), devenind un mediu ideal pentru publicarea informaiei pe Internet. Internet are astzi mai multe nelesuri, termenul desemnnd: Mulimea tuturor reelelor IP interconectate, dar nu numai att, deoarece pri din Internet lucreaz cu alte protocoale, ca OSI, IPX, Appletalk, DECnet; Colecia de milioane de calculatoare gazd ataate; Comunitatea mai multor zeci de milioane de utilizatori. Internet are tendina de a deveni un bun de folosin comun i un mediu de desfurare a afacerilor. Din punct de vedere civic el este un suport al democraiei; oferind cetenilor libertatea deplin de exprimare, Internet poate constitui o for, folosit n egal msur de ceteni, partide, organizaii, guverne etc. Dup aprecierile specialitilor, reeaua Internet va continua s creasc. Multe companii vor solicita servicii sporite, depindu-se etapa utilizrii preponderente a serviciului e-mail. Firmele exploreaz, deja, posibilitile de distribuire a propriilor informaii n reea, folosind server-e WWW. Progresele tiinifice i tehnice, care au marcat n ultima perioad dezvoltarea domeniului Tehnologia Informaiilor i Comunicaiilor, se refer la cteva domenii "cheie": comunicaii (serviciile de reea), middleware i aplicaii. Aici se ncadreaz concepte, modele, protocoale, limbaje i tehnologii avansate ale cror acronime sunt folosite din ce n 2

ce mai des: ATM, HTTP, HTML, XML, CORBA, IIOP, ASP, Java, JDBC i multe altele. Preocuprile importante n privina subreelelor de comunicare se pot grupa n dou fluxuri majore: dezvoltarea unor tehnologii performante (ATM, Sonet, Gigabit Ethernet) i a echipamentelor de reea corespunztoare (interfee, hub-uri, comutatoare, router-e); proiectarea topologiilor i configuraiilor care asigur performanele cerute, calitatea serviciilor i costuri ct mai sczute, n condiiile utilizrii optime a lrgimii de band. Drumul de la simplele servicii de programare direct a reelei (sockets) la serviciile multimedia i de ageni mobili a fost parcurs ntr-un interval de timp relativ sczut. Astfel, dac Web era iniial doar un mijloc de vizualizare a documentelor, funcionalitatea sa a fost lrgit pe msur ce "documentele" au cptat atributele obiectelor software: Noiunea de document Web s-a extins, incluznd execuii de script-uri i programe; XML a permis definirea unor limbaje de marcare proiectate special pentru reprezentarea informaiilor din anumite domenii de aplicaii (electronic, chimie, comer, etc.); Sunt n curs de dezvoltare sisteme distribuite de obiecte care utilizeaz HTTP pentru transport, URL pentru denumirea obiectelor i XML DTS (Document Type Specifications) pentru definirea interfeelor dintre componentele software. Se contureaz din ce n ce mai clar soluia obiectelor Web total ncapsulate, remarcndu-se preocuprile specialitilor pentru programarea Web (specificaiile W3C DOM), definirea interfeelor Web (WIDL), dezvoltarea aplicaiilor, definirea arhitecturii HTTP. Dei progresele sunt remarcabile, datorit noutii soluiilor, exist multe subiecte pentru care experiena acumulat este nc redus: gestiunea traficului generat de diferite aplicaii (de exemplu, cele multimedia), proiectarea optim a topologiei, integrarea noilor tehnologii n reele concepute pe baza unor tehnologii mai vechi etc. Vor continua preocuprile privind securitatea datelor i informaiilor, chiar dup adoptarea protocolului IPng, care include faciliti de asigurare a securitii pe baze criptografice (care lipsesc n actualul IPv4). Securitatea este o cerin major a multor companii care au reele integrate n Internet. Ea trebuie s asigure confidenialitatea, autentificarea, integritatea i nonrepudierea, pentru orice serviciu oferit utilizatorilor. Noile probleme pentru care se caut n continuare soluii sunt: securitatea codului mobil; securitatea n Extranet; securitatea script-urilor; scheme de control al accesului din exterior la resursele Intranet etc. Sistemele hipertext i hipermedia (n care se ncadreaz WWW) vor cunoate o dezvoltare tot mai mare: mai multe baze de informaii din Internet vor fi organizate dup principiile hipertext, n care legturile semantice permit o navigare uoar prin noianul de colecii de date disponibile; tehnicile de cutare se vor mbunti, permind scurtarea timpului petrecut de utilizatori n Internet, n favoarea celui afectat realizrii lucrrilor pentru care sunt angajai. Perfecionri importante se vor aduce i n ceea ce privete organizarea intern a reelei. Dintre ele, una foarte important este rezolvarea diferenelor privind adresarea n Internet i n X.400 (standardul ISO pentru pot electronic). n general, dezvoltarea reelei Internet n Europa a fost descurajat i de existena reglementrilor impuse de protocolul ISO/OSI-RM (Open System Interconnection Reference Model) elaborat de ISO (International Standard Organization), care constituie un standard n domeniul interconectrii calculatoarelor, n opoziie cu protocolul IP, american, ce a devenit un standard de facto. n momentul de fa este greu de estimat costul trecerii de la modelul Internet, bazat pe suita de protocoale TCP/IP, la OSI-RM. n plus, reeaua de comunicaii european, n special cea telefonic (deficitar din punct de vedere al vitezei, comparativ cu cea american), face ca utilizatorii de Internet conectai s nu poat beneficia din plin de facilitile oferite de Internet. Un alt subiect disputat se refer la tehnologia multiagent, care include ageni inteligeni (programe proiectate s acioneze n numele utilizatorului, executnd anumite funcii n favoarea acestuia). Agenii pot colecta date despre frecvena interaciunilor, timpul petrecut n cutarea anumitor documente, alctuind un "profil" al utilizatorului, folosit ulterior pentru 3

ameliorarea serviciilor oferite: eficientizarea cutrilor, ajutorul "on-line", susinerea lucrului colaborativ n reea etc. Cercetrile referitoare la agenii inteligeni distribuii se refer la modul de lucru (cooperare sau competiie), modul de interaciune (coordonare sau negociere), controlul (centralizat sau distribuit) i organizarea sistemului (ierarhic sau orizontal). n privina serviciului primar de cutare i vizualizare a documentelor, preocuprile pentru reducerea timpului de regsire a documentelor, creterea disponibilitii lor, reducerea traficului de date, mrirea benzii de acces fac subiectul unui numr important de cercetri. Evaluarea unor soluii de replicare a documentelor sau de "caching" va conduce la o mai bun scalabilitate a serviciilor oferite. n paralel, utilizarea unor tehnici de Inteligen Artificial (IA) n motoarele de cutare va spori calitatea serviciilor i va da mai mult sens imensei cantiti de date cu care sunt umplute "depozitele" din Internet. O direcie important de extindere a serviciilor Irlternet o reprezint activitile colaborative, n care mai muli utilizatori pot lucra simultan pe un singur obiect partajat (ecran, fiier, document, proiect etc). Exemplul cel mai simplu este cel al scrierii colaborative, n care fiecare membru al unui grup poate insera comentarii i poate modifica textul, cu acordul celorlali. Folosirea Internet ca suport al activitilor colaborative ncepe s devin o practic uzual n producie, cercetare, educaie, comer, etc. Un domeniu aflat n expansiune exploziv este cel al sistemelor ncorporate bazate pe Web (Embedded Internet Systems). Tehnologia asociat suport echipamente i medii de operare din afara sistemelor PC tradiionale, cu constrngeri severe privind memoria, puterea de calcul, memoria persistent, posibilitile de vizualizare. Gama sistemelor ncorporate este foarte larg, de la telefoanele celulare i calculatoarele de buzunar, la sistemele de control a produciei, de colectare a datelor sau de telecomunicaii. Preocuprile actuale se refer la implementarea tehnologiilor Java i Web pentru aplicaiile ncorporate i dezvoltarea unor proiecte pilot adecvate. Implicarea Internet n domeniul economic a dus la apariia sistemelor Intranet, care sunt reele proiectate pentru nevoile interne ale unor organizaii sau ntreprinderi, dar care folosesc aceleai protocoale, servicii, echipamente i software ca i Internet. Un Intranet i poate lrgi funcionalitatea prin deschidere selectiv pentru aliaii strategici (furnizori, clieni, laboratoare de cercetare etc.), devenind un Extranet. Avantajele organizrii activitii unei ntreprinderi sau organizaii folosind Intranet (sau Extranet) sunt deosebit de mari, cheltuielile de investiie fiind recuperate rapid. Pe bun dreptate se afirm c Intranet reprezint "sistemul nervos digital" al ntreprinderii. Necesitile de comunicare ale ntreprinderilor includ tipuri complexe de informaii i cunotine care nu mai pot fi transmise eficient i sigur prin mijloacele tradiionale (pot, fax, telefon). Marile companii (Ford, Boeing, IBM etc.) au utilizat reele proprietare pentru operaiile de calcul i comunicaiile cerute n activitatea lor. Trecerea de la reelele centralizate (cu cteva calculatoare mari i o mulime de terminale conectate la distan) la cele n care rolul staiilor de lucru i al PC-urilor este mult crescut a nsemnat un succes al modelelor descentralizate, precum cel promovat de Novell. Prin introducerea Intranet, o companie opteaz pentru utilizarea tehnologiei standard TCP/IP n reeaua sa local, ceea ce permite fiecrui utilizator s aib acces la serviciile Internet i, totodat, permite ntreprinderii s restricioneze accesul din afar la resursele proprii. Acceptarea modelului de referin TCP/IP a avut ca efect major, n dezvoltarea tehnologiilor de comunicaie, "izolarea" nivelurilor de la baza modelului arhitectural fa de celelalte. Ca urmare, singura condiie impus oricrei noi tehnologii de subreea este pstrarea compatibilitii cu nivelul IP, situaie n care orice subreea de comunicaie, orict de performant, poate deveni parte din Internet. Astfel, s-a realizat integrarea n Internet a tehnologiilor ATM, Fast Ethernet i Gigabit Ethernet, Sonet, a comunicaiilor mobile i a altor tehnologii.

2. Principii de funcionare a reelei Internet

Cel mai bun model pentru a reprezenta reeaua Internet este cel al serviciului potal tradiional [NN98], care se bazeaz pe comutarea de pachete. Reeaua telefonic este o reea cu comutare de circuite, ceea ce face ca, n timpul unei convorbiri telefonice, tronsonul de reea afectat acesteia s nu mai poat fi folosit de altcineva. Aceasta duce la o utilizare ineficient a resurselor i la costuri ridicate. Dimpotriv, n reeaua potal nu avem tronsoane dedicate. Astfel, dac o persoan vrea s transmit un pachet la o anumit destinaie, l ambaleaz, scrie pe acesta adresa expeditorului i a destinatarului i-I depune la cel mai apropiat oficiu potal. n continuare, pachetul este transmis prin mai multe oficii intermediare, ultimul avnd sarcina de a-I livra destinatarului. Similar, dac un utilizator din reeaua Internet dorete s transmit un mesaj altui utilizator, atunci mesajul este "mpachetat" (ncadrat de anumite informaii de control: adresa sursei i a destinaiei) i transferat unui comutator de pachete, numit router (analogul oficiului potal), care-l transmite ctre un comutator destinaie, trecnd eventual prin mai multe comutatoare intermediare (figura). Ultimul comutator livreaz mesajul destinatarului. Transmisia datelor n Internet se supune unui set de reguli, incluse n protocoalele TCP/IP (Transmission Control Protocol/Internet Protocol). Principalele caracteristici ale acestor protocoale sunt: standarde de protocoale deschise, disponibile gratuit i independente de tipul calculatorului sau sistemului de operare utilizat; independen fa de tipul reelei, ceea ce permite interconectarea unor reele diferite; plan de adresare comun, prin care se permite unei maini TCP/IP s adreseze altei maini conectate n reea; protocoale de nalt nivel standardizate, serviciile fiind disponibile n toat lumea. Reeaua A Reeaua C

Router

Router

Router Router

Router

Reeaua B

Router
Figura: Modelul de funcionare a reelei Internet

2.1.

Adresarea n Internet

Calculatoarele care sunt conectate la Internet poart denumirea de host-uri i sunt

identificate unic printr-o adres i un nume. O adres Internet este reprezentat pe 32 de bii. n mod uzual, o adres de reea se regsete ntr-un format zecimal cu punct: n1.n2.n3.n4. Prin aceast notaie, n fiecare din cei patru octei se reprezint o valoare cuprins ntre 0 i 255. n anul 1981, cnd protocolul IP a fost standardizat, s-a stabilit ca o adres Internet s fie structurat din punct de vedere semantic n dou pri: prima identific reeaua; a doua identific host-ul n cadrul acesteia. n funcie de dimensiunea celor dou pri, au fost definite trei clase de adrese cu formate distincte: A, B i C (figura). Clasa A se identific prin faptul c cel mai semnificativ bit este 0 i folosete primul octet pentru identificarea reelei, iar ceilali trei octei pentru host. Pot fi adresate 16,777,214 host-uri (adic 224-2). Aceast clas este destinat adresrii reelelor de dimensiuni foarte mari (maxim 126 de astfel de reele) cu peste 16 milioane de terminale (exemple: reeaua IBM, AT&T, DEC). Clasa B se identific prin faptul c primii doi bii au valoarea 10 i folosete primii doi octei pentru identificarea reelei, iar ultimii doi, pentru host. Pot adresate 65534 host-uri (adic 216-2). Aceast clas a fost rezervat adresrii reelelor de dimensiuni medii (maxim 16382 de astfel de reele), destinate unor universiti, centre de cercetare, etc. Clasa C are primii trei bii de identificare poziionai pe valoarea 110 i folosete primii trei octei pentru adresarea reelei i ultimul pentru host. Pot fi adresate 254 de host-uri (adic 28 2). Prin aceast clas sunt adresate reelele de dimensiuni mici, numrul unor astfel de reele putnd atinge 2,097,152. n afara celor trei clase de adrese Internet (A, B i C) definite iniial, au aprut ulterior alte dou clase (D i E). Adresele de clas D se folosesc pentru adresarea multipunct [RFC1112] i au n primii 4 bii valoarea binar 1110, iar restul de bii identific host-ul. Adresele din clasa E se identific prin faptul c au primii patru bii pe valoarea 1 i sunt folosite pentru diverse experimentri.
Intervalul adreselor
31 10

Clasa A Clasa B Clasa C Clasa D Clasa E

0 Reea 10 110 1110 11110 Reea Reea

Host Host Host

1.0.0.0.

127.255.255.255.

128.0.0.0. 191.255.255.255. 192.0.0.0. 223.255.255.255. 224.0.0.0. 239.255.255.255.

Adres multidestinaie

rezervat pentru utilizri viitoare 240.0.0.0. 247.255.255.255.

Figura: Formatul i intervalul adreselor din Internet

n cadrul fiecrei clase de adrese sunt rezervate dou valori speciale: adresa reelei din care face parte host-ul, ce se obine prin plasarea valorii 0 n toi biii corespunztori numrului host-ului (de exemplu, pentru host-ul cu adresa 193.51.27.11, adresa de reea este 193.51.27.00); adresa de difuzare (broadcast), n care toi biii corespunztori numrului host-ului sunt pui pe 1 (de exemplu, n reeaua 193.51.27.00 adresa de difuzare ctre toate staiile din aceast reea este 193.51.27.255). n afara acestor valori, exist i altele, cu semnificaie distinct: adresa 0.0.0.0 se refer la host-ul local; adresa 0.n se refer la staia n din reeaua curent; adresa 255.255.255.255 (toate staiile) se refer la difuzare n reeaua local; 6

O adres Internet nu desemneaz propriu-zis un host, ci o interfa reea. Un host care are mai multe interfee, va avea mai multe adrese. Fiecare interfa aparine unei subreele, care include, n general, un singur tip de reea: reea Ethernet, Token-ring, FDDI, ATM, etc. Adresele de reea sunt alocate de autoritile de adresare n Internet (IETF) i sunt unice n lumea ntreag. Adresele host-urilor n cadrul reelelor sunt stabilite de administratorii reelelor n cauz, fiind de asemenea unice la nivel local. Astfel, combinarea celor dou elemente unice (adres reea, adresa host-ului) conduce la unicitatea adreselor Internet. Din punct de vedere al repartizrii acestora, cea mai mare parte a adreselor din clasa A se gsesc n S.U.A., clasa B este partajat de Canada, Australia, Frana, Germania, Japonia, Anglia i S.U.A., iar clasa C este destinat celorlalte ri. Aceast structur pe dou niveluri a adreselor Internet (reea, host) a satisfcut necesitile de nceput ale acesteia. O dat cu explozia reelelor locale de microcalculatoare, care a dus la creterea numrului de staii de lucru, administratorii reelelor au simit nevoia unei noi structuri a adreselor Internet. Astfel, n anul 1984 a fost adugat un nou nivel numit sub-reea, care folosete o parte din spaiul de adresare alocat host-ului. Numrul de bii folosii pentru specificarea sub-reelei nu este prestabilit, dar formatul adresei se d printr-o masc pe 32 de bii (aceeai lungime ca i adresa real). Masc FFFF0000 FFFFFE00 FFFFFFB0 Adres Internet 25.17.122.6 135.48.51.121 196.33.48.238 Reea A:25 B:135.48 C:196.33.48 Sub-reea 17 25 3 Host 122.6 1.121 46

Figura: Exemple de mti de adrese Internet

Determinarea numrului sub-reelei se face prin operaia logic i ntre masca acesteia i adresa Internet, ce respect structura pe cele trei clase A, B, C, (figura). Mai exact, biii 1 din masc indic biii corespunztori din adres ce se iau n calcul pentru reea, iar biii 0 din masc vor indica biii corespunztori din adres ce se iau n calcul pentru subreea. Vom exemplifica cu adresa de tip C din figura de mai sus: Masca FF.FF.FF.B011111111.11111111.11111111.11000000 Adresa Internet 196.33.48.23811000100.00100001.00110000.11101110 Rezultatul: 196.33.48.(3.46)11000100.00100001.00110000.11101110 Masca mai poate fi explicitat n dou moduri: prin reprezentarea zecimal cu punct (masca, din exemplul nostru, cu valoarea hexazecimal FFFFFFB0 va avea forma: 255.255.255.176); prin indicarea direct a numrului de bii care fac parte din adresa de reea i subreea (n cazul exemplului nostru, se va scrie: 196.33.48.238/26, adic se precizeaz c 26 de bii are adresa de reea i subreea, evident, restul de 6 reprezentnd valoarea pentru host). Trebuie remarcat c masca de reea are doar o importan local, n sensul c ea afecteaz doar modul de interpretare a adreselor IP locale, permind identificarea destinaiilor care sunt n aceeai reea cu sursa. Practic, crearea de subreele prin utilizarea unei mti de reea este o modalitate de a diviza, ntr-un mod transparent pentru exterior (modificarea este vizibil doar n interiorul reelei), o singur adres IP de reea i de a o folosi n cadrul ctorva reelele IP interconectate. Vom exemplifica modul cum se pot crea subreele, studiind cazul unei universiti ce dorete s-i creeze patru subreele pe care s le conecteze, universitatea avnd alocat o adres IP, de clas C, de exemplu: 193.51.27.0.

Universitatea poate aloca 254 de adrese (o adres este rezervat pentru adresa de reea i alta pentru adresa de difuzare). Cum se dorete crearea a patru subreele, se vor utiliza doi bii din adresa de host pentru partea de reea. Fiecare subreea va avea maxim 62 de staii, ale cror adrese vor fi: 193.51.27.0/26, adic ntre 193.51.27.1/26 193.51.27.61/26 193.51.27.64/26, adic ntre 193.51.27.65/26 193.51.27.125/26 193.51.27.128/26, adic ntre 193.51.27.129/26 193.51.27.189/26 193.51.27.192/26, adic ntre 193.51.27.193/26 193.51.27.253/26 dar cum o adres este destinat interfeei cu router-ul, rmn 61 de adrese pentru fiecare subreea. Autoritile de acordare a adreselor Internet - IANA (Internet Assigned Numbers Authority) au rezervat o serie de adrese pentru utilizri speciale [RFC1340]. Astfel, cnd numrul reelei din structura adresei nu este cunoscut, un host poate s-I pun pe valoarea 0. Adresa rezervat 0.0.0.0. semnific "acest host de pe aceast reea", altfel spus este o autoidentificare a host-ului i nu poate fi utilizat dect ca adres surs de un host n curs de iniializare. Adresa 255.255.255.255. se folosete pentru o difuzare limitat. Ea nu poate fi utilizat dect ca adres de destinaie, pentru a transmite un pachet la toate hosturile unei sub-reele locale. O adres de tipul A.255.255.255, B.B.255.255, C.C.C.255 este o adres de difuzare dirijat ctre toate hosturile din reeaua clas A, B sau C. Pentru buclajul local se folosete adresa de clas A.127. Astfel, toate adresele de forma 127.X.Y.Z sunt destinate host-ului nsui, permind comunicarea ntre programe rezidente pe acelai host sau testarea local a protocolului IP. Succesul de care se bucur reeaua Internet n toate domeniile de activitate a condus la o explozie a cererilor de conectare, care se traduce printr-un numr mare de adrese. n momentul de fa obinerea unei adrese de clas A e imposibil (aa cum am artat mai nainte, este rezervat pentru S.U.A.). Adresele de clas B sunt aproape de epuizare, iar pentru a obine una trebuie ntocmit dosar justificativ. n vara anului 1994 fuseser deja acordate 20% din adresele de clas C, iar ritmul actual al cererilor de conectare la Internet va duce spre anii 2001-2002 la o epuizare total a spaiului de adresare. O soluie de moment, care va permite supravieuirea Internet pn la o nou versiune a protocolului IP, este rutarea Internet fr clase (Classlass Internet Domain Routing CIDR). Aceasta const n acordarea mai multor adrese de clas C clienilor care solicit o adres de clas B. Dar aceast solicitare supradimensioneaz tabelele de rutare i mrete costul acestuia. Pentru a diminua acest dezavantaj, alocarea adreselor de clas C se face n mod contiguu, ceea ce permite o agregare a tabelelor de rutare. n acest sens, s-a propus un plan de alocare a adreselor din clas C pe continente, astfel: Multiregionale Europa Altele America de Nord America Central i de Sud Zona Pacific Altele Altele 192.0.0.0 -193.255.255.255 194.0.0.0 -195.255.255.255 196.0.0.0 -197.255.255.255 198.0.0.0 -199.255.255.255 200.0.0.0 - 201.255.255.255 202.0.0.0 - 203.255:255.255 204.0.0.0 - 205.255.255.255 206.0.0.0 - 207.255.255.255

Autoritile continentelor vor partaja blocul de adrese alocat la nivel naional. n felul acesta toate reelele europene vor fi reprezentate printr-o singur intrare n tabelele de rutare ale altor continente, adic printr-un prefix de 7 bii corespunztori tuturor adreselor IP ntre 194.0.0.0 i 196.0.0.0. Numele calculatoarelor din reeaua Internet sunt corespondentele adreselor numerice, constituind o form mai simpl de adresare la nivelul-utilizatorilor (similar crii de telefon). Acestea sunt alese astfel nct s dea o semnificaie funciei i poziiei geografice a 8

calculatoarelor pe care le identific. Astfel, reeaua Internet este partajat n domenii i subdomenii sub forma unei structuri arborescente (figura):
Internet

COM

EDU

MIL

NET

GOV

US

UK

RO

DE

FR

...

TIBISCUS

UVT

UPT

DNTTM

...

RECTORAT

ST_EC

CIA

LMA

PSIHO

...

Figura: Structura domeniilor/subdomeniilor Internet

n cadrul acestei structuri, primul nivel este format din domenii predefinite, care au urmtoarele semnificaii: COM comercial EDU educaie MIL militar NET nodurile administrative ale Internet GOV organizaii guvernamentale US Statele Unite UK Marea Britanie DE Germania FR Frana RO Romnia Pe nivelul doi sunt definite subdomeniile domeniului RO: TIBISCUS Universitatea Tibiscus UVT Universitatea de Vest din Timioara UPT Universitatea Politehnica din Timioara DNTTM Sucursala Timioara a Dynamic Network Technologies Pe nivelul trei se gsesc host-urile propriu-zise din subdomeniul TIBISCUS. Avnd n vedere aceast partajare, numele unui calculator (host) se constituie dup n felul urmtor: nume_host.nume_subdomeniu.nume_domeniu Sistemul de nume este astfel conceput nct permite o gestiune distribuit i o identificare unic a host-urilor din Internet. Componentele numelui specific n primul rnd cine este responsabil cu gestiunea acestuia (nu unde se afl nodul denumit), iar numele de domenii generice (COM, EDU, MIL, NET, GOV) se refer la serviciile oferite (nu la noduri fizice), chiar dac acestea sunt mutate de la un calculator la altul. Identificarea nodurilor din Internet se face, intern, prin adrese, iar la nivelul utilizatorului, prin nume. Corespondena ntre cele dou se realizeaz prin intermediul serviciului DNS (Domain Name Service). Acesta necesit crearea, actualizarea i consultarea unor baze de date (care menin corespondena adrese-nume) cu ajutorul unor calculatoare specializate, numite servere de nume. Pentru sigurana reelei, se folosesc dou servere de nume: unul primar i altul secundar (care intr n aciune cnd cel primar este defect). Aceste servere de nume sunt ierarhizate pe domenii i subdomenii. De exemplu, dac un utilizator conectat la host-ul cia.tibiscus.ro dorete s acceseze host-ul nba.com, atunci hostul cia.tibiscus.ro va interoga serverul de nume al subdomeniului tibiscus, care neputnd furniza adresa Internet corespunztoare va interoga serverul de nume pentru domeniul ro, iar acesta va interoga serverul de nume al domeniului com. Gestiunea tuturor adreselor Internet se face ntr-un nod numit Network International Communication (NIC). 9

3. Familia de protocoale TCP/IP

TCP/IP a fost lansat n anul 1980 de Departamentul Aprrii al SUA n cadrul proiectului
DARPA (Defense Advanced Research Project Agency). Ulterior, acesta a fost integrat n sistemul de operare UNIX, permind astfel interconectarea calculatoarelor n reeaua Internet. Astfel a devenit un standard de factor, iar ncepnd cu 1990 a nceput tranziia acestuia ctre standardul OSI/ISO. TCP/IP este organizat pe patru niveluri, n comparaie cu standardul OSI/ISO care are apte niveluri. n figura, n dreapta sunt prezentate numele nivelurilor i standardelor modelului OSI/ISO, iar n stnga sunt ierarhizate componentele corespunztoare ale familiei de protocoale TCP/IP: Modelul TCP/IP Aplicaie TELNET FTP SMTP Modelul OSI/ISO VTP FTAM X.400 ISO 8823 ISO 8327 ISO 8073 ISO 8473 LLC MAC ** Aplicaie Prezentare Sesiune Transport Reea Legtura de date Fizic

Transport Internet Acces

TCP UDP IP **

Figura: Comparaie ntre nivelurile TCP/IP i OSI/ISO

unde am folosit prescurtrile unanim utilizate n IT: LLC Logical Link Control (nivel i standard n IEEE 802); MAC Media Acces Control (gestioneaz accesul la mediul fizic de comunicaie); UDP User Datagram Protocol (asigur un mecanism de transmisie de baz, fr conexiune, n mod datagram), iar prin: ** am desemnat standarde la nivel fizic. Nivelul acces la reea se ocup n principal de cablajul i interfaa reelei cu staiile de lucru. Protocoalele acestui nivel asigur transmiterea datelor n reea, innd cont de caracteristicile tehnice ale acesteia. Nivelul Internet asigur n principal transferul pachetelor ntre dou noduri neadiacente. Principalele protocoale ale acestui nivel sunt: IP (Internet Protocol) constituie nucleul pentru TCP/IP. Acest protocol asigur urmtoarele funcii: definirea unitilor de baz ale transmisiei (datagram); definirea planului de adresare Internet; direcionarea unitilor de date ntre host-urile de la distan; fragmentarea i reasamblarea unitilor de date; circulaia datelor ntre nivelul acces reea i transport. ICMP (Internet Control Message Protocol) verific funcionabilitatea reelei; spre exemplu, o comand care folosete acest protocol este ping host - prin care se testeaz dac un calculator este pornit; ARP (Addres Resolution Protocol) realizeaz corespondena dintre adresa Internet i adresa fizic a staiei (adresa Ethernet), care se gsete pe placa de reea; RARP (Reverse Address Resolution Protocol) realizeaz corespondena invers dect ARP. Nivelul Transport conine n principal dou protocoale, TCP i UDP: TCP asigur un serviciu orientat pe conexiune pentru transmiterea fiabil a datelor, cu detectarea i corectarea erorilor. TCP, fiind un protocol orientat pe conexiune, deine un 10

mecanism de validare n trei faze: stabilirea conexiunii, transferul datelor i eliberarea conexiunii. Acest protocol poate include i mecanisme, cum ar fi: achitarea i ferestrele cu anticipaie. Dac mecaninismul de achitare este operaional, un nou pachet (n cazul acestui protocol pachetul este cunoscut sub numele segment) se va transmite numai dac s-a primit confirmarea de recepie pentru cel emis anterior. Dac, dup un interval de timp prestabilit, confirmarea nu este recepionat, pachetul se va retransmite. Mecanismul ferestrelor cu anticipaie urmrete ameliorarea celui precedent i accept transmiterea succesiv a mai multor pachete, fr a se atepta confirmarea de recepie. UDP (User Datagram Protocol) este un protocol nefiabil care asi transmisia datelor n entiti separate numite "datagram" fr nici o legtur ntre acestea. Nu asigur controlul fluxului n timpul transmisiei (nefiabil), n schimb este mai rapid dect TCP. Nivelul aplicaie conine o serie de servicii accesibile direct (prin comemzi) utilizatorilor, dintre care cele mai importante sunt: TELNET, FTP, SMTP, WEB. Pentru identificarea serviciilor din Internet se face apel la noiunea de port (figura). Pentru fiecare dintre cele dou protocoale ale nivelului transport exist un ansamblu de porturi, ce se identific printr-un numr ntreg reprezentat pe 16 bii. Numrul portului surs i numrul portului destinaie sunt coninute n primul cuvnt din antetul fiecrui segment TCP, respectiv fiecare pachet UDP. Numerele de porturi cuprinse n intervalul 1-1023 sunt rezervate proceselor sistem. Din punct de vedere al conexiunilor fizice exist 3 posibiliti: reeaua telefonic ajunge pn la un debit de 33600 bii/s, ceea ce nseamn c un fiier de 1 Mb se poate transfera teoretic n 8-10 minute, iar un CD de 640 Mb, n 4 zile. Deoarece pe reeaua telefonic circul semnale analogice, iar n calculator informaiile sunt reprezentate prin semnale digitale, este necesar un modem (modulator/demodulator) care s realizeze conversia ntre cele dou tipuri de semnale. legturi pe linii numerice - ISDN n S.U.A sau RNIS n Frana, utilizeaz dou canale cu un debit de 64 Kb/s fiecare. Deoarece pe aceste linii informaia circul sub form de semnale digitale, nu mai sunt necesare modemuri, ci adaptoare. linii specializate LS, ce au un debit mult mai mare, care ncepe de la 1,5 Mb/s (liniile numite T1) pn la 45 Mb/s (linii numite T3). Aplicaia A1 Aplicaia A2 Aplicaia A3 Aplicaia A4

Port UDP1 Nivel Aplicaie

Port UDP2

Port UDP3

Port UDP4

Modul UDP Nivel Transport

Modul TCP

Selectarea modulului

Modul ARP

Modul IP

Modul RARP

Modul ICMP

Selectarea modulului Nivel Reea

Figura: Identificarea serviciilor n reeaua Internet

11

4. Servicii Internet
Principalele servicii oferite de Internet sunt: pota electronic, conectarea la distan (Telnet), transfer de fiiere (FTP) i World Wide Web (WWW). Toate serviciile oferite de Internet sunt aplicaii de reea bazate pe modelul client - server.

4.1.

Pota electronic

Pota electronic este unul dintre cele mai utilizate servicii n reeaua Internet. Aceasta
permite comunicarea simpl i uoar ntre doi utilizatori conectai la Internet i aflai oriunde n lume. De asemenea, este posibil schimbul de mesaje cu ali utilizatori conectai la reele independente, cum ar fi: Compuserve, Applelink i altele. Alte tipuri de comunicare electronic, ce se bucur de o mare popularitate n ultimul timp, sunt discuiile de grup pe teme prestabilite i jurnalul electronic. Pota electronic funcioneaz dup principiul serviciului potal clasic [NN98]. Astfel, o persoan scrie o scrisoare, o introduce ntr-un plic pe care scrie adresele expeditorului i destinatarului i o depune ntr-o cutie potal. n continuare, potaul o preia i, prin intermediul serviciului potal, o transmite prin mai multe oficii intermediare n cutia potal a destinatarului, de unde acesta o ridic atunci cnd dorete. Primele specificaii privind structura mesajelor pentru pota electronic au fost fcute n 1982 de ARPANET prin documentele RFC 821 (protocolul de transmisie) i RFC 822 (formatul mesajelor). Doi ani mai trziu, CCITT a emis recomandarea X.400, care a fost preluat de OSI pentru a fi standardizat. n felul acesta a aprut competiia ntre RFC 822 i X.400, care s-a finalizat prin impunerea lui RFC 822 ca standard de facto. Cmpurile din structura RFC 822 (vezi tabelul) sunt divizate cu aproximaie n patru grupuri: plicul, adresa, coninutul i informaii diverse. Cnd un mesaj traverseaz reeaua, pentru a ajunge de la expeditor la destinatar, n fiecare etap n cmpurile "Received" se adaug linii noi. Aceste linii conin urmtoarele informaii: identitatea calculatorului care a recepionat mesajul; suportul fizic utilizat (reeaua Internet sau o reea local conectat la aceasta); protocolul utilizat; data i ora sosirii mesajului. Astfel, cnd mesajul ajunge la destinaie, va conine toate informaiile necesare reconstituirii drumului parcurs n reea. Utilizatorii sunt identificai prin adrese de e-mail unice n lume, care au structura: nume_utilizator@nume_host RFC 822 a fcut fa cu succes n perioada de nceput a Internet, cnd majoritatea scrisorilor erau scrise n limba englez i conineau numai text. O dat cu extinderea reelei Internet n ntreaga lume, au aprut probleme privind expedierea unor scrisori n limbi cu accent (franceza, germana), n limbi cu alfabete nelatine (rusa, ebraica), n limbi fr alfabet (japoneza i chineza) sau scrisori care s conin imagini i sunet (scrisori multimedia).

12

Semnificaie adresa expeditorului To adresa destinatarului Received from proveniena mesajului Received by identitatea receptorului Received vid suportul fizic utilizat Received with protocolul utilizat From numele expeditorului Replay-To adresa de retur Cc adresele de expediere a copiilor Bcc adresele copiilor de rezerv In-Replay-To identificarea mesajului la care se rspunde References alte mesaje citate Subject subiectul mesajului Keywords descrierea coninutului Date data emiterii mesajului Mesaje-ID identificatorul mesajului Comments comentariile utilizatorului Encrypted index ctre tabele cheilor de codificare Cmp Sender
Tabel: Structura mesajelor, conform RFC 822

Grup

Plicul

Adresa

Coninutul

Diverse

Pentru a rspunde acestor neajunsuri a fost introdus un nou standard, prezentat n RFC 1521 numit MIME (Multipurpose Internet Mail Extension). Acesta este o completare a lui RFC 822 cu nc cinci antete de mesaje, dup cum urmeaz: MIME-version - identific versiunea de MIME folosit; dac lipsete se presupune c mesajul este n format text; Content-Description - indicaii asupra coninutului mesajului; Content-Id - identific coninutul utiliznd acelai format ca antetul standard (Message - Id); Content-Transfer-Encoding - prezint modul de mpachetare a corpului mesajului; n acest sens exist cinci scheme de mpachetare; Content-Type - indic natura corpului mesajului sub forma tip/subtip. Au fost definite 7 tipuri cu mai multe subtipuri: text, utilizat pentru text simplu: text/plain, mesajul recepionat poate fi afiat fr o prelucrare prealabil; text/richtext include comenzi simple de formatare, care fac apel la SGML (Standard Generalized Markup Language). Image, folosit pentru transmiterea imaginilor statice: image/gif - imagini n format GIF; image/jpeg - imagini n format JPEG. Audio/basic, pentru mesaje de sunet; Video/mpeg, film n format MPEG; Application, folosit pentru formatele care necesit o prelucrare extern: application/octet - stream, mesaj constituit dintr-o secven de octei; application/postscript, mesaj n limbajul PostScript (realizat de Adobe Systems). Message, permite ncapsularea unui mesaj n altul: 13

message/rfc 822, cnd un mesaj RFC 822 complet este ncapsulat ntrun mesaj exterior;

message/partial, mesajul a fost fragmentat pentru a fi trimis: message/external-body se utilizeaz pentru mesaje foarte lungi (un

film), n loc s se includ fiierul MPEG n mesaj, se d adresa FTP unde poate fi gsit i adus la nevoie; Multipart, un mesaj conine mai multe pri: multipart/mixed, fiecare parte este diferit; multipart/alternative, acelai mesaj n formate diferite; multipart/parallel, pentru o interpretare simultan (afiarea imaginilor video i transmiterea coloanei sonore dintr-un film); multipart/digest, fiecare parte este un mesaj RFC 822 complet. Din punct de vedere funcional, serviciul de pot electronic are dou pri: interfaa cu utilizatorul, prin care se pregtesc scrisorile, se expediaz i se citesc cele primite; agentul de transmisie (potaul), care asigur transportul corespondenei la distan. Exist mai multe programe pentru pota electronic, dintre care cele mai utilizate sunt PEGASUS i EUDORA. Mai mult, navigatorul NETSCAPE are ncorporat serviciul de pot electronic. Expedierea i recepia potei Textul unei scrisori poate fi introdus cu ajutorul editorului propriu din programul de e-mail, sau poate fi importat dintr-un fiier ASCII, creat cu un alt editor. Identificarea expeditorului i a destinatarului se face prin adrese de e-mail care au structura: nume utilizator@nume host De exemplu: laura@cia.tibiscus.ro, identific utilizatorul cu numele Laura de pe hostul cia (Facultatea de Calculatoare i Informatic aplicat), din subdomeniul tibiscus (Universitatea Tibiscus), al domeniului ro (Romnia). Fiecare utilizator are o cutie potal personal unde se primesc scrisorile expediate pe adresa sa. n momentul pregtirii unei scrisori cmpurile Date i Sender sunt completate automat de sistem. Restul cmpurilor din antetul scrisorii au structura urmtoare: To : adresa destinatarului/destinatarilor; Subject : subiectul scrisorii; Cc : lista cu alte adrese de destinaie, unde se vor expedia copii ale scrisorii (Carbon copy: copii la indigo); Bcc: lista cu alte adrese de destinaii, unde se vor expedia copii oarbe ale scrisorii (Blind carbon copy). Lista de adrese specificat n cmpul Cc face parte din scrisoare i va fi transmis la toi destinatarii acesteia. Lista de adrese din cmpul Bcc nu face parte din scrisoare, deci nu va fi vzut de toi destinatarii, de unde i denumirea de copii oarbe. Dup recepia scrisorilor, conform unei reguli de politee, destinatarul trebuie s rspund n maximum 24 de ore. Exist posibilitatea ca scrisorile care sosesc la un destinatar s fie reexpediate ctre alte persoane din reea. Dac hostul local la care utilizatorul este conectat nu are serviciul de transfer fiiere (FTP), se poate folosi serviciul de pot. n acest sens, exist dou posibiliti: utilizarea unor server-e specializate - n acest caz, se transmite server-ului o scrisoare n care n locul subiectului se introduce comanda send nume_fiier, iar coninutul este vid; utilizarea unor pori generale ftpmail - n acest al doilea caz, expeditorul transmite o scrisoare ctre o poart general, care va apela FTP-ul n contul acestuia, prelund fiierul dorit i va emite un rspuns. n acest caz, subiectul scrisorii este ignorat, iar 14

textul scrisorii trebuie s conin comenzile pe care pota le va executa n contul expeditorului. Pentru a afla comenzile posibile, se expediaz o scrisoare cu coninutul help ctre o poart general. Facilitile puternice de comunicare pe care le ofer pota electronic n reeaua Internet sunt umbrite de apariia unor utilizatori intrui, care nu au nici o legtur cu dorina real de comunicare a oamenilor. Acetia trimit scrisori n lan sau intercepteaz scrisorile altor utilizatori, ceea ce mrete considerabil n mod inutil traficul n reea i afecteaz securitatea acesteia. n ultimul timp, s-au fcut cercetri intense n vederea mbuntirii serviciului de pot electronic, n sensul asigurrii securitii informaiilor transmise n reea. Astfel a aprut proiectul PEM (Privacy Enhanced Mail - Pota electronic extins cu faciliti de securitate) n cadrul IEFT (Internet Engineering and Task Force) sub auspiciile IAB (Internet Architecture Board). Rezultatele cercetrii s-au concretizat n RFC-urile 1421-1424, care sunt propuse ca standarde Internet. Serviciile oferite de proiectul PEM [NN98] sunt: confidenialitatea informaiilor, prin codificarea scrisorilor pentru a le proteja mpotriva citirii neautorizate de alte persoane dect destinatarii acestora; autentificarea originii scrisorilor, pentru a elimina posibilitatea expedierii unor scrisori n numele altor utilizatori; integritatea conexiunii n reea, pentru a se evita modificarea scrisorilor pe traseu, de la expeditor la destinatar; nerepudierea scrisorilor, atunci cnd acestea sunt retransmise spre ali destinatari, care pot verifica identitatea originii (nu numai a intermediarului). Dac n momentul sosirii unei scrisori, destinatarul este conectat logic la hostul detinaie, acesta va fi informat automat de apariia acestui eveniment prin mesajul: you have new mail n caz contrar, informarea se va face imediat ce acesta se va conecta la sistem. Dac hostul specificat n adresa destinatarului nu este conectat logic la reea, programul de e-mail ncearc contactarea acestuia n timp de trei zile, dup care, n caz de eec transmite un mesaj expeditorului. Dac o scrisoare nu poate fi predat destinatarului, deoarece adresa de e-mail a acestuia nu este cunoscut de pota (nume utilizator necunoscut i/sau nume host necunoscut), sistemul o nregistreaz la expeditor ntr-un fiier numit dead.letter. Tot aici sunt plasate i scrisorile incomplete, abandonate de utilizator n timpul introducerii acestora cu ajutorul editorului de e-mail. Transferul potei Transferul potei n Internet se face prin protocolul SMTP (Simple Mail Transfer Protocol) RFC 821. n acest sens host-ul de expediie stabilete o conexiune TCP la portul 25 al hostului de destinaie, unde se afl un demon de e-mail care implementeaz SMTP. Acest demon accept conexiunea i copiaz scrisorile n cutiile potale de destinaie. Dup ce s-a stabilit conexiunea TCP host-ul de expediie (client) ateapt ca hostul destinaie (server) s aib iniiativa de transfer. Serverul ncepe prin a-i declara identitatea i starea (dac este pregtit sau nu s primeasc mesaje). Dac acesta nu este pregtit pentru transfer, clientul elibereaz conexiunea i ncearc din nou mai trziu. Dac serverul este pregtit pentru a recepiona scrisoarea, clientul i furnizeaz adresele expeditorului i destinatarului. Se verific n continuare adresa destinatarului i dac exist, serverul acord clientului permisiunea de a transmite scrisoarea, urmnd ca, dup transfer, clientul s primeasc un mesaj de confirmare. n unele situaii utilizatorii nu sunt conectai direct la Internet, spre exemplu acetia lucreaz ntr-o reea local (LAN) de PC-uri care au acces la un server de e-mail, capabil s expedieze i s recepioneze scrisori. Comunicarea ntre PC-uri i serverul de e-mail, n scopul livrrii corespondenei se face prin intermediul a trei protocoale: POP3 (Post Office Protocol), IMAP (Interactive Mail Access Protocol) i DMSP (Distributed Mail System Protocol). 15

Protocolul POP3 (definit prin RFC 1225) posed comenzi pentru conectarea i deconectarea utilizatorilor, livrarea scrisorilor de pe server ntr-o cutie potal pe PC-ul local, tergerea acestora. Deoarece la fiecare conectare a utilizatorului local la serverul de e-mail, se copiaz ntreaga cutie potal de pe server n cutia potal de pe PC, n cazul unui numr mare de mesaje utilizatorul trebuie s realizeze sincronizarea celor dou cutii pentru a avea o gestiune ct mai simpl a mesajelor primite. Marele avantaj al acestui protocol este faptul c dup livrarea scrisorilor din cutia potal a serverului n cutia potal local, acestea pot fi citite local fr a mai fi necesar conectarea la server. Protocolul IMAP (definit n RFC 1064) este mai complex dect POP3 i este destinat n general utilizatorilor care folosesc mai multe calculatoare pentru a accesa serverul de e-mail (de acas, de la serviciu sau n deplasare). n acest caz, pe serverul de e-mail se afl cutia potal a utilizatorului, care poate fi accesat din mai multe locuri fr a livra scrisorile local, la punctul de acces. Cnd utilizatorul se conecteaz la serverul de e-mail, el va vedea local numai lista cu scrisorile care i-au fost adresate. Cnd dorete s citeasc o scrisoare, aceasta va fi copiat local unde va fi vizualizat i eventual modificat, dup care ajunge tot pe server n aceast ultim form. Un avantaj al protocolului IMAP este faptul c utilizatorul local poate cere vizualizarea unei scrisori nu numai prin numrul acesteia, ci i prin atributele ei (lucru care nu este posibil n protocolul POP3). Aceast facilitate complic foarte mult organizarea cutiei potale, care devine astfel o veritabil baz de date. Dezavantajul acestui protocol const n faptul ca utilizatorul local va trebui s rmn conectat la serverul de email pe toat durata citirii corespondenei. Protocolul DMSP (definit n RFC 1056) presupune existena mai multor cutii potale i permite transferul scrisorilor ctre o staie de lucru, dup care are loc deconectarea. Utilizatorul poate citi scrisorile i compune altele n timp ce este deconectat. Ulterior, dup ce se reconecteaz, scrisorile sunt retransferate i sistemul este resincronizat.

4.2.

Transferul fiierelor n reea (FTP)

FTP (File Transfer Protocol) permite transferul fiierelor ntre dou noduri ale reelei
Internet. Acest transfer este implementat dup arhitectura client-server, n care pe server se execut procesul ftpd (daemon), iar clientul folosete un program tip linie de comand sau cu interfaa grafic. Din punct de vedere al accesului sunt dou posibiliti: clientul care emite comanda a fost introdus, ca utilizator, pe serverul de la distan; clientul nu este introdus ca utilizator pe serverul la distan, dar acesta este un server public, la care utilizatorii au drepturi restrnse (eventual, numai de citire). Fiecare dintre programele FTP, tip comand sau cu interfaia grafic, execut aceleai operaii: Deschiderea unei conexiuni pe un server la distan (open). Identificarea serverului se face fie prin adresa sa sau prin numele anonymous, urmat de adresa de e-mail n loc de parol. Vizualizarea coninutului directoarelor (folder-elor) de pe server (dir). La unele versiuni de FTP, aceast operaie se face mai mult sau mai puin automat. Cu aceast ocazie se pot vedea numele fiierelor i proprietile acestora (tip, dimensiune). n general, fiierele accesibile publicului larg se gsesc memorate ntrun director cu numele pub i sunt comprimate pentru a ocupa un spaiu ct mai mic. Deplasarea n cadrul directoarelor (ed). Controlul transferului de fiiere n funcie de modul de reprezentare. Exist dou moduri standard n acest sens, ASCII i binar. Tipul ASCII este cel presupus implicit i se folosete n general pentru fiiere text, programe surs, pota electronic, arhive, fiiere postscript. Aceste fiiere sunt supuse unor transformri de adaptare la caracteristicile calculatoarelor surs i destinaie. Tipul binar sau imagine se folosete n general pentru fiierele din baze de date, procesoare de tabele, programe executabile. Copierea unuia sau mai multor fiiere de pe un server la distan pe un calculator local (get, mget). 16

Copierea unuia sau mai multor fiiere de pe un calculator local pe un server la distan (put, mput). Majoritatea fiierelor care fac obiectul unui transfer n reea prin FTP sunt comprimate la surs. n momentul utilizrii acestor fiiere, trebuie realizat operaia invers de decomprimare. Din acest punct de vedere trebuie reinut faptul c fiierele text (txt), postscript (ps), document (doc) nu sunt comprimate. Fiierele de tip ZIP sunt comprimate cu programele PKZIP sau WINZIP i pot fi decomprimate cu PKUNZIP i WINZIP. Exist, de asemenea, posibilitatea de a comprima un fiier sub forma EXE urmnd s fie decomprimat prin lansarea n execuie (autodecomprimare). n general, majoritatea serverelor FTP conin fiiere organizate din punct de vedere tematic i pe versiuni. Serverele FTP cele mai importante, cu un numr mare de solicitri au i copii identice care se gsesc localizate la alte adrese, pentru a descongestiona traficul n retea. n situaia n care se cut un fiier a crui surs nu e cunoscut, se poate apela la serverele tip Archie. Acestea cunosc coninutul serverelor FTP din imediata lor apropiere i sunt actualizate n timp real. Utilizatorul face o cerere ctre un server Archie i va primi rspunsul prin e-mail (Archie fiind cuplat cu serverul e-mail). Cele mai importante servere Archie sunt: archie.ans.net (New York, USA); archie.rutgers.edu (New Jersey, USA); archie.sura.net (Maryland, USA); archie.unl.edu (Nebraska, USA); archie.mcgill.ca (Canada); archie.funet.fi (Finlanda); archie.au (Australia); archie.doc.ic.ac.uk (Marea Britanie); archie.th.darmstadt.de (Germania); archie.wide.ad.jp (Japonia).

4.3.

Emularea terminalelor (Telnet)

Al treilea protocol de aplicaie, definit oficial i utilizat n reeaua Internet, este Telnet
(terminal emulation). Standardul Telnet a fost definit n SUA de ctre Agenia de Comunicaii a Aprrii ca Protocol Telnet Standard Militar, MIL-STD-1782. Telnet a fost proiectat la sfritul anului 1970 pentru a furniza suportul de terminal ntr-o reea de calculatoare multiuser care folosete protocolul TCP/IP. Protocolul Telnet permite conectarea unui terminal utilizator local la un server aflat la distan. ntr-o reea cu un grad ridicat de conectivitate i un mare numr de tipuri de terminale, n msura n care este posibil, este necesar s existe un protocol de terminal virtual, ca intermediar ntre terminalul real i server-e, cu scopul de a oferi un limbaj comun acestora. Acest protocol folosete trei concepte principale: asocierea, negocierea i profitul. O asociere de terminal virtual este stabilit ntre terminal i aplicaie, fiind iniiat de dispozitivul la care terminalul fizic este direct conectat. Mediul de terminal virtual este propus de ctre iniiator i exprim caracteristicile acestuia. Negocierea mediului de terminal virtual reprezint gradul n care mediul cerut iniial poate fi modificat. Modificrile sunt determinate prin setul unitilor funcionale selectate de iniiator. Cele trei uniti funcionale sunt: prima, n care negocierea nu este permis; a doua permite substituirea cu un alt profil diferit; a treia, dialogarea n vederea acceptrii reciproce a mediului. Telnet ofer protocoale pentru terminal virtual de reea, transfer de date i opiunea de negociere. Protocolul de terminal virtual Telnet a fost cunoscut mai mult pentru lucrul n modul defilare dect n modul pagin sau ecran, totui este posibil negocierea anumitor 17

funcii ale terminalelor n mod pagin. Serviciul Telnet este implementat ntr-o form mai veche sub form de comand sau mai nou este inclus n serviciul Web.

4.4.

Alte servicii Internet

Finger permite cunoaterea caracteristicilor unui utlizator conectat la rea. Acest serviciu este inclus n alte instrumente Internet sau poate fi dat ca o comand DOS: finger[nume utilizator@nume host] Dac nu se specific nici un argument, se afieaz o list cu toi utilizatorii conectai la sistemul local. Dac se specific argumentul, se afieaz informaiile aferente utilizatorului respectiv, dac acesta este conectat la reea. Uneori, reelele locale conectate la Internet sunt protejate printr-un "firewall" (zid de protecie) care nu permite accesul din exterior la adresele IP ale acesteia. n acest caz, comanda Finger este inoperant. Ping permite testarea conexiunii cu un anumit host din Internet. Ea poate fi specificat ca o comand DOS sau UNIX sub forma: ping nume_host Pentru a msura viteza de comunicaie, se poate specifica parametrul s sub forma: ping -s nume_host. Traceroute afieaz o list cu toate server-ele aflate pe traseul de reea, care conecteaz server-ul destinaiei specificate ca argument. Sub DOS se specific sub forma: tracert nume_host Aceast comand este util pentru a afla care este host-ul n pan, dac apare o eroare de conexiune. Whois permite accesul la o baz de date care se gsete pe server-ul aflat la Network Information Center (NIC). Astfel, se pot obine informaiile privind host-urile Internet i utilizatorii acestora.

Talk permite o discuie on-line cu o persoan conectat la Internet (evident, putem verifica cu finger, dac persoana este conectat sau nu). Printr-o comand talk adres_e-mail vom solicita persoanei, a crei adres de e-mail am indicat-o n comand, un dialog prin serviciul talk. Pe ecranul interlocutorului va aprea un mesaj n care suntem identificai prin adresa noastr de e-mail, iar interlocutorul va rspunde tot printr-o comand talk. Dup iniierea dialogului, ecranele celor doi interlocutori se npart n dou, n partea de sus fiind textul nostru, iar n partea de jos, rspunsul.

18

5. Serviciul World Wide Web

Web sau WWW (World Wide Web) sau W3

reprezint unul din seviciile de informare pe lnternet. Un serviciu Web combin tehnologiile noi cu serviciile Internet disponibile. Web este o colecie de documente multimedia, calculatoare, reele i evident soft client i server Web (figura).
Calculator utilizator (navigator Web) Documente multimedia Server Web

Reea local
Figura: Componentele Web

Reea local

Elementele la care Web face apel sunt: Identificatorul uniform al resurselor, URL (Universal Resource Locators), care permite recuperarea tuturor tipurilor de informaie din orice punct din Internet. Protocolul de transfer hipertext, HTTP (HyperText Transfer Protocol), care permite comunicarea ntre server-ul i navigatorul Web. HTTP reprezint un ansamblu de reguli relativ simple pentru a fi utilizate n cadrul sistemelor hipermedia distribuite. Limbajul de realizare a hipertextelor, HTML (HyperText Markup Language), care permite crearea documentelor hipertext, care vor fi vizualizate cu ajutorul navigatoarelor Web. Web se deosebete de alte servicii Internet, deoarece prin concepia sa nglobeaz alte servicii cum ar fi: FTP, Gopher, Telnet, Wais, News. Web reprezint subnivelul superior al nivelului aplicaie. Server-ul Web reprezint sistemul pe care ruleaz un soft, numit daemon httpd, ce are ca scop distribuia informaiei stocate, sub forma unor documente. Accesul la informaia de pe un server Web se obine prin intermediul unui soft client numit navigator sau browser. Navigatorul i serverul Web coopereaz dup modelul client-server (figura C.2). Browserul emite cererile i recepioneaz datele care vor fi afiate. Dup recepia datelor, browser-ul formateaz documentele innd seama de tag-urile HTML i apoi le afieaz. Primul navigator Web grafic a fost Mosaic de la NCSA (National Center for Supercomputing Application). Browser-ul Netscape este unul din cele mai utilizate i ofer urmtoarele faciliti: permite deschiderea mai multor pagini Web n acelai timp; administreaz scrierea i citirea pentru serviciul News; administreaz recepia i emisia potei electronice; suport Java n modul de lucru pe 32 de bii i JavaScript ; include bibliotec Plug-Ins. Netscape ocupa ponderea cea mai mare pe piaa browser-elor. Este suficient s privim gradul de utilizare a navigatoarelor Web, la nivelul anului 1997 (conform [NN98]): 19

Netscape (Windows) Netscape (Macintosh) SPRY_ Mosaic Microsoft Explorer Lynx Netscape (X 11) IBM Web Explorer Hot Java

51 % 4% 6,6 % 6,4 % 5,8 % 4,4 % 1,4 % 0,2 %

Situaia pare s se fi schimbat dup patru ani, cci n 2001, n topul revistei PC-World, la capitolul cel mai bun browser de Web al anului 2001 conduce detaat Microsoft Internet Explorer 5.5, n timp ce noua versiune Netscape 6 este deocamdat, puin fiabil. Utilizatorul poate apela unul dintre produsele de navigare, sub: Windows: Netscape Internet Explorer Mosaic Dos: Dos Lynx X Windows: XMosaic UNIX: WWW

5.1.

Universal Resource Locators (URL)

Accesul la un anumit document se face prin specificarea adresei acestuia. Forma

standardizat a unui URL conine: protocolul de schimb; serverul; directorul/fiierul. Sintaxa este: protocol : / /nume_server/cale/nume document De exemplu, URL-uri ctre motoare de cutare cunoscute: http://www.yahoo.com/ http://www.google.com/ Exist mai multe tipuri de URL, fiecare reprezentnd un serviciu dat: ftp://nume:parola@server/dir1/dir2 - acest tip de URL permite accesul la un server FTP pentru: vizualizarea ansamblului fiierelor unui director, dac nici un fiier nu a fost specificat; ncrcarea fiierului pe discul local, dac un nume de fiier a fost dat. file://server/fisier - pentru accesarea unui fiier prezent pe discul local; gopher://server - permite deschiderea unui meniu Gopher, pentru regsirea informaiei; telnet://nume:parola@server:port - permite deschiderea unei sesiuni telnet pe maina de la distan; news://grup.articol - permite deschiderea unei sesiuni News pe un server News dat ca parametru n soft-ul client; wais://server/ - permite accesul la un server baz de date Wais (Wide Area Information Servers Server-e de informaii de arie larg); mailto://nume@server - permite deschiderea unei sesiuni de pot electronic, pentru scrierea i transmiterea unui mesaj ctre utilizatorul a crui adres figureaz n URL.

5.2.

Hipertext

Web face apel la conceptul de hipertext. Hipertextul este o metod de prezentare a

informaiei, unde anumite cuvinte ale textului pot fi apelate n orice moment pentru a furniza alte informaii (figura). Respectivele cuvinte reprezint legtura ctre alte documente, ce pot fi texte, imagini sau alte fiiere. 20

Dezvoltarea rapid a comunicaiilor numerice i a sistemelor de afiare grafic a determinat o evoluie a hipertextului ctre hipermedia, n care legturile se realizeaz ctre texte, imagini, sunete i filme. lnformaia tranzitat sub Web este organizat sub forma documentelor multimedia, cu legturi ctre alte documente. Informaia pe care un server Web este n msur s o elibereze este structurat ierarhic ntr-un arbore. Rdcina arborelui constituie punctul de intrare. Informaiile eliberate prin Web pot fi: documente HTML (.html sau .htm); texte ASCII (.txt); documente performante, cum ar fi PostScript (.ps); imagini fixe, sub diferite reprezentri GIF, JPEG, TIFF; nregistrri sonore n format AU sau AIFF; filme n format QuickTime (.mov) sau MPEG (Motion Picture Experts Group); reprezentarea VRML a unei scheme tridimensionale; un microprogram sau "applet" Java.

Doc.3 Doc.1 Doc5

Doc.2 Doc.4
Figura: Exemplu de legturi hipertext

5.3.

Publicarea documentelor Web

Distribuiia informaiei prin Web poate fi cheia succesului n orice domeniu de activitate, ce
se traduce prin creterea vnzrilor, prin atragerea noilor clieni sau, mai simplu, prin propagarea ideilor proprii. Pentru publicarea prin Web, prima etap const n realizarea documentului. Cel care editeaz documentul Web este responsabil att de coninutul i calitatea informaiilor ct i de claritatea i utilitatea lor. Pentru crearea i publicarea unui document este necesar parcurgerea urmtoarelor faze: dezvoltarea unei strategii; definirea structurii; crearea documentului; perfecionarea; recitirea documentului; testarea; publicarea n forma final. Web este un serviciu Internet care permite lansarea ideilor oricrui utilizator. Prin adugarea de sunete, imagini grafice i video se pot crea documente impresionante, 21

interactive i dinamice, care o s determine cititorii s revin n mod curent la site-ul respectiv. nainte de crearea documentului se va stabili o strategie, avnd n vedere: finalitatea, coninutul, audiena i structura documentului. Finalitatea documentului se refer la motivul pentru care acesta este creat: documentul prezint o universitate ? se dorete o informare despre existena unui curs universitar on-line? este prezentat chiar cursul? promoveaz rezultatele unei cercetri? De asemenea, finalitatea documentului poate consta n vnzarea unui serviciu sau ntro ofert gratuit ctre comunitatea Internet. Coninutul documentului este foarte important. Prin coninut se face referire la tema i dimensiunea documentului. Plecnd de la subiectul documentului, trebuie stabilit gradul de detaliere al acestuia. Se pot aborda, la modul general, mai multe subiecte sau se pot trata mai aprofundat cteva subiecte bine alese. Dac se dorete tratarea mai multor subiecte, este de preferat prezentarea lor n documente distincte, organizate pe niveluri de detaliere. Astfel, primul document este unul de prezentare general, din care pot fi accesate altele de detaliu (ca n figura 5.9) Este esenial punerea la punct a unei strategii care va ine seama de publicul cruia i se adreseaz documentul creat. Nu este totdeauna uor de a gsi destinatarii unui seviciu. Web permite s se ajung la o audien foarte divers. Totui, se va ine seama c aria de audien este mult mai larg dac se folosete limba englez, dect limba romn. Aceasta cu o condiie, subiectul tratat s fie de interes general i nu direcionat ctre indivizii unei comuniti. Pentru a se stabili, n linii mari, care este publicul ce ar putea fi interesat de ideile, produsele sau serviciile care vor fi lansate prin documentul Web, trebuie s ne punem urmtoarele ntrebri: Cui ne adresm? De ce sunt interesai de produsul sau serviciul nostru? Cum facem s-i depistm pe cei interesai? nainte de a crea documentul, trebuie stabilit structura acestuia. Un document bine structurat va fi urmrit mult mai uor de ctre cititor. ntr-un document trebuie s se regseasc urmtoarele elemente: partea introductiv: prezint documentul pe scurt (organizare, coninut); corpul documentului: coninutul site-lui; elementul de ncredere: ofer cititorului argumentul de a mai reveni; concluzia: un final elegant de document (finit coronat opus).

22

6. LIMBAJUL HTML - Prezentare general

HTML reprezint o implementare simpl a limbajului SGML (Standard Generalized Markup
Language) care permite crearea de documente hipertext pentru paginile Web. Principalele caracteristici ale acestui limbaj sunt: descrierea structurii documentului; nu este descris aranjarea n pagin; permite fiecrui navigator s aib propria prezentare; un document HTML poate fi reutilizabil. Orice document SGML este reutilizabil i se caracterizeaz prin coninut i organizarea sa. Normele de interschimbare a documentelor descriu: elementele legate de coninut: partea vizibil; structura: derularea logic a documentului; aranjarea n pagin: prezentarea. Ciclul de via al unui document Web include: concepia: cnd se utilizeaz instrumente de editare; gestiunea: stocarea n fiiere; difuzarea: este permis vizualizarea de ctre utilizatori; utilizarea: prin editare, copiere, imprimare. Coninutul unui document se caracterizeaz prin: natura informaiei: texte, grafic, tabele, ecuaii; structura: numele: titluri capitole, paragrafe, legende; concepia obiectelor imbricate; prezentare: operaia de formatare. HTML a parcurs n timp mai multe versiuni: HTML - nivel 1: versiunea standard de baz, care este recunoscut de toate navigatoarele; HTML - nivel 2: nivel 1 + formulare interactive; HTML - nivel 3: nivel 2 + tabele, ecuaii i alinierea textelor i imaginilor. HTML - nivel 4: nivel 3 + modele de prezentare a documentelor, ameliorarea tabelelor i formularelor. Un document HTML se poate realiza printr-un: editor de texte (n ASCII); procesor de texte; editor HTML; convertor HTML. Limbajul HTML include o mare diversitate de tag-uri (marcatori), sub forma: <Nume Tag> Text -------------- [</Nume Tag>] Tag-urile sunt: singulare, cnd se regsete numai tag-ul de nceput (<P>); pereche, reprezentat prin tag de nceput (<HEAD>) i tag de sfrit (</HEAD>). Unele tag-uri dein atribute (parametri) care pot lua anumite valori, n acest caz sintaxa este: < Nume_ tag atrib1="valoare1" atrib2="valoare2" > Exemplu: <IMG src="URL_imagine" ign="top"> IMG reprezint numele tag-ului ce are rolul de a include n document o imagine. Numele primului atribut este src, avnd ca valoare URL-ul fiierului imagine, iar numele celui de al doilea atribut este align i se refer la aranjarea imaginii n document avnd valoarea top. 23

6.1.

Structura documentelor HTML

Orice document HTML include un antet i un corp (figura). Pentru structurarea documentului se utilizeaz tag-urile: <HTML> ---------<HEAD> ---------<TITLE> ---------<BODY> ---------definete nceputul i sfritul documentului; nceput/sfrit antet document; nceput/sfrit titlu document; nceput/sfrit document propriu-zis;

<HTML> <HEAD> <TITLE> Exemplu de document HTML </TITLE> </HEAD> <BODY> </BODY> </HTML> antet

corp document

Figura: Structura minimal a unui document HTML

6.2.

Aranjarea n pagin i formatarea documentelor

<Hi> ... </Hi> indicele i=1, 2, 3, 4, 5, 6 stabilete dimensiunea caracterelor pentru textul din interiorul tagului. Dimensiunea cea mai mic se obine pentru i=6 i cea mai mare pentru i=1. <EM ... </EM> text scos n eviden (Emphasis). <STRONG> ... </STRONG> text puternic scos n eviden. <ADDRESS> ... </ADDRESS> textul specific o adres potal, o adres e-mail sau un numr de telefon. <B> ... </B>, <I> ... </I> text bold sau italic. <TT> ... </TT> text monospaiat. <BR> ntrerupe linia curent i trece pe urmtoarea, indiferent dac urmeaz text sau imagine. <P> ... [</P>] trece la paragraful urmtor, care ncepe cu o nou linie, dar spre deosebire de <BR> las i o linie liber ca separator de paragrafe. < ! ...Text ...> comentariu, fiind ignorat de navigator. <HR [SIZE=n] [WIDTH=n] [ALIGN=left|right|center] [NOSHADE]> transeaz o linie orizontal de separare, care poate avea urmtoarele caracteristici: grosime (SIZE), lungime (WIDTH), aliniere (ALIGN) i fr umbr (NOSHADE). <DIV ALIGN="left|center|right"> ...</DIV> alinierea textului. 24

<PRE [WIDTH=n]> ... </PRE> permite conservarea formatrii textului din intervalul tag-ului. Atributul WIDTH fixeaz numrul de coloane n care se afl textul formatat, valoarea implicit fiind de 80 de coloane. <HTML> <HEAD> <TITLE> Tabel preformatat </TITLE> </HEAD> <BODY> <H2> Tabel n text preformatat </H2> <PRE> FACULTATE NR-MATRICOL NUME PRENUME </PRE> </BODY> </HTML>
Exemplu

<FONT SIZE=n COLOR=x FACE=t1, t2, t3> ... </FONT> Efectul atributelor acestui tag acioneaz asupra textului situat naintea tag-ului </FONT>. Atributul SIZE=n stabilete dimensiunea caracterelor, n poate lua valori cuprinse ntre 1 i 7. Dac valoarea atributului este precedat de semnul + atunci n reprezint creterea n raport cu dimensiunea curent a caracterelor. Atributul COLOR=x, stabilete culoarea caracterelor dup modelul RGB: rrggbb (rr - rou, gg - verde, bb - bleu). rr, gg, bb sunt valori hexazecimale. Valoarea 00 d o intensitate minim, iar FF o intensitate maxim. Astfel, combinaia FF0000 corespunde pentru culoarea rou intens, FFFFFF pentru alb, iar 000000 , pentru negru. Atributul FACE=t1, t2, t3 permite stabilirea tipului de font, care trebuie s existe pe maina clientului. <MULTICOL COLS=n GUTTER=m WIDTH=d>....</MULTICOL> Permite scrierea textului pe mai multe coloane (gen ziar). Numrul de coloane, limea acestora i spaiul dintre ele se specific prin atributele: COLS, WIDTH i GUTTER. <CENTER> ... </CENTER> Centreaz pe orizontal textul sau imaginile. <SPACER TYPE=tip SIZE=n> <SPACER TYPE="BLOCK" WIDTH=n HEIGHT=j ALIGN=a> Permite controlul vertical i orizontal al spaiului dintre elementele unei pagini HTML. Atributul TYPE poate lua valorile HORIZONTAL, VERTICAL sau BLOCK. Dac atributul TYPE ia valoarea BLOCK, atunci se pot specifica i atributele: WIDTH (limea), HEIGHT (nlimea) ALIGN cu valorile TOP, BOTTOM, CENTER sau MIDDLE. <BR CLEAR=c> Permite spaierea unei imagini fa de textul documentului HTML. Atributul CLEAR poate lua valorile: LEFT, RIGHT sau ALL. LEFT las liber locul din stnga imaginii, RIGHT las liber locul din dreapta imaginii, iar ALL se folosete cnd avem dou imagini n pagin i vrem ca una s fie aliniat la stnga, cealalt, la dreapta i spaiul dintre ele s fie liber. <BODY BGCOLOR=c TEXT=t LINK=k VLINK=v ALINK=a> Controleaz culorile pentru: fondul ecranului, text i legturi. Toate valorile atributelor din tagul BODY (c, t, k, v i a) se specific dup modelul RGB sub forma "#rrggbb" . Atributul BGCOLOR d culoarea fondului de ecran, TEXT, culoarea textului (altul dect legturile hipertext), LINK, culoarea legturilor care nu au fost nc vizitate, VLINK, culoarea legturilor care au fost vizitate ALINK, culoarea temporar a legturii din momentul activrii acesteia (culoarea implicit este rou). Exist posibilitatea ca fondul ecranului s conin o imagine care trebuie s fie mai simpl i monocrom, pentru a permite o vizualizare uoar a paginii gzduite. Specificarea unei imagini ca fond de ecran se face prin: <BODY BACKGROUND="fisier_imagine.gif"> 25

7. Liste, Legaturi hipertext, includerea imaginilor in document 7.1. Liste

a) Liste ordonate <OL TYPE=t START=s> <LI>Text1 <LI>Text2 <LI>Text3 </OL> Atributul TYPE definete tipul numerotrii elementelor listei, care poate fi: t=1 pentru cifre, t=A pentru caractere majuscule, t=a pentru caractere minuscule, t=I pentru numerotarea roman cu litere mari i t=i pentru numerotarea roman cu litere mici; Atributul START definete valoarea de nceput. <OL> <B> <LI> Birotic <LI> Baze de date <LI> Structuri de date </B> </OL> Se va afia: 1. Birotic 2. Baze de date 3. Structuri de date

Exemplu: Liste ordonate

<OL> Se va afia: <B> <LI> <A href=URL_B> Birotic </A> 1. Birotic <LI> <A href=URL_D> Baze de date </A> 2. Baze de date <LI> <A href=URL_S> Structuri de date </A> 3. Structuri de date </B> </OL>
Exemplu: Liste ordonate

b) Liste neordonate <UL TYPE=t> <LI>Text1 <LI>Textn </UL> Atributul TYPE definete semnul care va precede elementele listei: t=SQUARE (ptrat), t=CIRCLE (cerc vid) t=DISC (cerc plin). <UL TYPE=DISC> Se va afia: <B> <LI> <A href=URL_B> Birotic </A> Birotic <LI> <A href=URL_D> Baze de date </A> Baze de date <LI> <A href=URL_S> Structuri de date </A> Structuri de date </B> </OL>
Exemplu: Liste neordonate

26

c) Liste cu definiii <DL> <DT><B> Termen1 pentru definit </B> <DD> Definirea termenuIui <DT><B> Termenn pentru definit </B> <DD> Definirea termenului </DL> <DL> <DT><B>Telnet</B> <DD>Protocol i program de nivel aplicaie, pentru emularea unui terminal <DT><B>X.400</B> <DD>Sistemul de standarde pentru pota electronic </DL> Rezultatul afirii cu un browser:

Telnet Protocol i program de nivel aplicaie, pentru emularea unui terminal X.400 Sistemul de standarde pentru pota electronic
Exemplu: Liste cu definiii

7.2.

Legturi hipertext

Legturile hipertext permit vizualizarea prin clic pe un cuvnt, fraz sau imagine a altor
fiiere dect cel curent. Pentru a realiza o legtur hipertext se utilizeaz tag-ul ancor: <A> ... </A>, care include i atribute. Unul dintre aceste atribute este: HREF (Hypertext REFerence), utilizat pentru a specifica URL-ul documentului int. Sintaxa este: atribut valoarea atributului textul pe care se face clic, afiat diferit text de legtur

<A HREF =

localizarea documentului

>

</A>

tag de nceput Legturile se pot realiza: intern, n acelai document; local, ctre un document situat pe acelai server; extern, ctre un document aflat pe alt server. a)

tag sfrit

Legtura local <A HREF = "fisier_local"> text de legtur </A> Valoarea fiier_local" reprezint adresa fiierului local ctre care se face legtura i acesta va fi ncrcat. Fiierul local se precizeaz folosind: 27

 calea relativ, serverul va cuta documentul ncepnd din acelai director ca i documentul de la care a fost apelat legtura; calea absolut, cnd documentul va fi identificat ncepnd cu directorul rdcin. b) Legtura intern Se realizeaz ntre elemente ale aceluiai document sau ctre un anumit punct int al altui document. Aceasta implic: crearea unei ancore n punctul int: <A NAME = "cuvnt_cheie"> Paragraf_int </A> Ancorele din punctul int nu sunt afiate diferit fa de restul documentului. realizarea unei legturi prin care se specific numele fiierului (dac legtura se face ntr-un punct al altui fier) i paragraful: <A HREF = " [nume fisier] #cuvnt_cheie"> Paragraf_int </A> Se utilizeaz acest tip de legtur n cadrul unui document organizat pe seciuni. La nceputul documentului poate fi prezentat coninutul. <HTML> <HEAD> <TITLE>Exemplu de pagin Web</TITLE> </HEAD> <BODY> <H1 align=center> EXEMPLUL DE PAGIN WEB</H1> <P>Se exemplific legtura ctre un paragraf al documentului <P> <P><A NAME="CCC"></A> <LI> <H1> <A href="#AAA"> Disciplinele din anul I </A></H1> <LI> <H1> <A href="#BBB"> Disciplinele din anul II </A></H1> <LI> <H1> <A href="#DDD"> Disciplinele din anul III </A></H1> <LI> <H1> <A href="#EEE"> Disciplinele din anul IV </A></H1> </OL> <HR><P> <H2> <A name="AAA"> Disciplinele din anul I </A></H2><BR> <UL> <LI>Algoritmi i programare <LI>Tehnici de programare <LI>Arhitectura calculatoarelor <LI>Bazele informaticii <LI>Logic computaional <LI>Analiz matematic <LI>Algebr <LI>Algebr computaional <LI>Geometrie <LI>Birotic (prelucrare texte & calcul tabelar) <LI>Economie politic <LI>Contabilitate general <LI>Limba Englez </UL> <HR> <A href="#CCC"> Revenire nceput </A> <HR><P>

28

<H3> <A name="BBB"> Disciplinele din anul II </A></H3><BR> <UL> <LI>Limbaje de asamblare <LI>Structuri de date <LI>Limbaje de programare <LI>Baze de date <LI>Algoritmica grafurilor <LI>Ecuaii difereniale <LI>Geometrie computaional <LI>Birotic (Internet, Intranet) <LI>Management <LI>Marketing <LI>Marketing <LI>Limba englez </UL> <HR> <A href=" #CCC " > Revenire nceput </A> <HR><P> <H4> <A name="DDD"> Disciplinele din anul III </A></H4><BR> <UL> <LI>Sisteme de operare <LI>Programare logic i funcional <LI>Inteligen artificial <LI>Reele de calculatoare <LI>Cursuri speciale de informatic <OL> <LI>Baze de date comerciale <LI>Programare orientat pe obiecte <LI>Proiectare asistat de calculator <LI>Baze de date orientate pe obiecte <LI>Grafic pe calculator <LI>Programare n Java <LI>Generarea curbelor i suprafeelor <LI>Analiza i evaluarea performanelor sistemelor de calcul <LI>Software matematic <LI>Probleme speciale de calcul numeric </OL> <LI>Calcul numeric <LI>Probabiliti <LI>Statistic computaional </UL> <HR>

29

<A href="#CCC"> Revenire nceput </A> <HR><P> <H5> <A name="EEE"> Disciplinele din anul IV </A></H5><BR> <UL> <LI>Limbaje formale <LI>Administrarea reelelor locale <LI>Sisteme informatice <LI>Tehnici de compilare <LI>Reele WAN <LI>Cursuri speciale de informatic <OL> <LI>Calculatoare paralele <LI>Generatoare de aplicaii Windows <LI>Ingineria programrii <LI>Limbaje de programare concurent <LI>Sisteme de operare distribuite <LI>Prelucrarea imaginilor <LI>Reele neuronale <LI>Simulare i modelare <LI>Sisteme inteligente <LI>Modelarea sistemelor economice </OL> </UL> <HR> <A href="#CCC"> Revenire nceput </A> <HR> <BODY> </HTML>
Exemplu: Exemplu de pagin Web

c) Legtura extern atribut URL document textul pe care se face clic, afiat diferit text de legtur

<A HREF = http://www.cia.tibiscus.ro >

</A>

tag de nceput

tag sfrit

inta unei legturi hipertext poate fi: un fiier HTML, o imagine extern (GIF, JPEG sau PostScript), un film sau text (cruia i s-a marcat o ancor). n cazul n care legtura hipertext puncteaz spre un fiier HTML, exist dou situaii posibile: 1. Documentul apelat aparine unui ansamblu de documente omogene care sunt dirijate dintr-un document principal. n aceast situaie se poate prevedea n documentul apelat o ancor de retur spre documentul principal pentru a facilita navigarea n ansamblul respectiv. Acest lucru trebuie fcut cu mult atenie, deoarece nr-un alt context s-ar putea s deruteze utilizatorul. Fiecare document are un buton de 30

revenire spre documentul principal. n exemplul din figura 5.17 se definesc dou ansambluri de documente distincte. n documentul 3 din ansamblul 1 se afl o legtur care puncteaz documentul B din ansamblul 2. Activarea butonului de revenire din documentul B l va duce pe utilizator n documentul principal al ansamblului 2, i nu n ansablulul 1, aa cum ar spera el. 2. Documentul apelat se afl pe un server independent de documentul n curs de realizare; dup consultare, utilizatorul va reveni n documentul de apel prin activarea butonului BACK din navigator. Este posibil definirea unor legturi ctre celelalte servicii Internet: FTP, Telnet, News, MailTo, JavaScript. Spre exemplu, o legtur de forma: mailto: adresa_e-mail va apela un program de scriere i expediere a scrisorilor, ctre destinatarul a crui adres a fost specificat. n contextul limbajului JavaScript, orice legtur hipertext este considerat ca un obiect i este nregistrat ntr-un tabel de unde poate fi accesat sub forma: document.links [indice] Numrul de legturi dintr-o pagin se poate obine prin: document.link.length. Singura proprietate a unei legturi care poate fi modificat este: document.links[i].target. Exist, de asemenea, trei evenimente asociate unei legturi: onMouseOver, onMouse0ut i onClick.

Butoane de revenire spre documentul principal 1

Meniul 1 1. 2. 3.

1.

2.

3.

Ansamblul 1

Meniul 2 A. B. C.

Butoane de revenire spre documentul principal 2 Ansamblul 2

Figura: Navigarea ntre documente

31

7.3.

Includerea imaginilor n document

Imaginile pot fi:

afiate direct n documentul Web, imagini on-line (n ideea c exist un browser grafic). Pentru a putea fi afiate, imaginile trebuie s fie salvate n format GIF sau JPEG. ncrcate i afiate la cererea utilizatorului prin tag-ul <A>, imagini (legturi) externe. Imaginile incluse n paginile Web pot avea diverse surse: fotografii preluate printr-un scanner, fotografii preluate de pe un CD-Photo, prin captarea imaginilor de pe un video-disc sau imagini realizate printr-un soft specializat. n sistemele informatice, descrierea unei imagini se poate realiza n mod: bitmap sau vectorial. n modul bitmap imaginea este realizat punct cu punct. Dimensiunea i rezoluia sunt stabilite de la nceput. n acest caz este diticil s se modifice mrimea fr a se altera calitatea imagini. Preluarea unei imagini cu un scanner genereaz imagini bitmap. Photoshop, SuperPaint, XV reprezint produse soft capabile s creeze i s returneze imagini bitmap. GIF este un format pentru reprezentarea imaginilor n modul bitmap. n modul vectorial, fiecare form, fiecare curb este definit printr-o formul matematic. O astfel de reprezentare are avantajul c desenele pot fi uor redimensionate sau deformate. Fiierele n care sunt nregistrate imaginile vectoriale sunt de capacitate mai mic dect cele cu imagini bitmap. Cele mai cunoscute tipuri de imagini vectoriale sunt cele PostScript (Illustrator fiind soft-ul pentru desen). Dac se dorete utilizarea imaginilor PostScript n paginile Web, pentru afiarea lor este necesar conversia n modul bitmap. Imaginile on-line sunt specificate prin tag-ul IMG: <IMG SRC="nume_img.gif" ALIGN=a HSPACE=n1 VSPACE=n2 WIDTH=d HEIGHT=h BORDER=n3> Atributul SRC indic URL-ul imaginii care se va insera n document. Imaginile se pot alinia cu ajutorul atributului ALIGN, care poate lua valorile: TOP, MIDDLE, BOTTOM, LEFT, RIGHT. ncadrarea i dimensionarea imaginilor se face prin atributele HSPACE (spaiu orizontal), VSPACE (spaiu vertical), BORDER (cadru), WIDTH (limea) i HEIGHT (nlimea). O imagine poate fi un punct de legtur ctre alte informaii. n acest caz se utilizeaz sintaxa: <A HREF = "URL_informaii"> <IMG SRC="URL_imagine"> </A> imaginea poate fi selectat n contextul JavaScript, imaginile sunt considerate ca obiecte i sunt nregistrate ntr-un tabel, putnd fi accesate sub forma: document.images[i]. Numrul de imagini memorate n acest tabel este dat de: document.images.length. Proprietile obiectului imagine sunt: SRC, HEIGHT, WIDTH i COMPLETE, o valoare logic care exprim-starea de afiare a imaginii: total sau parial.

32

8. Formulare, Tag-uri
8.1. Formulare

Formularele (chestionarele) sunt instrumente oferite prin limbajul HTML pentru a genera pe ecran zone de dialog cu cititorul documentelor Web. Un formular reprezint doar o interfa pentru captarea informaiilor, el necesit elemente pentru tratarea datelor colectate. Prelucrarea final a datelor se execut pe server, prin programele denumite CGI (Common Gateway Interface). Altfel spus, CGI asigur interaciunea server-navigator n sensul personalizrii rezultatelor prin diverse prelucrri asupra elementelor din paginile Web. Scriptul CGI este lansat n execuie pe baza unor parametri transmii de client. Dialogul ntre client i server, pentru prelucrarea unui formular, se deruleaz dup urmtorul scenariu, n 6 pai (figura): Clientul lanseaz o cerere ctre un URL, ce include un formular. 1. Serverul recepioneaz cererea, o analizeaz i emite formularul de completat ctre client. 2. Clientul completeaz formularul i-l transmite server-ului. 3. Server-ul lanseaz n execuie scriptul CGI, care realizeaz o anumit prelucrare asupra datelor din formular (interogheaz o baz de date, calculeaz nite valori etc.) i pregtete rezultatele obinute. 4. Scriptul transmite n final rezultatele ctre server ntr-un format care poate fi neles de acesta. 5. Server-ul recepioneaz rezultatele i le transmite mai departe clientului.
Calculator utilizator

Server

1. cerere formular 2. trimitere formular

Daemon www

4.transfer ctre script 5.rspuns n format text /html

Script CGI

Navigator (browser) n format

3. returnare formular dup completare 6.rspuns cu rezultatele text/html

Figura: Interaciunea client-server

Scripturile CGI sunt nregistrate n mod curent pe server, ntr-un director care se creeaz la instalarea acestuia (daemon-ul httpd). Pentru serverul Web NCSA (pe care l-am mai menionat, el funcionnd sub Unix), acest director este /cgi-bin. n plus, la configurarea serverului n fiierul srm.conf se pot specifica mai multe directoare care s gzduiasc scripturi CGI. Un script poate fi scris ntr-un limbaj de programare ca: Fortran, C, Perl, Visual C++, Visual Basic. Limbajul Perl este specializat pentru acest scop, fiind de altfel i cel mai utilizat. Prin intermediul tag-urilor HTML se descriu zonele formularului, care vor fi completate de utilizator. Sintaxa general pentru deschiderea unui formular este: <FORM METHOD=tip_m ACTION=URL_cgi NAME=nf TARGET=cadr> unde: Atributul METHOD=tip_m specific modul cum se emite informaia ctre server. Valorile cel mai frecvent utilizate pentru tip_m sunt: GET i POST. Cnd se 33

utilizeaz metoda GET, irul de caractere constituit din ansamblurile nume_cmp i valoare este adugat la URL-ul scriptului cgi care se va executa. Separatorul ntre numele scriptului i restul irului de caractere l reprezint caracterul ?. Deoarece majoritatea browser-elor afieaz URL curent, acest ir de caractere va fi vizibil. Din aceast cauz se prefer metoda POST, cnd irul de caractere este trimis ctre server printr-o secven HTTP special. De exemplu, dac tag-ul de nceput este: <FORM METHOD=GET ACTION=http://www.cia.tibiscus.ro/cgi_bin/nume_script> URL-ul pe care l va apela clientul, dup completarea formularului, are urmtoarea form: http://www.infocib.ase.ro/cgi_bin/nume_script? cmp1=valoare1&cmp2=valoare2 &cmp3=valoare3... Atributul ACTION=URL_cgi indic locul unde se emite informaia, unde se gsete scriptul care se va executa. Valoarea sa este reprezentat prin URL-ul scriptului. Atributul NAME=nf deine dou funcii particulare: indic scriptului CGI numele formularului care a trimis datele, n situaia cnd mai multe formulare exist n acelai document; identific un formular, prin numele su, pentru a putea fi referit prin funciile JavaScript. Atributul TARGET=cadr specific fereastra sau cadrul (frame) n care se va afia rezultatul execuiei scriptului CGI. n absena atributului TARGET se nlocuiete pagina curent. Textul ncadrat de <FORM> i </FORM> va conine un ansamblu de comenzi: INPUT, SELECT etc.

8.2.

Tag-uri pentru definirea intrrilor ntr-un formular

Sintaxa general a tag-ului care definete un cmp pentru introducerea datelor ntr-un formular este: <INPUT TYPE="tip" NAME="nume-cmp" VALUE="val" SIZE="n" MAXLENGHT="m"> Atributul TYPE specific tipul intrrii, care poate fi: text: text simplu, parol, ascuns, multilinie; meniu: cu selectarea unei intrri sau selectare multipl; butoane: casete, checkboxes, radio, reset i submit. Atributul NAME permite definirea numelor, n scopul identificrii datelor care vor fi trimise ctre server. ntr-un formular se utilizeaz o singur dat acelai nume. Celelalte atribute sunt dependente de tipul intrrii. a) Intrarea text este cel mai simplu tip de intrare ntr-un formular. Zona de introducere date accept un cuvnt sau o linie de text. Atributele sunt: VALUE="val", atribut opional care permite predefinirea coninutului din cmpul text, cu alte cuvinte, ceea ce o s apar pe ecran la prima activare a formularului; SIZE="n", atribut opional prin care se stabilete lungimea cmpului de intrare text (n caractere); MAXLENGTH="m", atribut opional prin care se limiteaz numrul caracterelor care pot fi introduse (dac se depete acest numr apare un semnal sonor). <FORM METHOD="Post" ACTION="http://www.cia.tibiscus.ro/"> Numele de familie? <INPUT TYPE="text" NAME="Nume_familie" VALUE="Popescu" SIZE="10" MAXLENGTH="15"> </FORM>

Numele de familie? Popescu

Exemplu: Intrare text

34

b) Intrarea password utilizeaz aceleai atribute ca i intrarea text (vezi exemplu).

<FORM METHOD="Post" ACTION="http://www.cia.tibiscus.ro/"> Introducei 8 caractere pentru parol <INPUT TYPE="password" NAME="parola" SIZE="8" MAXLENGTH="8"> </FORM>

Introducei 8 caractere pentru parol ********

Exemplu: Intrare password

c) Intrarea textare se utilizeaz pentru introducerea unui text multilinie. De data aceasta tag-ul <INPUT TYPE=" text "> este nlocuit cu: <TEXTAREA NAME="nume_cmp" ROWS="r" COLS="c"> [Text implicit ] </TEXTAREA> Atributele sunt: ROWS="r", specific numrul de rnduri care pot fi afiate, din textul care se va introduce; COLS="c", specific numrul de coloane care pot fi afiate; Text implicit, text afiat prin lipsa altuia, introdus de utilizator.

<FORM METHOD="Post" ACTION="http://www.cia.tibiscus.ro/..."> Transmiteti eventualele observaii <TEXTAREA NAME="Observatii" ROWS="6 COLS=40> Observaii despre activitatea de laborator la disciplina Birotic: </TEXTAREA> </FORM>

Transmitei eventualele observaii

Exemplu: Intrare textare

Cnd numrul liniilor i al coloanelor introduse depesc pe cele prevzute a fi afiate se utilizeaz scrollbars (vezi exemplu). d) Intrarea meniu-SELECT permite selecia unei intrri din meniu. De data aceasta se utilizeaz tag-ul SELECT n contextul: <SELECT NAME="nume_cmp"> <OPTION [VALUE="v"] [SELECTED] > Nume_Optiune1 <OPTION > Nume_Optiune2 </SELECT> Atributele sunt: OPTION, prin care se specific o opiune a meniului; VALUE="v", atribut opional prin care se specific valoarea opiunii emise spre server (dac nu se regsete acest parametru, numele opiunii va fi emis ca valoare); 35

<FORM METHOD="Post" ACTION="http://www.cia.tibiscus.ro/> Cum apreciai nivelul dumneavoastr de cunotere a limbii engleze? <SELECT NAME="evaluare"> <OPTION>Foarte bun <OPTION SELECTED>Bun <OPTION VALUE="acceptabil">Mediu spre bun <OPTION>Mediu <OPTION>Slab <OPTION>Foarte slab </SELECT> </FORM>
n faza iniial se afieaz: Cum apreciai nivelul dumneavostr de cunotere a limbii engleze?

Ulterior, n faza de selecie, se va afia:

Cum apreciai nivelul dumneavostr de cunotere a limbii engleze?

Exemplu: Intrare meniu-SELECT

SELECTED, atribut opional prin care se specific prima opiune afiat a meniului (dac acest atribut lipsete se va afia prima opiune din lista meniu). e) Intrarea meniu-SELECT cu SIZE permite alegerea multipl dintr-o list de opiuni. Diferena fa de situaia anterioar const n utilizarea opiunilor: SIZE, prin care se specific numrul de linii afiate; MULTIPLE, care permite o selecie multipl. <FORM METHOD="Post" ACTION="http://www.cia.tibiscus.ro/...> Optai pentru dou cursuri din list: <SELECT NAME="Cursuri opionalei" MULTIPLE SIZE="4"> <OPTION> Management <OPTION VALUE="AL" SELECTED> Birotic <OPTION> Marketing <OPTION SELECTED>Electronic </SELECT> </FORM>

Optai pentru dou cursuri din list:

Exemplu: Intrare meniu-SELECT cu SIZE

36

f) Intrarea buton: checkbox (caset de control) - principiul de introducere a datelor este: dac da, completeaz caseta. Pentru acest tip de intrare se revine la tag-ul: <INPUT TYPE="checkbox" VALUE="v" CHECKED> unde: VALUE= "v" este atribut opional prin care se specific valoarea trimis ctre server, n cazul selectrii (dac nu este definit, o valoare "on" se emite ctre server); CHECKED este atribut opional pentru selectarea n mod implicit a casetei.
<FORM METHOD="Post" ACTION="http://www.cia.tibiscus.ro/..."> <INPUT TYPE="checkbox" NAME="Yahoo" CHECKED> Da, am csu potal pe site-ul www.yahoo.com <P> <INPUT TYPE="checkbox" NAME="Hotmail"> Da, am csu potal pe site-ul www.hotmail.com </FORM>

Da, am csu potal pe site-ul www.yahoo.com Da, am csu potal pe site-ul www.hotmail.com
Exemplu: Intrare buton-checkbox

g) Intrarea buton:radio selecteaz una dintre posibilitile existente. Sunt cazuri cnd trebuie aleas o opiune din mai multe, tipul cmpului de intrare fiind definit prin atributul TYPE="radio". Alte atribute: VALUE="v", atribut necesar pentru a indica valoarea asociat butonului, dac acesta este selectat. Valoarea specificat prin atributul NAME identific blocul de butoane; CHECKED, buton radio selectat (se recomand s se foloseasc acest atribut).
<FORM METHOD="Post" ACTION="http://www.cia.tibiscus.ro/...> Alegei platforma pe care dorii s rulai: <DL> <DD> Sistemul de operare: <P> <INPUT TYPE="radio" NAME="Sistem_operare" VALUE="DOS"> DOS <INPUT TYPE="radio" NAME="Sistem_operare" VALUE="WIN98"> Windows 98 <INPUT TYPE="radio" NAME="Sistem_operare" VALUE="WIN2000"> Windows 2000 <INPUT TYPE="radio" NAME="Sistem_operare" VALUE="WIN_ME"> Windows Me <INPUT TYPE="radio" NAME="Sistem_operare" VALUE="WIN_NT" CHECKED> Windows NT <INPUT TYPE="radio" NAME="Sistem_operare" VALUE="LINUX"> Linux <P><DD> Tiprirea se face la:<P> <INPUT TYPE="radio" NAME="Ieire" VALUE="Desk"> HP DeskJet <INPUT TYPE="radio" NAME="Ieire" VALUE="Laser"> HP LaserJet </DL> </FORM>

Exemplu: Intrare buton-radio

37

h)

Intrarea buton:reset/submit, provoac afiarea butoanelor pentru tergerea tuturor zonelor de intrare din formular (se vor regsi valorile iniiale), respectiv transmiterea datelor ctre server. Butonul SUBMIT transfer informaia, din formularul completat, la URL specificat prin atributul ACTION al tag-ului <FORM...>. Atributul opional VALUE se utilizeaz pentru afiarea unui text pe buton. <FORM METHOD="Post" ACTION="http://www.cia.tibiscus.ro/..."> <INPUT TYPE="reset" VALUE="terge cmpurile"> <INPUT TYPE="submit" VALUE="Trimite datele"> </FORM>

Exemplu: Intrare buton-reset/submit

i)

Intrarea:hidden transmite informaie, ascunznd textul. Atributul VALUE="v" este necesar pentru a se specifica valoarea textului ascuns, care va fi emis ctre server. <FORM METHOD="Post" ACTION="http://www.cia.tibiscus.ro/..."> Nu se va vedea nimic dei valoarea transmis este Birotic <INPUT TYPE="hidden" NAME="nume" VALUE="Birotic"> </FORM>

Nu se va vedea nimic dei valoarea transmis este Birotic

Exemplu: Intrare hidden

n cele ce urmeaz vom prezenta dou exemple mai extinse (vezi mai jod) de formular, respectiv chestionar, pentru a putea exemplifica toate aspectele prezentate pn acum, ntro form unitar. <HTML> <HEAD> <TITLE> *** CURRICULUM VITAE *** </TITLE> <BODY> <H2 ALIGN=CENTER> CURRICULUM VITAE </H2> <FORM METHOD="post" ACTION="http://www.cia.tibiscus.ro/..."> <H3> <P>Numele : <INPUT NAME=nume TYPE=text SIZE=20> <P>Prenumele : <INPUT NAME=prenume TYPE=text SIZE=25> <P>Data naterii : <INPUT NAME=data_nasterii TYPE=data SIZE=20> <P>Locul naterii : <INPUT NAME=loc_natere TYPE=text SIZE=25> <P>Domicilul actual : <TEXTAREA NAME="adresa" ROW=6 COLS=35> </TEXTAREA> <P>Telefon : <TEXTAREA NAME=telefon ROW=3 COLS=10> </TEXTAREA> <P>Starea civil : <P> Cstorit <INPUT NAME=tip TYPE=radio> Necstorit <INPUT NAME=tip TYPE=radio> 38

<P>Studii : <TEXTAREA NAME="studii" ROW=10 COLS=50> Menionai coala/facultatea i anul absolvirii: </TEXTAREA> <P>Perfecionare profesional : <TEXTAREA NAME="perfectionare" ROW=10 COLS=65> Menionai toate cursurile post-liceale/universitare, durata </TEXTAREA> <P>Activitatea profesional : <TEXTAREA NAME="activitate" ROW=15 COLS=65> Menionai toate locuri de munc, funcia avut i perioada: </TEXTAREA> <P>Domenii de competen : <TEXTAREA NAME="domenii" ROW=10 COLS=75> Menionai domeniile n care considerai c suntei pregtii pentru face fa n cadrul firmei noastre </TEXTAREA> <P>Limbi strine cunoscute : <TEXTAREA NAME="Limbi" ROW=10 COLS=70> Menionai limba strin i nivelul (bun, mediu, slab) separat scris/citit/vorbit: </TEXTAREA> <P>Tastai pentru: <INPUT TYPE =SUBMIT VALUE="Validare CV"> <INPUT TYPE=RESET VALUE="Anuleaz"> </H3> </FORM> </HTML>
Exemplu: Crearea unui formular de CV

<HTML> <HEAD> <TITLE> *** Chestionar *** </TITLE> <BODY> <H1 ALIGN=LEFT> <B>CHESTIONAR </B></H1> <UL> <LI><P><H2>Ultima coal absolvit de dumneavoastr:</H2> <FORM METHOD="post" ACTION="http://www.cia.tibiscus.ro/..." > <SELECT MULTIPLE NAME="scoala" SIZE="6"> <OPTION>coala general <OPTION>coala de meserii <OPTION>coala profesional <OPTION>Liceul <OPTION>coala postliceal <OPTION>Facultatea <OPTION>Studiile postuniversitare

39

Figura: Formularul CV-ului ce apare n pagina Web

</SELECT> </FORM> <LI><P><H2>Domeniul n care lucrai: </H2> <FORM> <SELECT MULTIPLE NAME="functie" SIZE="5"> <OPTION>Educaie/nvmnt <OPTION>Informatic <OPTION>Sntate <OPTION>Comer

<OPTION>Servicii publice <OPTION>Finane <OPTION>Construcii <OPTION>Alte domenii </SELECT> </FORM> <LI><P><H2>Crui tip de emisiune TV i dedicai cel mai mult timp: </H2> <FORM> <SELECT MULTIPLE NAME="emisiuni" SIZE="5"> <OPTION>tiri <OPTION>Transmisiuni sportive <OPTION>Filme artistice <OPTION>Telenovele <OPTION>Anchete <OPTION>Muzical-distractive

40

<OPTION>Documentare tiinifice <OPTION>Alte emisiuni </SELECT> </FORM> <LI><P><H2>La care televiziune urmrii principala emisiune de tiri a zilei: </H2> <FORM> <SELECT MULTIPLE NAME=stiri SIZE=5> <OPTION>TVR1 <OPTION>Antena 1 <OPTION>PRO TV <OPTION>Acas Tv <OPTION>Prima Tv <OPTION>Analog Tv <OPTION>Europa Nova / Tele 7 ABC <OPTION>Alte televiziuni </SELECT> </FORM> <FORM> <LI><P><H3>Validai datele de pe aceast pagin a chestionarului? </H3> <P> <INPUT TYPE=SUBMIT VALUE=Validare> <INPUT TYPE=RESET VALUE=Anulare/Reluare> </FORM> </HTML>
Exemplu: Creare unei pagini de chestionar

Figura: Chestionarul creat n pagina Web

n contextul JavaScript elementele descriptive ale unui formular sunt tratate ca obiecte i prin urmare vor avea proprieti, metode i evenimente ataate. Proprietile obiectului formular sunt: action, URL-cgi asociat; method, GET sau POST (transfer de date ctre CGI); target, fereastra (cadrul) n care se va afia rezultatul; enctype, prezentarea rezultatului n format MIME; 41

elements, accesul la elementele unui formular. Formularul are o sinnur metod submit(), care declaneaz transmiterea datelor din cmpurile completate i un singur eveniment asociat onSubmit. Proprietile obiectului intrare de tip text sunt: name, type, value i defaultValue. Metodele acestui obiect sunt: focus() prin care se activeaz cmpul, blur(), care dezactiveaz cmpul i select(), selecioneaz valoarea cmpului. Evenimentele obiectului text sunt: onChange, onFocus, onBlur, onSelect. Obiectele: SUBMIT, RESET, PASSWORD, HIDDEN au trei proprieti: type, value i name. Metoda pentru obiectul SUBMIT este submit(), iar pentru RESET este click(). Cele dou obiecte: SUBMIT i RESET posed un singur eveniment onClick, care se produce n momentul activrii butonului. Prelucrarea formularelor n contextul JavaScript capt noi valene prin posibilitatea de prelucrare local a datelor (figura). Astfel, dup ce formularul ajunge la client i acesta a introdus date n cmpurile de intrare, prin intermediul unor scripturi Java se pot valida datele nainte de a fi transmise serverului sau se pot efectua o serie de calcule.

9. Tabele si Cadre
9.1. Tabele

HTML permite descrierea tabelelor ntr-o manier amnunit ca i n cazul listelor. Un tabel
poate conine un alt tabel. O celul dintr-un tabel poate conine: text, liste, imagini, legturi hipertext sau elemente ale unui formular. Sintaxa general pentru crearea unui tabel este: <TABLE BORDER=n1 CELLPADING=n2 CELLSPACING=n3 WIDTH=n4%> --- descrierea tabelului --</TABLE> Proprietile generale ale unui tabel se specific prin atributele: BORDER - grosimea bordurii de ncadrare a tabelului; CELLPADING - spaiul din jurul textului unei celule; CELLSPACING - spaiul ntre celule; WIDTH - specific n procente ct la sut din suprafaa ferestrei ocup tabelul. Tabelul este descris, rnd cu rnd, cu ajutorul tag-ului: <TR VALIGN=TOP|BOTTOM|MIDDLE ALIGN=RIGHT|LEFT|CENTER> </TR> Atributul VALIGN specific alinierea vertical a textului n toate celulele rndului, iar ALIGN d alinierea orizontal. Definirea unei celule n cadrul unui rnd se face prin: <TD VALIGN=v1 ALIGN=v2 COLSPAN=n1 ROWSPAN=n2 NOWRAP> </TD> Toate celulele unui rnd motenesc valorile atributului VALIGN definit n tag-ul <TR>, cu excepia cazului cnd acest atribut este redefinit prin tag-ul <TD>, devenind astfel prioritar n raport cu primul. Atributul COLSPAN specific limea celulei, ca multiplu de limea coloanei de baz, iar ROWSPAN specific nlimea celulei, ca multiplu de nlimea rndului de baz. Dimensionarea celulelor unui tabel se face automat la lungimea maxim a textului din celule. Dac textul introdus ntr-o celul este mai lung de 64 caractere, navigatorul l mparte automat n mai multe rnduri. Atributul NOWRAP permite inhibarea acestei reguli, lsnd textul pe un singur rnd, indiferent de lungimea acestuia. Antetul tabelului se descrie prin tag-ul: <TH VALIGN=v1 ALIGN=v2 COLSPAN=n1 ROWSPAN=n2 NOWRAP> </TH> care, se observ, are aceleai atribute ca i <TD>. Textul din acest tag este automat centrat i folosete caractere bold. Titlul tabelului se specific prin tag-ul: <CAPTION ALIGN=TOP|BOTTOM>... </CAPTION> Se poate colora ntreg tabelul, o linie sau o celul cu ajutorul atributului BGCOLOR din tag-urile <TABLE>, <TR> sau <TD>. 42

<HTML> <HEAD><TITLE>tabel_html</TITLE></HEAD> <BODY> <TABLE BORDER=5 CELLSPACING=3 CELLPADDING=8> <! primul rnd al tabelului> <TR ALIGN=CENTER> <TD> <H1> UNIVERSITATEA <BR> <A HREF="http://www.cia.tibiscus.ro"> TIBISCUS </H1></A></TD> <TD>Faculti <BR> </TD> <TD></TD> </TR> <! al doilea rnd al tabelului> <TR> <TD> <IMG SRC="Tibiscus.GIF"></TD> <TD> <UL> <B><H2> <LI> <A HREF=URL_A> Calculatoare i Informatic Aplicat </A></LI> <LI> <A HREF=URL_B> tiine Economice </A></</LI> <LI> <A HREF=URL_C> Psihologie </A></</LI> <LI> <A HREF=URL_D> Limbi Moderne Aplicate </A></</LI> <LI> <A HREF=URL_E> Design </A></</LI> <LI> <A HREF=URL_F> Jurnalistic </A></</LI> <LI> <A HREF=URL_G> Drept </A></</LI> <LI> <A HREF=URL_H> Educaie Fizic i Sport </A></</LI> </H2></B></UL></TD> <TD ALIGN=CENTER> <INPUT TYPE="submit" value="BACK"> </TD> </TR> <! al treilea rnd al tabelului> <TR> <TD ALIGN=CENTER><I>Introduceti numele dumneavoastr i vei </I> <BR><I>fi nregistrat, n baza de date, ca posibil</I> <BR><I>viitor student al Universitii Tibiscus</I> </TD> <TD ALIGN=LEFT><FORM method="post" action=" "> <INPUT name="nume"> </TD> <TD ALIGN=CENTER><INPUT type="submit" value="OK"> </TD> </TR> <CAPTION align="bottom"></CAPTION> </TABLE></BODY> </HTML>
Exemplu: Tabel HTML

Figura: Tabelul creat prin HTML ntr-o pagin Web

43

9.2.

Cadre

Conceptul de cadru (frame) const n divizarea ecranului n mai multe zone, fiecare dintre
acestea putnd gzdui un document HTML. Obinem astfel un ecran multifereastr pe care se pot vizualiza simultan mai multe documente HTML diferite, ca i n cazul ecranului unui televizor pe care se pot vedea simultan mai multe posturi. Fiecare zon este identificat printr-un nume propriu, ceea ce permite modificri punctuale la nivelul unei zone, fr a afecta pe celelalte. n mod standard, navigatorul ncarc documentele unul peste altul, cel vizibil fiind cel curent. Deplasarea nainte sau napoi se face cu ajutorul butoanelor back i forward. Cu ajutorul cadrelor se poate depi aceast limit, dedicnd anumite zone ale ecranului (cadre) pentru realizarea unor sarcini precise. Spre exemplu: putem avea un cadru n care se gsete un meniu. Din meniu se apeleaz un document HTML, ce va fi afiat ntr-un alt cadru. La rndul lui, al doilea cadru poate lansa o legtur hipertext pentru ncrcarea unui alt document, ce va fi afiat ntr-un al treilea cadru. Toate cele trei niveluri sunt vizibile pe ecran, n trei ferestre diferite, ceea ce va uura foarte mult posibilitile de informare ale utilizatorului. Crearea cadrelor se face cu ajutorul a trei tag-uri: FRAMESET, FRAME i NOFRAMES. Structura unui document partajat n cadre difer de cea a unui document HTML clasic.
<HTML> <HEAD>... </HEAD> <BODY> ... </BODY> </HTML> document clasic <HTML> <HEAD>... </HEAD> <FRAMESET ... > <FRAMESET ... > ... <FRAME> </FRAMESET> <FRAMESET ... > ... </FRAMESET> </FRAMESET> </HTML>

document partajat n cadre

Figura: Structuri de documente HTML

ntr-un doument clasic se pot include orice tag-uri prin care se definesc texte, imagini, formulare, tabele. Pentru a obine un document partajat, n cadre se pot utiliza numai cele trei tag-uri amintite mai sus, care nu sunt destinate utilizatorului ci navigatorului, pentru structurarea ecranului n conformitate cu cerinele formulate. Dup cum se vede din figura 6.25, locul tag-ului <BODY> este luat de tag-ul: <FRAMESET COLS=v1,v2,,vn [FRAMEBORDER=no|yes] [BORDERCOLOR=rrggbb]> </FRAMESET> <FRAMESET ROWS=v1,v2,,vn [FRAMEBORDER=no|yes] [BORDERCOLOR=rrggbb] > </FRAMESET> [MARGINWIDTH=n] [MARGINWIDTH=n]

care divizeaz ecranul n cadre verticale (atributul COLS) sau orizontale (ROWS), unde v1,v2,,vn reprezint dimensionarea cadrelor sub forma: n - numrul de pixeli pentru limea (COLS) sau nlimea (ROWS) cadrului; n% - procentul din limea (COLS) sau nlimea (ROWS) zonei printe pe care l va ocupa cadrul; n* - (n este opional) se va aloca pentru cadru toat suprafaa disponibil; dac mai multe elemente din listse specific sub aceast form, zona disponibil va fi mprit n mod egal ntre acestea. 44

Numrul de cadre este egal cu numrul de valori v1,v2,...vn specificate prin atributele COLS sau ROWS. Atributul FRAMEBORDER specific dac separarea cadrelor se face printr-o bordur cu efect 3D (cu umbr), valoarea implicit pentru FRAMEBORDER=yes. Dac FRAMEBORDER=no limea bordurii dintre cadre se specific prin atributul MARGINWIDTH="n", valoarea 0 suprim bordura. Dac FRAMEBORDER="yes", atributul BORDERCOLOR="rrggbb" reprezint culoarea bordurii. Descrierea efectiv a unui cadru se face prin tag-ul:
<FRAME [SRC="URL"] NAME="nume cadru" [MARGINWIDTH="n"] [MARGINHEIGHT="m"] [SCROLLING="yes|no|auto"] [NORESIZE]>

SRC indic URL de unde se ncarc documentul HTML ce va fi gzduit de cadru; dac nu se specific, cadrul va fi gol. NAME specific numele cadrului, care va fi folosit ca int ntr-o legtur hipertext prin noul atribut TARGET din tag-urile <A> i <FORM>. MARGINWIDTH i MARGINHEIGHT definesc spaiul ntre document i marginea stng, respectiv cea de sus a cadrului. SCROLLING="yes" definete o bar de defilare, ce este necesar pentru vizualizarea documentelor care nu pot fi afiate n totalitate n fereastra asociat cadrului. Dac atributul nu este specificat, navigatorul decide, n funcie de dimensiunea documentului, afiarea barei de defilare. NORESIZE inhib posibilitatea redimensiunrii ferestrei cadrului cu ajutorul mouse-ului (ca orice fereastr). Tag-ul <NOFRAMES> </NOFRAMES> permite afiarea unui text explicativ pentru navigatoarele care nu suport cadre. Acest text este ignorat n cazul celorlalte navigatoare. Cadrele pot fi imbricate pe mai multe niveluri. O dat definite cadrele, acestea pot fi utilizate pentru a gzdui documente HTML apelate prin intermediul legturilor hipertext. n acest sens, tag-urile <A> i <FORM> au fost dotate cu un nou atribut, TARGET, care specific cadrul n care se va afia documentul asociat legturii. <A HREF="URL_document" TARGET="nume_cadru"> Text de legatur </A> <FORM ACTION="/cgi-bin/test" TARGET="nume_cadru" METHOD="POST"> </FORM > Numele cadrului poate fi definit de utilizator sau predefinit. Numele predefinite sunt: _blank, documentul va fi afiat ntr-o fereastr nou; _self, documentul va fi ncrcat n cadrul unde se gsete legtura hipertext de apel; _top terge toate cadrele existente i afieaz documentul pe toat suprafaa rezervat navigatorului (modul clasic); _parent afieaz documentul pe suprafaa zonei n care a fost afiat documentul care a lansat legtura hipertext.

45

10.

HTML dinamic

Fcnd o analiz a paginilor Web, din punct de vedere al coninutului i al modului de

prezentare, se constat existena a 3 categorii de pagini Web: pagini Web statice, cu o aranjare n pagin redus; pagini Web interactive, care pot servi ca interfee de introducere date (gen formulare), n care manipularea informaiilor este ameliorat prin intermediul unor scripturi Java; pagini Web animate, ce conin imagini i scripturi Java, dar care sunt vizibile pe ecran ntr-o succesiune de planuri, fr a avea posibilitatea de a coabita. Realizarea unor documente HTML dinamice se bazeaz pe dou concepte: bloc i strat. Blocul este strns legat de conceptul de foi de stil i permite izolarea unei poriuni din pagin (text, imagine, formular) sub forma unei entiti separate, care, pe lng proprietile elementelor pe care le conine, capt proprieti noi: mrginire, culoare, vizibilitate. n felul acesta, blocurile pot fi manipulate local, fr a se apela serverul, prin scripturi Java, ceea ce conduce la obinerea unor efecte de animaie n plan. Stratul (layer) permite asamblarea blocurilor ntr-un spaiu tridimensional i n timp, ca urmare a unor evenimente controlate prin scripturi Java (fig. 6.28). n aceast manier se pot proiecta mai multe documente HTML, care vor fi afiate n aceeai pagin. Fiecare document va fi asamblat dup axa Z i poate conine texte, imagini, formulare sau tabele, care pot fi transparente, vizibile sau invizibile.
Stratul 3 (imagine)
Universitatea Tibiscus

Universitatea Tibiscus

Stratul 2 (text transparent)

Faculti:
Calculatoare i Inf. Aplicat tiinte Economice Psihologie Limbi Moderne Aplicate Design Jurnalistic Drept Educaie Fizic i Sport

Faculti:
Calculatoare i Inf. Aplicat tiinte Economice Psihologie Limbi Moderne Aplicate Design Jurnalistic Drept Educaie Fizic i Sport

Stratul 1 (bloc de text)

Figura: Asamblarea straturilor

Fiecare strat are un nume i o anumit poziie n pagin care poate fi absolut (LEFT(X),TOP(Y)) sau relativ, indicnd faptul c acesta se va situa n spaiul rmas liber n afara straturilor definite n pagin. Exist dou posibiliti pentru a defini straturi: n mod CSS (Cascading Style Sheets), prin tag-urile <STYLE>; n mod JavaScript prin tag-urile <LAYER>, pentru poziionare absolut i <ILAYER>, pentru poziionare relativ. Pentru exemplificare ne vom opri asupra celui de-al doilea mod [NN98]. Straturile se definesc n corpul documentului HTML astfel:
<BODY> <LAYER ID=strat1 LEFT=50px TOP=50px> </LAYER> <LAYER ID=strat2 LEFT=100px TOP=100px> </LAYER>

46

Principalele atribute ale tag-ului LAYER sunt: ID - numele stratului; TOP - poziia absolut n raport cu nlimea ferestrei; LEFT - poziia absolut n raport cu marginea stng a ferestrei; WITH, HEIGHT - limea i respectiv nlimea n pixeli; PAGEX, PAGEY - spaiul pe orizontal i vertical dintre strat i restul documentului; SRC - sursa unde se afl fiierul HTML ce va fi inclus n strat; este permis concatenarea mai multor fiiere HTML; Z-INDEX - definete poziia stratului n ansamblul de straturi (este un ntreg pozitiv); ABOVE, BELOW - specific numele straturilor precedent i succesiv din ansamblu; CLIP = "x1, y1, x2, y2" - definete un ptrat n care va fi afiat codul HTML; VISIBILITY=HIDE|SHOW|INHERIT - specific faptul c stratul este mascat, vizibil sau c motenete atributul de vizibilitate de la stratul printe; BGCOLOR - specific culoarea fondului de ecran pentru strat; BACKGROUND - permite afiarea unei imagini pe fondul ecranului; n contextul JavaScript aceste straturi sunt tratate ca obiecte i prin urmare au proprieti, metode i evenimente. Proprietile straturilor sunt: name - returneaz numele stratului; left, top - returneaz adresa stratului relativ la stratul printe, n cazul imbricrii mai multor straturi; pagex, pagey - returneaz adresa stratului n pagin; zindex - returneaz poziia de asamblare; bgcolor, culoarea fondului de ecran; background.src - returneaz URL-ul surs al imaginii de fond; clip.width i clip.height - returneaz dimensiunile zonei vizibile a stratului; clip.top, clip.left, clip.right, clip.bottom - returneaz adresa grafic a zonei de vizibilitate; visibility - furnizeaz informaii privind afiarea stratului; src - returneaz URL-ul documentului gzduit de strat. Metodele unui strat sunt: moveBy(dx,dy), deplasare relativ; moveTo(x,y), deplasare absolut n raport cu stratul; moveToAbsolute(x,y), deplasarea absolut n raport cu pagina; resizeBy(dx,dy), creterea sau diminuarea dimensiunii stratului; moveAbove(strat), mut un strat naintea celui specificat ca argument; moveBelow(strat), mut un strat dup cel dat ca argument; load(url,laime), ncarc un document al crui URL este specificat n stratul a crui lime este dat ca argument. Evenimentele unui strat sunt: onFocus, onBlur, onMouseOver, onMouseOut i onLoad. n exemplul 5.39 se prezint un text inclus ntr-un strat, care, la ncercarea de a-l atinge cu mouse-ul, fuge din faa acestuia. n acest sens, se folosete o funcie numit alearga care este activat pe evenimentul onMouseOver.
<HTML> <HEAD><TITLE>*** TEXT ALERGND *** </TITLE> <SCRIPT> function alearga() { i++; if (i > 6) return; document.bloc1.left += 10; document.bloc1.top += 10; setTimeout("alearga()",50); } </SCRIPT></HEAD> <BODY>

47

<LAYER ID=bloc1 TOP=10px LEFT=40px onMouseOver="i=O;alearga()"> <H3>Acest text nu poate fi atins cu mouse-ul <BR> Incercai s-l atingei</H3> </LAYER> </BODY> </HTML>
Exemplu: text inclus ntr-un strat

n exemplul de mai jos se prezint organizarea a trei fie n straturi. Coninutul acestora se afieaz selectiv prin activarea tabului din antet.
<HTML> <HEAD> <TITLE>Straturi123</TITLE> <STYLE type=text/javascript> tags.P.marginTop=10; tags.P.marginLeft=10; tags.P.marginbottom=10; tags.P.marginRight=10; </STYLE> </HEAD> <BODY> <LAYER ID=fx1 BGCOLOR=#99ffff WIDTH=50 HEIGHT=20 LEFT=50 TOP=50 ONFOCUS=f1.zIndex=0> <CENTER><B>FISA 1</B></CENTER> </LAYER> <LAYER ID=fx2 BGCOLOR=#ff9999 WIDTH=50 LEFT=100 TOP=50 ONFOCUS=f2.zIndex=0> <CENTER><B>FISA 2</B></CENTER> </LAYER> < <LAYER ID=fx3 BGCOLOR=#ffff66 WIDTH=50 LEFT=150 TOP=50 ONFOCUS=f3.zIndex=0> <CENTER><B>FISA 3</B></CENTER> </LAYER> <LAYER ID=f3 bgcolor=#ffff66 WIDTH=200 LEFT=50 TOP=70 CLIP="0,0,200,200"> <P>FISA 3 poate <BR>sa contina un applet Java <BR></LAYER> <LAYER ID=f2 BGCOLOR=#ff9999 WIDTH=200 LEFT=50 TOP=70 CLIP="0,0,200,200"> <P>FISA 2 poate <BR>contina un formular <BR></LAYER> <LAYER ID=f1 BGCOLOR=#99ffff WIDTH=200 LEFT=50 TOP=70 CLIP="0,0,200,200"> <P>FISA 1 poate <BR>sa contina o imagine <BR></LAYER> </BODY> </HTML>
Exemplu: Organizarea a trei fie n straturi

48

Bibliografie
1. L. Bird Internet. Ghid complet de utilizare, Editura Corint, Bucuresti, 2004 2. S. Buraga Proiectarea siturilor Web. Design si functionalitate, Editura Polirom, Iasi, 2002 3. S. Buraga Situri Web la cheie. Solutii profesionale de implementare, Editura Polirom, Iasi, 2004 4. E. Castro HTML pentru World Wide Web cu XHTML si CSS, Editura Corint, Bucuresti, 2003 5. E. Cerchez Internet. Utilizarea retelei Internet. Proiectarea paginilor Web. Manual optional pentru liceu, Editura Polirom, Iasi, 2000 6. R. Darnell Totul despre HTML4, Editura Mirton, Bucuresti, 2001 7. M. A. Homorodean, I. Iosupescu Internet si pagini web. Manual pentru ncepatori si initiati, Editura Niculescu, Bucuresti, 2001 8. J. Honeycutt Utilizare Internet, Editura Teora, Bucuresti, 1999 9. Kalbag World Wide Web pentru ncepatori, Editura Aquila'93, 1999 10. T. M. Karnyanszky Programare HTML-teorie i aplicaii, Editura Augusta, Timisoara, 2005 11. L. Luca, C. Mark HTML ghid practic n crearea paginilor de Internet, Editura Augusta, Timisoara, 2003 12. L. Luca, I. Despi, S. Luca, P. Popovici Birotica, Editura Mirton, Timisoara, 2002 13. P. McFedries Crearea paginilor Web, Editura All, Bucuresti, 2003 14. L. A. Philips - Utilizare HTML 4, Editura Teora, Bucuresti, 2000 15. F. V. Pilat, M. Raceanu, C. Stanciu - World Wide Web. Mosaic Netscape. Ghid de utilizare, Editura Teora, Bucuresti, 1996 16. D. Radoi - HTML. Publicatii WEB, Computer Press Agora, Targu Mures, 1996 17. D. Taylor - Crearea paginilor WEB cu HTML 4, Editura Teora, Bucuresti, 1998 18. L. Vasiu, I. Vasiu - Internet. Ghid de navigare, Cluj-Napoca, 1996 19. www.afaceri-online.net 20. www.manuale.20m.com

49