INTERNETUL MIJLOC DE INFORMARE I COMUNICARE

Lector univ. dr. Mihai Gavot

1

INTERNETUL MIJLOC DE INFORMARE I COMUNICARE

Bucureti - 2004

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

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

Sunetul de fond pentru o pagin Web ................................................................................. 110 HRI DE IMAGINI .................................................................................................................... 111 Folosirea unei imagini ca hart de imagini .................................................................. 111 Coordonatele zonelor active ............................................................................................... 112 Utilizarea unei hri de imagini.......................................................................................... 113 FORMULARE............................................................................................................................. 114 Atribute................................................................................................................................ 114 Un formular cu un cmp de editare i un buton de expediere............................................ 115 Butonul Reset ...................................................................................................................... 116 Cmp de editare de tip Password................................................................................... 117 Butoane radio...................................................................................................................... 117 Casete checkbox.................................................................................................................. 118 Transmiterea fiierelor ctre un server - Upload............................................................... 119 Butoane ............................................................................................................................... 120 Lista de selecie................................................................................................................... 120 Frame-uri ............................................................................................................................ 122 Atribute ale tag-ului <frameset>........................................................................................ 122 Exemple de cod care genereaz frame-uri ......................................................................... 122 Alte atribute pentru frame-uri............................................................................................. 124 Frame-uri in-line................................................................................................................. 125 7. ELEMENTE DE DESIGN ALE PAGINILOR WEB ....................................................... 126 8. INSTRUMENTE SOFTWARE DE GENERARE A PAGINILOR WEB ...................... 128 NOTE TAB PRO......................................................................................................................... 128 NETSCAPE COMPOSER.............................................................................................................. 129 MACROMEDIA DREAMWEAVER................................................................................................ 131 GLOSAR DE TERMENI ......................................................................................................... 139 BIBLIOGRAFIE....................................................................................................................... 142

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

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

2. Noiuni fundamentale, concepte i termeni

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

Criterii de clasificare a reelelor

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

Topologii ale reelelor

Hardware-ul reelelor include perifericele, plcile de reea i toate celelalte echipamente necesare pentru a realiza transmisia i procesarea datelor n cadrul reelei (hub-uri, repetoare, switch-uri, routere etc). Modurile n care sunt conectate cablurile, computerele i alte periferice constituie topologia fizic a reelei, iar metoda utilizat pentru transferul informaiei ntre staiile de lucru constituie topologia logic. Principalele tipuri de topologie fizic sunt: - Linear Bus reprezint interconectarea calculatoarelor prin intermediul unui cablu principal cu terminatoare la fiecare capt; - Star n acest tip de topologie, fiecare nod de reea (server, staie de lucru sau periferic) este conectat ntr-un hub sau switch central care controleaz toate funciile reelei; - Tree acest tip de reea combin caracteristicile topologiilor Linear Bus i Star. Ea const ntr-un grup de staii de lucru configurate n stea (Star), conectate ulterior la un cablu liniar (Linear Bus).

Componentele hardware ale unei reele

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

Protocoalele unei reele

Setul de reguli care guverneaz comunicarea ntre calculatoarele unei reele este denumit protocol, acesta standardiznd principalele caracteristici ale interconectrii: metode de acces, topologia fizic, tipurile de cabluri i viteza de transfer a datelor. Cele

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

Internet i World Wide Web (WWW)

Internetul reprezint cea mai mare inter-reea WAN (Wide Area Network) din lume care poate fi considerat ca fiind un sistem global format din calculatoare diferite sau din reele de calculatoare interconectate, ce utilizeaz un protocol comun de comunicaie. Ca i un sistem de telefonie el permite calculatoarelor de oriunde din lume s fac schimb de informaii prin intermediul unor legturi. Internetul const ntr-o multitudine de legturi ntre calculatoare aflate la distan. Informaia este transmis de la o legtur la alta prin intermediul unor calculatoare (router-e) care stabilesc rutele optime pe care se vor transmite mesajele la destinaii. Funcionarea Internetului se bazeaz pe filozofia client-server. Pe calculatoarele conectate funcioneaz aplicaii software de tip Internet care pot fi aplicaii de tip client sau aplicaii de tip server. Aplicaiile de tip client lanseaz cereri de informaii (servicii) ctre aplicaiile de tip server care analizeaz cererile i apoi trimit informaiile (serviciile) solicitate clienilor ndreptii s le primeasc. Aplicaiile Internet corespund unor servicii Internet (WWW, FTP, E-MAIL, NEWS) care se bazeaz pe protocoale corespondente (HTTP pentru WWW, FTP pentru FTP, POP3 i SMTP pentru E-MAIL etc). Astfel ntlnim n Internet aplicaii de tip server WWW, server FTP, server E-MAIL, server NEWS etc i aplicaii de tip client WWW (browser-ul), de tip client E-MAIL i NEWS (Outlook Express). Un protocol este o combinaie de reguli de comunicaie i formate de mesaje care trebuie respectate de ctre aplicaiile Internet pentru a face posibil schimbul de date i de mesaje. Protocoalele sunt standarde care furnizeaz servicii de comunicaie ntre calculatoare. WWW (World Wide Web care n traducere nseamn o pnz de pianjen ce cuprinde ntreaga lume) este un serviciu Internet care permite calculatoarelor conectate la Internet s transfere date hipertext i hipermedia (text formatat, grafic, video sau audio). WWW ofer prin intermediul protocolului HTTP posibilitatea de legare (link) a documentelor Web din Internet. Dac Internetul reprezint baza de comunicaie, serviciul WWW permite localizarea documentelor Web prin intermediul unui sistem aproape

10

infinit de legturi. Hipertextul Web trebuie interpretat ca un text care poate conine legturi i referine ctre alte documente i informaii Web pe care le poate identifica i apela.

HTTP, hiperlegturi, FTP, NEWS, ISP

HTTP (HyperText Transfer Protocol) este un protocol de reea proiectat special pentru Web. Prin intermediul unui browser (Internet Explorer, Netscape Navigator etc) utilizatorul poate accesa informaia (text, imagini, sunete, animaii) aflat pe un server WWW. Transferul de informaie se face prin intermediul protocolului numit HTTP, protocolul de transfer a hipertextului i a dou aplicaii software Internet: aplicaia server WWW i aplicaia client WWW (browser). De regul browser-ul solicit server-ului Web (WWW) o anumit pagin Web care este un fiier text ce conine marcatori (tag-uri) HTML. Ca rspuns al browser-ului server-ul Web va transfera ctre acesta o copie a fiierului solicitat. Dup descrcare, browser-ul va parcurge acest fiier iar atunci cnd va ntlni marcatori ce trimit ctre alte resurse (text, imagini, sunete etc) va solicita serverului copii ale acestor fiiere. Limbajul de Marcare a HiperTextului (HTML) este un limbaj special de marcare utilizat pentru crearea documentelor cu hiperlegturi (hyperlinks). Hiperlegturile reprezint marcatori ce realizeaz legturi ctre alte documente sau resurse Web. Link-urile (legturile) transform un text obinuit n "hipertext" sau "hipermedia". Ele permit trecerea rapid de la o informaie aflat pe un anumit server la alt informaie aflat pe un alt server oriunde n lume. Atunci cnd se navigheaz sub un browser, link-urile apar ca zone active ntr-o pagin Web, adic zone pe ecran sensibile la apsarea butonului (de regul cel stng) al mouse-ului. Un click efectuat cu mouse-ul pe un link este interpretat ca o cerere ctre un anumit server Web de a expedia ctre computerul client o resurs ctre care link-ul respectiv puncteaz. n felul acesta paginile Web devin interactive (adic rspund la aciuni iniiate de utilizator). Pentru accesul direct i performant la fiierele aflate pe server-ele FTP (File Transfer Protocol) utilizatorii Internet pot folosi un serviciu special numit FTP. Prin intermediul serviciului FTP ei pot transfera n mod rapid fiiere de la un sistem la altul. De asemenea sunt necesare cele dou tipuri de aplicaii Internet (server FTP i client FTP). Serviciul NEWS ofer posibilitatea funcionrii n Internet a unor liste de discuii grupate pe domenii i subiecte de interes (Newsgroups). Utilizatorii acestui serviciu pot selecta Newsgroups-urile dorite iar apoi pot citi mesajele sau articolele publicate. Dac doresc, ei pot rspunde acestora sau pot adresa ntrebri utilizatorilor listelor. De asemenea pot publica articole sau anunuri noi. Unele Newsgroups sunt dedicate evenimentelor de actualitate, dar serviciul News (tiri) sau termenul newsgroups se refer la grupuri de discuii referitoare la un anumit domeniu sau subiect de interes, i nu la tiri n sensul tradiional al cuvntului. Informaiile, articolele, mesajele (ntrebrile i rspunsurile) care compun tirile sunt scrise de ctre oameni interesai de un anumit subiect. Newsgroups exist pe o reea special numit Usenet, care constituie o

11

component a Internet-ului. Categoriile unui Newsgroup sunt structurate ierarhic pe domenii i subdomenii de interes. n prezent exist peste 3000 de newsgroups diferite, cu subiecte variind de la unele de foarte mare interes tiinific pn la cele frivole. Un calculator sau o reea de calculatoare pot fi conectate la Internet prin intermediul unui furnizor de servicii Internet ISP (Internet Service Provider). Un ISP este de regul o societate care are unul sau mai multe calculatoare conectate la Internet prin intermediul crora pot fi conectai clienii (abonaii) pe baza unui cont (nume utilizator i parol) obinut de la furnizorul de servicii. Conexiunile cu clienii pot fi realizate n modaliti diferite (prin intermediul unui modem telefonic, al unui modem cablu tv., prin ISDN, fibr optic etc).

Broadband, Streaming, Interactive Web-TV, Microcasting Broadband

n prezent cei mai muli utilizatori nc acceseaz Internetul prin intermediul conexiunilor asigurate de o linie telefonic simpl (dial-up) i a modemului de 56k. Aceast conexiune nu este foarte performant atunci cnd se dorete transferul de fiiere ce conin imagini grafice de nalt rezoluie, fiiere audio sau video. Banda oferit de linia telefonic este ngust i nu satisface ntotdeauna transmiterea cantitii imense de informaie pe care o presupune multimedia. Rezolvarea (acestei probleme) o reprezint accesul de band larg (broadband). Prin broadband informaia se poate transmite n Internet cu o vitez de ctteva zeci de ori mai mare dect cea maxim permis de un modem obinuit de linie telefonic. Acest ctig de vitez face posibil transferul de fiiere de dimensiuni foarte mari ntr-un timp scurt. De exemplu prin broadband o ntreag enciclopedie multimedia poate fi trimis n doar cteva minute. n mod obinuit, exist patru ci pentru a obine un acces la o band larg. 1. Reeaua digital de servicii integrate (Integrated Services Digital Network ISDN). Liniile ISDN sunt dedicate conexiunilor dintre utilizator i centrala telefonic. O linie ISDN este de dou ori mai rapid dect un modem de linie telefonic de 56k. 2. Transmisia prin satelit. Prin intermediul conexiunilor la Internet asigurate de satelii se pot transmite date de apte opt ori mai repede dect printr-un modem telefonic obinuit. Abonaii ns trebuie s aib antene de satelit i instalaii corespunztoare pentru acest fel de transmisii. 3. Modem pentru cablu tv. Viteza unei conexiuni la Internet cu ajutorul unui modem de cablu tv., furnizat de ctre companiile care asigur i servicii de televiziune prin cablu, poate ajunge pn la 1 Mb pe secund. 4. Linia digital de abonat (Digital Subscriber Line - DSL). O linie DSL suport servicii Internet pe o linie de telefon obinuit. Vitezele pot varia de la 640k pe secund pn la mai muli megabytes pe secund, n funcie de modem i de cablul folosit pentru a conecta modemul la calculator. O linie DSL

12

funcioneaz dac abonatul se afl la cel mult 4,8 km distan de oficiul telefonic central. Un alt avantaj ale metodelor de acces de mai sus este c ele permit conectarea permanent la Internet.

Streaming audio i video (fluxuri audio i video)

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

Interactive Web TV Web TV Interactiv

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

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

staii Internet-Radio (care vor funciona prin streaming) i a unei conexiuni la Internet. Aplicaiile acestei noi metode sunt nelimitate: de la transmisia n direct prin Internet a unor programe muzicale, a unor ceremonii religioase (pe care le pot urmri doar cei interesai de eveniment), pn la video-conferine de afaceri, administrative sau educaionale.

Formarea i structura adreselor Web

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

.
net com ro edu

roedu

netscape

comunicare

kappa

snspa

mit

developer 14

comunicare

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

Conexiune - port
Pentru a distinge protocoalele, aplicaiile Internet utilizeaz pentru fiecare protocol un numr unic, numit numr de port. Astfel exist n mod implicit alocate pentru HTTP portul 80, pentru FTP portul 21, pentru TELNET portul 23, pentru NEWS portul 119 .a. Toate porturile cu numere sub 1024 sunt considerate privilegiate. Din aceast perspectiv o alt form de exprimare a unei adrese URL este: protocol://numegazd.domeniu:port/cale/ unde port este numrul portului pe care se dorete conexiunea cu server-ul. Iat n continuare (scrise cu caractere ngroate) adresele unor staii radio din Internet care funcioneaz prin streaming: Smooth Jazz - Live from Monterey, California http://64.236.34.97:80/stream/1020 The spirit of KJAZ San Francisco http://205.188.234.33:8004 The 80s Channel (HIGH BANDWIDTH) http://205.188.234.66:8010 Bytes of Bluegrass http://66.0.32.210:8000 Radiostorm.com: HIP-HOP R&B http://69.28.156.65:12525 DJ Dread @ 420Club.com : www.itsReggae.com http://64.202.119.30:8020 AP News Live Audio Feed http://64.236.34.97:80/stream/1061 KCRW WorldNews http://205.188.234.68:8020 Pentru a putea asculta emisiunile acestor staii este necesar un program (player) care s poat lucra n streaming (Windows Media Player, Winamp, BestPlay v3.2 etc).

15

Adresele IP, clasele de adrese IP i rezoluia adreselor

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

Trecerea de la un identificator la alt identificator se face prin intermediul unui mecanism numit de rezoluie a adreselor.

Comenzi utile din linia de comand

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

16

hostname Afieaz numele de gazd al computerului

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

17

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

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

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

18

19

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

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

20

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

21

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

Refresh-ul (rencrcarea) unei pagini Web existent n fereastra browser-ului i care are deja adresa nscris n bara de adrese (Address) se poate realiza prin apsarea tastei F5 sau prin apsarea butonului Refresh din Toolbar.

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

Submeniul Toolbars disponibilizeaz opiunea Customize (personalizare) care dac va fi lansat va oferi posibilitatea aducerii n barele de meniuri a butoanelor ce realizeaz aciunile dorite.

22

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

23

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

Accesarea butonului History din Toolbar ofer o alt modalitate de a afia adresele URL vizitate anterior. El va determina deschiderea unei ferestre noi n partea stng a browser-ului, ce va disponibiliza posibilitatea consultrii i selectrii adreselor URL vizitate n fiecare zi din sptmna anterioar.

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

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

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

Prin intermediul meniului contextual, este posibil adugarea n Favorites a adresei URL a unui link din pagina Web curent.

25

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

26

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

Browser contra browser

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

27

28

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

29

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

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

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

30

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

31

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

32

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

Unele motoare de cutare printre care se numr i Google i Yahoo pun la dispoziie faciliti avansate de cutare i ofer suport de operare pentru mai multe limbi.

33

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

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

34

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

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

35

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

36

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

37

HotBot (www.hotbot.com) este un motor de cutare util pentru localizarea paginilor Web publicate ntr-o anumit perioad. Cutarea poate fi realizat dup anumite expresii, titluri de pagini, nume de oameni i adrese URL. HotBot permite de exemplu selectarea informaiilor corespunztoare cutrii ce sunt coninute doar n paginile care au fost actualizate n ultima sptmn.

38

Un alt metacuttor foarte performant este programul Copernic Meta. Acest software poate fi descrcat de la adresa: http://www.copernic.com . Dup instalare el creeaz sub browser un Toolbar (copernic meta) care pune la dispoziie instrumentele necesare cutrilor n Internet.

Cum lucreaz motoarele de cutare?

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

39

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

Cteva reguli utile de construire a interogrilor

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

40

4. Securitatea n Internet
Dac pn acum civa ani msurile de securitate n Internet preau s fac parte doar din domeniul de activitate al specialitilor, iat c n prezent situaia este cu totul alta. Astzi a devenit necesar ca orice persoan care navigheaz n Internet s cunoasc aceste msuri de securitate mcar la modul cel mai general. Acest lucru se impune datorit creterii exponeniale a viruilor ce pot fi propagai pe aceast cale, numrului din ce n ce mai mare de atacuri att la adresa server-elor ct i la adresa celor ce navigheaz n Internet, furturilor de identitate, de elemente confideniale, de valori din spaiul virtual. n prezent doar simpla navigare n Internet fr luarea unor msuri de securitate corespunztoare poate provoca mari neplceri. Iat de ce acest capitol nu putea lipsi din prezentul curs.

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

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

41

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

Criptarea simetric, cu cheie public i cheie privat

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

Virui informatici i firewall Virui informatici

Navigarea n Internet presupune implicit i asumarea anumitor riscuri generate de posibilitatea apariiei unor pericole cum sunt: viruii informatici, viermii de reea, spionarea coninutului hard-discului calculatorului propriu, atacuri informatice externe n scopuri distructive. 42

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

Firewall
n urma lansrii n execuie pe calculatorul personal a unor aplicaii (descrcate din Internet, a unor fiiere ataate mesajelor e-mail, a unor programe externe) neverificate corespunztor cu un program antivirus actualizat cu ultimele semnturi, este foarte posibil ca acestea s instaleze i o aplicaie de tip server numit cal troian. Aceast aplicaie va putea servi cu informaia solicitat (din calculatorul infectat) pe un client (hacker) care are o aplicaie de tip client corespunztoare. Informaia va fi transmis clientului prin aceeai conexiune prin care calculatorul personal este conectat la Internet. De asemenea este posibil ca o aplicaie aflat pe un calculator extern conectat la Internet s scaneze conexiunea calculatorului personal pentru a identifica anumite puncte slabe ale acesteia care s permit penetrarea extern (prin intermediul unor porturi), n scopul prelurii controlului asupra calculatorului personal sau n scopul consultrii (copierii) fiierelor aflate pe acesta. Pentru evitarea acestor pericole este indicat ca pe lng programul antivirus, pe orice calculator conectat la Internet s mai existe instalat un program special de tip firewall (zid de foc) care s filtreze permanent coninutul informaiei transmise sau recepionate prin conexiunea Internet i care s identifice rapoartele cailor troieni i solicitrile sau scanrile externe ale unor aplicaii de tip client. Programul de tip firewall va trebui s fie n msur s informeze despre aceste ncercri i s le stopeze aciunile.

Cookies, Cache i Web-Bugs

Un cookie este un fiier text pe care o aplicaie server Web l poate scrie prin intermediul browser-ului ntr-un loc (folder) special pe hard-discul calculatorului client. Cookie-urile pot fi scrise pe calculatorul client dac browser-ul permite aceste drepturi

43

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

44

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

45

Un program util pentru cutarea i nlturarea Web-Bugs-urilor este denumit chiar Web-Bug i poate fi descrcat de la adresa: www.bugnosis.org/download.html .

Pericole posibile atunci cnd se navigheaz n Internet

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

46

Reguli elementare care trebuie respectate atunci cnd se navigheaz n Internet i programe de protecie ce pot fi utilizate
Iat n continuare cteva reguli elementare care ar trebui respectate de ctre oricine navigheaz n Internet sau lucreaz pe un calculator cu conexiune permanent sau parial la Internet: - utilizarea unui program firewall ori de cte ori este activ o conexiune Internet; - utilizarea unui program antivirus performant; - alegerea unor parole greu de identificat; - tergerea frecvent a cookie-urilor a cache-ului i a istoriei browser-ului; - interzicerea partajrii fiierelor; - criptarea fiierelor din calculatorul personal ce conin informaie confidenial; - criptarea coninutului mesajelor e-mail; - citirea cu atenie a textelor scrise cu litere foarte mici nainte de a subscrie n anumite site-uri Web; - interzicerea schimbului de fiiere cu necunoscui (n special atunci cnd se utilizeaz serviciile chat, mIRC, video chat, DC++, Kaaza etc); - interzicerea instalrii automate din Internet a unor componente software necunoscute; - evitarea zonelor ru famate n special a celor cu tem X. n continuare vor fi prezentate adresele Web ale ctorva programe antivirus, firewall, anti-adware, anti-spyware, criptoare de fiiere i de mesaje e-mail care pot fi utilizate pentru asigurarea unei mai bune protecii a calculatorului personal: Programe utilitare antivirus: - McAfee.com clinic (www.mcafee.com); - Symantec Norton AntiVirus (www.symantec.com); - F-prot (www.f-prot.com); - RAV (Romanian Anti Virus www.rav.ro). Programe firewall: - McAfee Personal Firewall (www.mcafee.com); - Symantec Norton Personal Firewall (www.symantec.com); - Kerio Personal Firewall (www.kerio.com); - Zone Labs Zone Alarm (www.zonelabs.com). Programe anti-adware i anti-spyware: - Ad-aware (www.lavasoft.de) - OptOut (grc.com/optout.htm) - SpyChecker (www.spychecker.com) - SpyRemover (www.itcompany.com/remover.htm) Programe de criptare a fiierelor: 47

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

Programe de criptare a mesajelor e-mail: - Hush Communication HushMail (www.hushmail.com); - Sigaba Secure (www.sigaba.com).

48

5. Pota electronic
Serviciul e-mail este n prezent unul dintre cele mai larg rspndite servicii Internet deoarece permite transmiterea rapid a mesajelor electronice, este foarte ieftin, uneori chiar gratis, face posibil transferul de fiiere ataate mesajelor, asigur faciliti performante de comunicare cum sunt: Reply, Forward, Quote, CC, BCC. Web-Based e-mail este o interfa Web ce permite accesul la un cont de e-mail, utiliznd un browser Web. Astfel un cont de e-mail poate fi accesat de oriunde din lume, de pe orice alt calculator conectat la Internet. Atunci cnd se transmit mesaje e-mail trebuie respectate cteva reguli elementare de bun sim ce constituie baza unei netetichete numite Basic Electronic Mail Netiquette. Iat n continuare cteva dintre cele mai importante recomandri pe care aceasta le face: - s nu se redacteze mesajul unui e-mail numai cu majuscule; - s se rspund cu promptitudine mesajelor e-mail; - s fie urmrit cu atenie felul n care este redactat mesajul, avndu-se n vedere faptul c se folosete o exprimare scris, nonverbal; - s se verifice cu atenie mesajul nainte de a fi transmis, astfel nct acesta s nu conin greeli gramaticale i de ortografie; - n cazul n care se rspunde la un mesaj, s nu se returneze ntregul mesaj original ci s foloseasc quot-area dubl (plasarea semnelor >>) numai naintea rndurilor la care se rspunde; - s se foloseasc o semntur electronic automat (care include informaii despre expeditor i cum poate fi el contactat) dac produsul software cu care se lucreaz (clientul e-mail) permite acest lucru; - s nu se trimit fiiere ataate nesolicitate; - s se utilizeze linia Subject n care s se fac o descriere succint a coninutului mesajului; - s nu se trimit prin facilitatea forward glume dect dac este foarte sigur c toi cei care vor primi mesajul doresc aceasta; - dac un mesaj este trimis la mai multe adrese e-mail odat, pe ct posibil s se utilizeze Bcc (Blind Carbon Copy) i nu Cc (Carbon Copy) care permite tuturor celor care au primit mesajul s vad toate adresele e-mail la care acesta a fost transmis; - s nu se utilizeze facilitatea forward dac se lucreaz n reeaua AOL (America On Line).

Securitatea e-mail
Transmiterea de e-mail nesolicitat sau spamming-ul cum mai este denumit aceast operaiune, a devenit n prezent un fenomen ngrijortor datorit efectelor pe care le poate produce: aglomerarea mesajelor n server-ele e-mail, ngreunarea citirii i selecionrii mesajelor utile de cele nedorite, pericolul consumrii rapide a spaiului alocat pentru e-mail pe hard disc-ul ISP-ului (Internet Service Provider), ncrcarea conexiunilor Internet cu informaie nedorit, posibilitatea infectrii cu virui informatici sau cu cai troieni prin intermediul fiierelor ataate,.

49

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

Formarea i structura adreselor de e-mail

O adresa e-mail este compus: 1. dintr-un ir de caractere care identific numele utilizatorului, urmat de 2. semnul @, urmat de 3. numele domeniului (server-ului e-mail) unde exist contul. Exemple de adrese e-mail pot fi: stanp@yahoo.com, stan.petre@comunicare.ro Pe baza numelui de domeniu dintr-o adres de e-mail se poate transfera mesajul pe maina destinatarului, iar pe baza numelui din adres se realizeaz livrarea local a mesajului n csua potal a destinatarului. O adres e-mail nu poate conine spaii. Urmtorul mod de exprimare a acesteia este greit: stan petre @comunicare.ro.

50

Utilizarea aplicaiei e-mail Outlook Express

Deschiderea unei aplicaii e-mail se poate face din: Launchbar (bara de lng meniul de start), din opiunea corespunztoare aflat n meniul de start sau prin intermediul unui shortcut existent n Desktop.

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

Dup ce un utilizator a intrat n aplicaie, el poate s-i deschid seciunea Inbox foarte simplu, dnd click pe aceast opiune aflat n seciunea Folders.

51

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

52

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

53

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

54

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

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

55

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

56

Adugarea n Address Book a unei adrese de e-mail dintr-un mesaj primit se poate realiza dac din meniul Tools se va alege opiunea Add to Address Book.

57

Lucrul cu mesaje e-mail

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

58

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

59

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

60

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

61

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

62

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

63

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

64

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

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

65

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

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

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

67

Crearea conturilor e-mail i abonarea la newsgroups Lucrul cu Outlook Express

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

68

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

3. n cmpul de editare Display Name, se va edita Numele utilizatorului, iar apoi se va da click pe butonul Next

69

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

70

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

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

71

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

72

Lucrul cu Netscape Messenger

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

Mecanismul de generare a conturilor e-mail este asemntor cu cel al programului Outlook Express i nu se va mai insista pe prezentarea detaliat a acestuia. n continuare va fi prezentat sub Netscape Navigator modalitatea de abonare la Newsgroups.

73

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

2. Se va specifica n continuare numele server-ului i portul pe care acesta lucreaz (portul implicit pentru serviciul News este 119). n exemplul de fa se dorete abonarea la newsgroups-ul Borland (newsgroups.borland.com)

74

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

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

75

5. Dac se dorete s se rspund (prin Replay sau Forward) la un articol se poate utiliza meniul contextual aferent:

Procedura de abonare la Newgroups sub Outlook Express este asemntoare celei prezentate anterior (oferit de Netscape).

76

6. Limbajul HTML
n prezent codul scris n limbajul HTML (HyperText Markup Language Limbajul de Marcare a HiperTextului) st la baza majoritii paginilor Web ce exist n Internet pe server-ele Web. Documentele HTML sunt documente de tip text i se prezint sub forma unor fiiere cu extensia .htm sau .html. Ele pot conine i cod (script-uri) realizat n alte limbaje (Java Script, Visual Basic Script etc) sau referine ctre module create n alte limbaje (PHP, Flash, Shockwave etc). HTML este un limbaj special de marcare utilizat pentru crearea documentelor cu hiperlegturi (legturi ctre alte adrese sau documente Web). Acest limbaj este derivat din SGML (limbajul de marcare standard generalizat Standard Generalized Markup Language). SGML reprezint un standard internaional ce a fost creat n 1996 care i-a propus ca orice document SGML s poat fi rulat i consultat pe orice tip de calculator i sub orice sistem de operare. HTML motenete trsturile SGML i este considerat a fi o aplicaie SGML orientat pe obiecte. HTML este un limbaj care conine un set de reguli utilizate pentru formatarea documentelor Web. Paginile Web realizate n HTML (documentele HTML) sunt independente de platform i de aplicaie. Dac MS-Word este un limbaj procedural de formatare a documentelor, HTML este un limbaj de marcare descriptiv. HTML lucreaz cu identificatori descriptivi de marcare denumii etichete (taguri). Specific majoritii comenzilor HTML este faptul c acestea se realizeaz prin perechi de etichete una de nceput i una de sfrit. De exemplu pentru marcarea scrierii unui text cu caractere ngroate (bold) se va utiliza: <b> text </b>. Documentele HTML fiind documente text ele pot fi realizate chiar cu un simplu editor de text cum este programul Notepad. Orice aplicaie MS-Office poate exporta documentele specifice n format HTML. Codul generat n acest fel (prin export) este de multe ori foarte redundant. n acest sens alte editoare performante de cod HTML cum este Dreamweaver (consideat a fi cel mai performant n prezent) ofer faciliti speciale de tipul Clean Up Word HTML (cur documentele HTML create cu produsul Word). Hipertext-ul HTML permite definirea legturilor cu alte seciuni din cadrul documentului HTML sau cu documente Web aflate la alte adrese URL. Chiar dac n prezent exist multe editoare performante de pagini Web (Dreamweaver, Frontpage, Netscape Composer etc) care ofer suport vizual de dezvoltare, totui exist multe cazuri n care acestea genereaz cod redundant, uneori chiar eronat. Deoarece ele nu reuesc ntotdeauna s satisfac cerinele proiectanilor doar prin intermediul interfeei vizuale de dezvoltare, pun la dispoziia acestora i fereastra de cod HTML generat, n care pot fi fcute corecii i poate nscris codul propriu. Iat motivul pentru care literatura de specialitate recomand ca naintea lucrului cu astfel de editoare s fie cunoscute att elementele eseniale ale limbajului HTML ct i tag-urile cele mai importante. n continuare, toate acestea vor fi prezentate prin intermediul unor exemple comentate sub forma unor mici aplicaii HTML (fiiere HTML). Pentru nceput se recomand scrierea aplicaiilor cu un editor de text sau lucrnd direct n fereastra de cod a unui editor performant de cod HTML.

77

Structura standard a unui fiier HTML

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

Observaii: Un document HTML este format din text i marcaje (tag-uri). Textul conine informaia care va fi afiat n pagina Web iar marcajele precizeaz modul n care acest text va fi afiat sau permit includerea n pagin a altor elemente (butoane, linkuri, imagini, sunete etc.). Un marcaj (tag) poate fi format din: 78

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

Sfritul de linie
S admitem c se dorete apariia n pagina Web (adic n ceea ce va afia browser-ul) a mai multor linii distincte. Dac vom crea urmtorul fiier sub forma: <html> <head> <title> Acesta este titlul primei pagini </title> </head> <body> Prima linie A doua linie A treia linie </body> </html> vom obine urmtorul coninut al ferestrei browser-ului:

79

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

80

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

Observaii importante Un document (fiier) HTML are extensia .html sau .htm. El se numete i fiier surs. Un browser ncarc un document HTML (un fiier surs), interpreteaz marcajele coninute n document iar rezultatul este afiat n fereastra browser-ului. Acest rezultat al interpretrii se numete pagin Web. Un document conine marcaje (comenzi sau tag-uri). Exist dou tipuri de marcaje sau tag-uri: (a) De tip bloc (pereche) conform sintaxei <nume_tag> bloc de elemente </nume_tag> caz n care aciunea precizat de numele tag-ului i atributele acestuia are efect asupra blocului de elemente. (b) De tip solitar (nepereche); de exemplu <br>. 81

Un marcaj (un tag) este delimitat de caracterele < i >. Sunt case-insensitive adic pot fi scrise att cu litere mici ct i cu litere mari: (a) Numele tag-urilor; (b) Numele atributelor; (c) Valorile atributelor. O pagin HTML standard este format dintr-un bloc extern <html></html> i dou blocuri incluse: <head></head> (cap) i <body></body> (corp). Trecerea la o linie nou se face cu ajutorul tag-ului <br> (break). Afiarea ntocmai a coninutului unui bloc de text din fiierul surs se face incluznd acest bloc ntre tag-urile <pre> i </pre> (preformatat).

Culori, fonturi i margini

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

Culoarea de fond
Prin exemplulul urmtor se va prezenta modul n care poate fi stabilit culoarea de fond a paginii Web. Culoarea de fond a unei pagini se precizeaz prin intermediul unui atribut al tagului <body>. Atributele sunt necesare pentru a particulariza aciunea precizat de numele tagului. Aceste atribute apar n interiorul parantezelor ce delimiteaz tag-ul dup sintaxa: <tag atribut=valoare>. Culoarea fondului paginii Web este setat prin atributul "bgcolor" al tag-ului <body>. <body bgcolor=culoare> unde culoare se construiete dup unul din modurile precizate anterior.

82

Pentru a realiza o pagin Web cu fondul de culoarea galben se poate proceda astfel: <html> <head> <title> Culoare background </title> </head> <body bgcolor="yellow"> Aceasta este o pagina Web<br> cu fondul de culoarea galben. </body> </html>

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

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

83

i textul de culoarea roie. </body> </html>

Setarea fontului de baz

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

84

Setarea marginilor paginii Web

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

Stiluri pentru blocurile de text

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

Tag-uri
<b></b>, <em></em>, strong></strong> <i></i> <u></u> <strike></strike>, <s></s> <big></big> <small></small>   <code><code>, <kbd></kbd>, <tt></tt>

Explicaie stil, comentarii

scrierea ngroat (bold) scrierea cu caractere nclinate spre dreapta (italic) scrierea subliniat (underline) scrierea cu caractere secionate, tiate pe mijloc scrierea cu caractere cu o unitate mai mare dect dimensiunea curent scrierea cu caractere cu o unitate mai mic dect dimensiunea curent scrierea indicilor (subscript) scrierea puterilor (superscript) scrierea cu caractere monospaiate (similar scrierii cu maina de scris)

85

<blink></blink> (numai pentru Netscape)

scrierea cu caractere clipitoare. Aceste caractere (clipitoare) pot fi afiate doar sub browser-ul Netscape

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

Pentru ca un fragment de text s fie afiat cu caractere cu o dimensiune mai mic cu o unitate dect cea curent acest fragment trebuie inclus ntr-un bloc delimitat de tagurile: <small> i </small>. Observaie: Blocurile <small></small> pot fi imbricate. <html> <head><title><Formatare small</title></head> <body> Aceasta linie este formata din text normal.<br><small> Aceasta linie este scrisa in intregime cu caractere micsorate cu o unitate.</small></br> Normal <small>mai mic<small>si mai mic.</small></small><br> Normal <small>mai mic <big>normal <big>mai mare</big></big></small> </body> </html> Un text va fi afiat cu caractere nclinate spre dreapta dac va fi inclus ntr-un bloc delimitat de tag-urile: <i> i </i> (i vine de la italic). 86

Pentru a insera fragmente de text aliniate sub-script i super-script aceste fragmente trebuie delimitate de tag-urile  respectiv . Urmtorul exemplu arat cum pot fi introduse fragmente de text sub-script i super-script. n rndul al treilea al paginii Web se va afia urmtorul text specific limbajului matematic: F(y)=(x1+x2)2-y3. Iat fiierul surs corespunztor: <html> <head><title><Scrierea sub-script i super-script</title></head> <body> Aceasta linie este formata din text normal.<br> In aceasta linie ^sus este superscript iar _jos este subscript.<br> F_(y)=(x₁+x₂)²-y³ </body> </html> n urma rulrii acestui cod HTML, fereastra browser-ului va afia:

n exemplul urmtor vor fi introduse dou tag-uri de tip bloc (pereche): <u> i </u> utilizat pentru a insera un bloc de caractere subliniate; <strike> i </strike> sau <s> i </s> utilizate pentru a insera un bloc de caractere secionate pe mijloc cu o linie orizontal.

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

87

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

Blocuri de text
Dac ntr-o pagin Web trebuie inclus o adres atunci poate fi utilizat un tag dedicat: <address></address>. Multe browser-e afieaz coninutul cuprins ntre acesti delimitatori cu formatul italic, ncepnd pe un rnd nou. Pentru ca un bloc de text s fie indentat (marginea din stnga s fie decalat la dreapta cu o anumit valoare) acesta trebuie inclus ntre tag-urile <blockquote> i

88

</blockquote>. Adesea browser-ele adaug un spaiu suplimentar nainte si dup un blockquote. Modalitatea cea mai eficace de delimitare i de formatare a unui bloc de text se obine prin folosirea delimitatorilor <div> i </div>. Un parametru foarte util pentru setarea caracteristicilor unui bloc <div> (diviziune) este align (aliniere). Valorile posibile ale acestui parametru sunt: - left (aliniere la stnga); - center (aliniere pe centru); - right (aliniere la dreapta). Iat n continuare cteva exemple de utilizare a acestui tag: <div align=left> Text </div> <div align=center> Text </div> <div align=right> Text </div> Trecerea la o linie nou se poate face cu ajutorul tag-ului <br>. Acest lucru este posibil i cu ajutorul tag-ului paragraf <p>. Spre deosebire de <br>, tag-ul <p> permite: - inserarea unui extra-spaiu nainte de blocul paragraf; - inserarea unui extra-spaiu dup blocul de terminare paragraf </p> - alinierea textului cu ajutorul atributului align avnd valorile posibile: "left", "center" sau "right". Iat n continuare cteva exemple de utilizare a acestui tag: <p align=left> Text </p> <p align=center> Text </p> <p align=right> Text </p> ntr-un text sunt necesare titluri (header-e) de capitole (paragrafe) de diferite dimensiuni. Header-ele pot fi introduse cu ajutorul tag-urilor <h1>, <h2>, <h3>, <h4>, <h5> i <h6>. Observaii: - Toate aceste tag-uri se refer la un bloc de text i trebuie nsoite de un tag de ncheiere similar, de exemplu: <h3></h3>. - Aceste tag-uri accept atributul align pentru alinierea titlului blocului de text la stnga (implicit), n centru i la dreapta. - Tag-ul <h1> permite scrierea unui titlu cu caracterele cele mai mari i ngroate pe cnd <h6> permite scrierea unui titlu cu caracterele cele mai mici. - Toate browser-ele introduc un extra-spaiu nainte de a afia un titlu. ntr-o pagin Web pot fi inserate linii orizontale. Acest lucru se face cu ajutorul tag-ului <hr>. Pentru a seta o linie orizontal se utilizeaz urmtoarele atribute ale tag-ului <hr>:

89

align permite alinierea liniei orizontale. Valorile posibile sunt: "left", "center" i "right". width permite alegerea lungimii liniei. Valorile posibile pot fi: (a) numere ntregi pozitive reprezentnd lungimea liniei n numr de pixeli; (b) numere ntre 1 i 100 urmate de caracterul % reprezentnd procentul din limea paginii pe care se va ntinde linia. size permite alegerea grosimii liniei. Valorile posibile sunt numere ntregi pozitive reprezentnd grosimea liniei n pixeli (valoarea implicit este 2). noshade cnd apare seteaz o linie fr umbr; color permite setarea culorii liniei.

Valori implicite sunt: align=left width=100%, size=2 cu umbrire Exemplu (linie aliniat central, lungime = 50%, grosime = 5 pixeli, fr umbr): <hr align=center width=50% size=5 noshade> Blocul introdus de tag-urile <center> i </center> aliniaz la centru toate elementele coninute de el. Caracterele speciale: spaiu, , &, <, >, , , , , , pot fi afiate dac sunt introduse n codul HTML ntr-un format special. Iat n continuare modul n care pot fi introduse n paginile Web aceste caractere speciale: Format caractere speciale (& va precede orice caracter special): Space = &nbsp; (non breaking space) = &quot; & = &amp; < = &lt; > = &gt; = &acirc; = &Acirc; = &icirc; = &Icirc; = &atilde; = &Atilde;

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

Liste neordonate
O list neordonat este un bloc de text delimitat de tag-urile corespondente <ul> i </ul> ("ul" vine de la unordered list = list neordonat). Fiecare element al listei este iniiat de tag-ul <li> (list item). Observaii: - Lista va fi identat fa de restul paginii Web;

90

Fiecare item al listei ncepe pe un rnd nou.

Urmtorul cod prezint modul n care poate fi realizat o list neordonat: <html> <head><title>Lista neordonat</title></head> <body> <h2>O lista neordonata</h2> <ul>Seria INTERNET va cuprinde urmatoarele carti: <li>HTML prin exemple <li>JavaScript prin exemple <li>Java prin exemple </ul> </body> </html> Pagina Web realizat astfel va afia:

Observaii: - Elementele <h1>, <h2> i <hr> au fost utilizate n acest exemplu pentru ca pagina Web s aib un aspect ct mai plcut. Tag-urile <ul> i <li> pot avea un atribut type prin intermediul cruia s poat fi setat caracterul ce prefixeaz fiecare element al listei. Valorile posibile ale acestui atribut sunt: - "circle" (cerc) pentru ""; - "disc" (disc plin) pentru " " (valoarea implicit); - "square" (ptrat) pentru "". Iat un exemplu de list neordonat care va afia un ptrat n partea stng a fiecrui item: <html> <head><title>Lista neordonat</title></head> <body> <h1 align="center"> Lista neordonat </h1> <hr> <h2>O lista neordonata</h2> <ul type="square">Seria INTERNET va cuprinde urmatoarele carti: <li>HTML prin exemple

91

<li>JavaScript prin exemple <li>Java prin exemple </ul> </body> </html> Se pot utiliza i liste neordonate imbricate: <ul> text (despre coninutul listei) <li> text(elementul 1) <ul> text (despre coninutul listei) <li> text(elementul 1) <li> text(elementul 2) </ul> <li> text(elementul 2) <li> text(elementul 3) </ul>

Liste ordonate
O list ordonat de elemente este un bloc de text delimitat de tag-urile corespondente <ol> i </ol> (ol vine de la ordered list=list ordonat). Fiecare element al listei este iniiat de tag-ul <li> (list item). Observaii: - Lista va fi identat fa de restul paginii Web; - Fiecare item al listei va ncepe pe un rnd nou. Un exemplu de cod pentru crearea unei liste ordonate cu valorile implicite ale atributelor este: <html> <head><title>Lista ordonata</title></head> <body> <h2>O lista ordonata</h2> <ol>Pentru a realiza o pagina web trebuie: <li>creat un fisier de comenzi in limbajul html; <li>salvat fisierul cu extensia .html; <li>incarcat fisierul html intr-un browser. </ol> </body> <html> Rezultatul rulrii acestui exemplu va fi:

92

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

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

93

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

94

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

Atribute
Tag-urile <table> </table>, <tr> </tr>, <td> i </td>, pot controla urmtoarele atribute: align=left, center, right (aliniere stnga, central, dreapta) border=size (dimensiunea n pixeli a chenarului) bgcolor=color (culoarea fundalului) width=value (valoare lungimii n pixeli sau sau valoarea pe orizontl n % fa de dimensiunea ferestrei) height=value (valoare nimii n pixeli sau sau valoarea pe vertical n % fa de dimensiunea ferestrei) cellspacing=value (valoare n pixeli, seteaz distana dintre dou celule vecine) cellpadding=value (valoare n pixeli, seteaz distana dintre distana n pixeli dintre marginea unei celule si coninutul ei) <hspace>=value, <vspace>=value. Seteaz zona din jurul unui tabel pe orizontal i vertical. Funcioneaz doar sub Netscape.

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

95

- top (sus). Observaie: valoarea implicit este middle (la mijloc).

Tabele de forme oarecare

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

Atribute Internet Explorer pentru tabele

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

Exemple
Exemplul 1 un tabel simplu <html> <head><title>Un tabel simplu</title></head> <body> <h2>Un tabel simplu format din doua linii si trei coloane</h2> <table border="5"> <tr> <td>celula 11</td> <td>celula 12</td> <td>celula 13</td> </tr> <tr> <td>celula 21</td> <td>celula 22</td> <td>celula 23</td> </tr> 96

</table> </body> </html> n urma consultrii acestei pagini Web n fereastra unui browser se va afia:

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

</table> </body> </html> Rezultatul rulrii acestui cod va fi:

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

98

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

99

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

Tipuri de fiiere pentru imagini

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

Inserarea unei imagini ntr-o pagin Web

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

<html> <head><title>Inserarea simpla unei imagini</title></head> <body> <h2>Prima pagina web care contine o imagine</h2> <img src="aol_sl.gif">Text dupa imagine. </body> </html>

Alte atribute opionale ale tag-ului <img>

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

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

Elemente nlocuitoare pentru imagini

Deseori dimensiunea unei imagini de nalt rezoluie ocup muli KB, i implicit timpul de ncrcare al paginii Web n fereastra browser-ului crete cu att mai mult cu ct conexiunea dintre client i server este mai lent. Pentru ca n acest timp utilizatorul s poat vedea totui ceva se apeleaz la dou atribute ale tag-ului <img> care nlocuiesc imaginea pe perioada ncrcrii: atributul alt admite ca valoare un text care se va afia n locul imaginii, sau ca explicaie a imaginii; atributul lowsrc admite ca valoare adresa URL a unei imagini de joas rezoluie (de mic dimensiune) ncrcabil rapid chiar i pe conexiunile nu foarte performante. Exist aplicaii de prelucrare de imagini care permit transformarea unei imagini ntr-o imagine asemntoare de joas rezoluie i de mrime mult mai mic dect imaginea original numit thumbnail.

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

101

Imagini de fond ale paginilor Web

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

102

Link-uri Interactivitatea unei pagini Web

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

Utilizarea unui text ca zon activ

Iat un exemplu care realizeaz ntr-o pagin Web un link pe baza unui text: <html> <head><title>Un link pe baza de text</title></head> <body> <h2> Un link pe baza de text </h2> <a href="http://www.comunicare.ro">Facultatea de Comunicare i Relaii Publice</a> </body> </html> n acest exemplu zona activ, adic zona din pagina Web care devine sensibil la apsarea butonului stng al mouse-ului, este format din textul (Facultatea de Comunicare i Relaii Publice) cuprins ntre tag-urile <a> i </a> iar href specific ntre ghilimele adresa URL corespunztoare ("http://www.comunicare.ro").

103

Utilizarea unei imagini ca zon activ

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

Pentru ca acest exemplu s funcioneze trebuie ca fiierele "a.html" i "aol_sl.gif" s existe n folder-ul curent. Un click dat pe imaginea AOL Preview va determina ncrcarea paginii a.html n fereastra bowser-ului.

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

104

Exemple de ancore din cadrul aceluiai fiier HTML: <a href="#ancora1">Salt ctre ancora nr.1</a><br> <a href="#ancora2">Salt ctre ancora nr.2</a><br> <a name="ancora1">Prima ancor<br> Text corespunztor pentru ancora 1 <a name="ancora2">A doua ancor<br> Text corespunztor pentru ancora 2 Exemplu de ancore n cadrul altui fiier HTML: <a href="pag1.html#ancora1">Salt ctre ancora nr.1 din fiierul pag1.html</a><br> <a href="pag1.html#ancora2">Salt ctre ancora nr.2 din fiierul pag1.html</a><br>

Instane multiple pentru un browser

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

105

Alegerea culorilor pentru link-uri

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

Link ctre un server FTP

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

Link ctre un server e-mail

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

Link ctre fiiere oarecare

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

106

Documentarea unei pagini Web

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

Descrierea unei pagini Web

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

107

Cuvintele cheie pentru o pagin Web

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

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

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

Setul de caractere utilizat

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

108

Rencrcarea automat a unei pagini Web

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

Comentariile
Comentariile sunt blocuri de text utile care prezint informaii de proiectare utile despre modul n care a fost scris un fiier surs .html. Comentariile sunt ignorate de ctre browser la ncarcarea paginii. Pentru a insera un bloc de comentarii se utilizeaz sintaxa: <!-Comentarii --> Blocul de comentarii poate fi plasat oriunde este necesar n cadrul paginii .html i se poate extinde pe mai multe rnduri;

109

Sunete i videoclip-uri Formate i link-uri pentru fiierele de sunet

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

Formate i link-uri pentru fiierele videoclip

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

Sunetul de fond pentru o pagin Web

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

110

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

Hri de imagini Folosirea unei imagini ca hart de imagini

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

111

Coordonatele zonelor active

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

x1 y1 y2 Y

x2 X

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

x X y r

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

(x1,y1) (x2,y2)

(x4,y4) Y

(x3,y3)

112

Utilizarea unei hri de imagini

Admitem c avem creat imaginea din figura alturat i c aceast imagine este salvat pe disc n folder-ul curent de lucru sub numele de harta.gif. ntruct dimensiunile de afiare a imaginii vor fi setate la 600 X 500 pixeli, figurile geometrice vor avea coordonatele: - "100,100,200,200" pentru ptrat; - "400,200,100" pentru cerc; - "100,300,200,300,400,400,100,400" pentru poligon. 100 200 300 400 500 600 100 200 300 400 500 Iat n continuare codul HTML care va genera aceast hart de imagini: <html> <head><title>Image map</title></head> <body> <h1>O harta de imagini</h1> <img src="harta.gif" usemap="#harta1" width="600" height="500"> <map name="harta1"> <area shape="rect" coords="100,100,200,200" href="p2.html"> <area shape="circle" coords="400,200,100" href="p3.html"> <area shape="poly" coords="100,300,200,300,400,400,100,400" href="p4.html"> </map> </body> </html>

113

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

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

114

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

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

115

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

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

116

Cmp de editare de tip Password

Dac se utilizeaz tag-ul <input> avnd atributul type setat la valoarea password atunci n formular se introduce un element asemntor cu un cmp de editare obinuit (introdus prin type="text"). Toate atributele de la un cmp de editare rmn valabile. Singura deosebire const n faptul c n cmpul de editare nu apar caracterele n clar ci numai caractere "*". La expedierea formularului ns se transmite n clar valoarea tastat ntr-un cmp de tip password. Exemplu: <form method="post" action="mailto:mgavota@fcrp.ro"> Nume:<input type="text" name="nume"><br> Prenume:<input type="text" name="prenume"><br> Password:<input type="password" name="parola"><br> <input type="reset" value="Sterge"><br> <input type="submit" value="Expediaza"> </form>

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

117

Femeiesc<input type="radio" name="sex" value="f"><br><br> <input type="reset"> <input type="submit" value="Ok"> </form> </body> </html>

La expedierea formularului se va transmite una din perechile "sex=b" sau "sex=f" n funcie de alegerea facut de utilizator.

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

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

Transmiterea fiierelor ctre un server - Upload

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

119

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

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

120

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

121

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

Atribute ale tag-ului <frameset>

mprirea n sub-ferestre de tip coloan" se face cu ajutorul atributului cols. mprirea unei ferestre ntr-un numr de sub-ferestre de tip linie se face cu ajutorul atributului rows. Valoarea atributelor cols i rows este o list de elemente (pentru fiecare sub-fereastr cte un element) separate prin virgul care descriu modul n care se face mprirea. Elementele listei pot fi: Numere ntregi de pixeli; Procente din dimensiunea ferestrei (ex.:50%); "n*" care nseamn n pri din spaiul rmas posibil. Obs: Dac mai multe elemente din list sunt setate cu * atunci spaiul rmas disponibil pentru ele se va mpri n mod egal. Exemplul 1: "200, *, 50%, *" nseamn o mprire n 4 sub-ferestre, prima fiind de 200 de pixeli, a treia fiind jumtate din spaiul total disponibil, a doua i a patra ocupnd restul de spaiu rmas disponibil n mod egal. Exemplu 2: "200, 1*, 50%, 2*" nseamn o mprire n 4 sub-ferestre, prima fiind de 200 de pixeli, a treia fiind jumtate din spaiul total disponibil, a doua i a patra ocupnd restul de spaiu rmas disponibil care se mparte n trei pri egale, a doua fereastr lund o parte iar a patra fereastr lund 2 pri.

Exemple de cod care genereaz frame-uri

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

122

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

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

Exemplu de cod 4 O pagin Web cu 3 frame-uri mixte <html> <frameset cols="20%,*"> <frame src="p1.html"> <frameset rows="*,*"> <frame src="p2.html"> <frame src="p3.html"> </frameset> </frameset> </html>

123

Alte atribute pentru frame-uri

bordercolor seteaz culorile pentru chenarul frame-urilor border seteaz dimensiunea n pixeli a chenarului unui frame. Valoarea implicit este de 5 pixeli.

Exemplu: <html> <head><title>Frame-uri cu border</title></head> <frameset cols="20%,*" border="2"> <frame src="p1.html"> <frameset rows="*,*"> <frame src="p2.html" bordercolor="green"> <frame src="p3.html"> </frameset> </frameset> </html> frameborder seteaz chenare vizibile sau invizibile frameborder=yes chenare vizibile frameborder=no chenare invizibile

Exemplu: <frameset cols="20%,*" frameborder=no> scrolling seteaz bara de defilarea unui frame. Valorile posibile sunt: scrolling ="yes", barele de defilare sunt adugate ntotdeauna; scrolling ="no", barele de defilare nu sunt utilizabile; scrolling ="auto", barele de defilare sunt vizibile doar atunci cnd este necesar (informaia pe vertical sau pe orizontal nu este vizibil integral n subfereastr).

Exemplu: <frameset cols="*,*,*"> <frame src="p.html" scrolling="yes" noresize> <frame src="p.html" scrolling="no" noresize> <frame src="p.html" scrolling="auto" noresize> </frameset> noresize dac este prezent inhib posibilitatea implicit a utilizatorului de a redimensiona frame-ul cu ajutorul mouse-ului

124

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

125

7. Elemente de design ale paginilor Web

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

126

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

127

8. Instrumente software de generare a paginilor Web

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

Note Tab Pro

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

128

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

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

129

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

O parte din codul generat de ctre Netscape Composer, corespunztor cu coninutul ferestrei grafice anterioare este:

130

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

131

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

n interfaa de dezvoltare Dreamweaver sunt de remarcat seciunile din bara Insert care disponibilizeaz bare de instrumente ce conin obiectele specifice care pot fi 132

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

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

133

Suportul de autoinstruire pentru utilizarea produsului este interactiv i foarte bine realizat:

134

9. Simulri practice Informaie i Comunicare

-I1. Deschidei un document Word nou. Introducei datele dvs. de identificare pe primul rnd al documentului i salvai fiierul sub numele examen.doc n folder-ul Modul 7. 2. Descriei n cteva cuvinte facilitile serviciului www i salvai rspunsul n fiier. 3. Deschidei o aplicaie de navigare pe Internet. 4. Schimbai pagina de start n http://www.comunicare.ro; accesai pagina de start a aplicaiei. 5. Deschidei o nou fereastr n aplicaie i accesai URL-ul http://www.snspa.ro. 6. Revenii la prima fereastr i accesai link-ul Cine suntem noi? existent n aceast pagin. 7. Salvai pagina Web n format html. 8. Copiai primele trei rnduri din aceast pagin n fiierul examen.doc. 9. Revenii la pagina iniial i tiprii-o (pe imprimanta disponibil sau n fiier n folder-ul Modul 7) n format tip vedere. 10. Salvai fiierul examen.doc i nchidei toate aplicaiile existente. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. - II 1. Deschidei un document Word nou. Introducei datele dvs. de identificare pe primul rnd al documentului i salvai fiierul sub numele de informatii.doc. 2. Deschidei o aplicaie de navigare pe Internet. 3. Accesai URL-ul http://www.comunicare.ro . 4. Adugai adresa paginii n Bookmarks (Favorites). 5. Introducei n fiier adresa paginii de start a aplicaiei i salvai. 6. Accesai pagina de nouti (News ) folosind hyperlink-ul existent. 7. Copiai sigla facultii (sau adresa locaiei imaginii) n fiier i salvai. 8. Setai aplicaia astfel nct s ncarce doar textul, nu i imaginile i rencrcai pagina folosind butonul potrivit. 9. Schimbai orientarea paginii n tip vedere i salvai pagina n format html. 10. Salvai fiierul i nchidei toate aplicaiile existente. Deschidei o aplicaie electronic de e-mail. Sortai mesajele din Inbox dup subiect n ordine cresctoare. Deschidei primul mesaj care are fiiere ataate. Deschidei un nou mesaj de e-mail i copiai textul din mesajul anterior n mesajul nou. Introducei adresa e-mail a facultii n cmpul To i stanp@yahoo.com n cmpul Cc. Introducei Test Informatie si Comunicare n cmpul Subject i trimitei mesajul. Revenii la primul mesaj i marcai-l (cu un stegule). Salvai unul din fiierele ataate mesajului n folder-ul Modul 7. Tiprii primul mesaj n 2 copii (pe imprimanta disponibil sau n fiier n folder-ul Modul 7). 10. nchidei aplicaia. 1. 2. 3. 4. 5. 6. 7. 8. 9. Deschidei o aplicaie electronic de e-mail. Introducei adresa e-mail a facultii n Address Book. Folosind lista de adrese (Address Book) vei trimite un mesaj nou ctre aceast adres. Introducei Rezultate modul 7 n cmpul Subject i ataai fiierul examen.doc. Trimitei mesajul i sortai mesajele din Sent Items dup Subject n ordine descresctoare. Deschidei primul mesaj din folder-ul Sent Items. Selectai primul paragraf i tiprii selecia (pe imprimanta disponibil sau n fiier n folder-ul Modul 7). Vei retransmite mesajul (Forward) ctre adresa stanp@yahoo.com. Introducei adresa bdacnciu@hotmail.com n cmpul To i trimitei mesajul. nchidei aplicaia.

135

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

http://www.ecdl.org.ro .
4. 5. 6. 7. 8. 9. 10. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. Copiai sigla ECDL n fiier i salvai. Accesai pagina fundaiei ECDL folosind image link-ul cu sigla ECDL existent. Copiai data din colul din dreapta sus al paginii de Web n fiier i salvai. Revenii la pagina anterioar i salvai-o n format txt. Accesai pagina de start a aplicaiei i copiai URL-ul acesteia n fiier. Schimbai orientarea paginii n tip portret i tiprii. Salvai fiierul i nchidei toate aplicaiile. Deschidei o aplicaie electronic de e-mail. Creai un nou sub-folder n folder-ul Sent Items. Numii acest folder Folder Test. Sortai mesajele din folder-ul Sent Items n ordine cresctoare dup subiect. Mutai cteva mesaje care au fiiere ataate n Folder Test. Marcai toate mesajele din Folder Test. Deschidei un nou mesaj i introducei adresa stanp@yahoo.com n cmpul To. Introducei Rezultate modul 7 n cmpul Subject i ataai fiierul test1.doc. Trimitei mesajul i la adresa bdacnciu@hotmail.com folosind funcia Carbon copy (Cc) . nchidei aplicaia.

136

10. Cteva argumente finale

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

137

Noile sistemele de operare ofer funcii i programe performante care fac posibil informarea i comunicarea n Internet. Este evident faptul c n actualul context aceste funcii i programe trebuie cunoscute i utilizate eficient de ctre cei care doresc s profite de oportunitile i beneficiile oferite de Internet.

138

Glosar de termeni
browser / navigator client client e-mail download e-mail Flash aplicaie software de tip client util pentru vizualizarea fiierelor coninute de un server WWW o staie de lucru, un terminal sau un PC, o component software, solicitnd o activitate de la un server un program specializat de primire i transmitere de e-mail-uri. Exemplu : Microsoft Outlook, Eudora, etc. copierea unui fiier de pe un calculator server pe calculatorul client utilizat pota electronic; serviciu de reea oferind faciliti de schimb electronic de mesaje i fiiere ataate ntre utilizatori tehnologie ce permite realizarea unor animaii interactive. Pentru rularea acestora sub browser este necesar s fie instalat o component software corespunztoare (plugin player Flash) File Transfer Protocol; protocol Internet pentru transferul de fiiere Graphic Interchange Format format grafic elaborat de firma Compuserve. O imagine GIF poate conine pn la 256 de culori, permind realizarea animaiilor i stabilirea transparenei pentru anumite culori din imagine. colecie de noduri nrudite, legate prin hiperlegturi. Un hiperdocument poate conine hiperlegturi ctre date care exist intern n acelai document. un set ce poate conine una sau mai multe ancore; uzual se folosete termenul legatur. format al informaiei n care documentele sunt legate unul cu cellalt printr-un set de cuvinte selectate (marcate n text); pentru fiecare cuvnt marcat n document, hipertextul d posibilitatea crerii unei legturi logice cu alt document care explic semnificaia conceptului sau d detalii suplimentare referitoare la el. HyperText Markup Language; limbaj de marcare care definete modul de structurare a unui document hipertext HyperText Transfer Protocol; protocolul utilizat n comunicarea dintre o aplicaie client i o aplicaie server WWW. companie furnizoare de servicii Internet (Internet Service Provider); n afara unei conexiuni la reea (Internet), aceste 139

FTP GIF

hiperdocument

hiperlegtur hipertext

HTML HTTP

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

companii mai pot oferi i alte servicii gzduire de site-uri (hosting), e-mail etc. Java limbaj de programare orientat pe obiecte dezvoltat de ctre Sun Micro Systems. Aplicaiile realizate n acest limbaj pot fi rulate pe orice platform. miniaplicaie scris n Java capabil s ruleze sub un browser. limbaj de scripting realizat de firma Netscape. Aplicaiile scrise n acest limbaj pot fi rulate sub browser. Acest limbaj este nrudit cu Java dar fr a dispune de fora acestuia este deosebit de util n realizarea unor efecte interactive integrate n paginile Web. Joint Photografic Experts Group reprezint un standard de stocare a imaginilor ntr-o form comprimat capabil s afieze 16,7 milioane de culori. zon de text sau imagine pe care se poate face click pentru a se realiza transferul (saltul) la alt pagin sau site Web o list afiat, cuprinznd opiuni sau funcii din care utilizatorii pot alege una pentru a activa programele sau operaiile dorite browser, aplicaie software de navigare (de tip client WWW) Portable Network Graphics format de fiiere pentru imagini, conceput ca un urma al formatului GIF i care elimin restriciile acestui format. Nu este compatibil cu browser-ele mai vechi. distribuirea resurselor calculator ntr-o reea, utiliznd un client (o staie de lucru sau un terminal), un server care asigur puterea de calcul, o reea care conecteaz mpreuna clienii cu server-ele i un software care ruleaz pe server i pe client. o configuraie de echipamente de procesare de informaie conectate prin linii de comunicaie pentru a mpri informaia i resursele. un nod sau un proces care execut un serviciu sau un set de servicii nrudite pentru clienii si. Vezi client. nume generic folosit pentru un set de protocoale de reea pe diverse niveluri; unele dintre acestea, cum ar fi IP, TCP i UDP furnizeaz funciile de nivel inferior necesare celor mai multe aplicaii, altele sunt protocoale dedicate unor funcii specifice. protocol de tip terminal virtual care asigur posibilitatea de a controla de la distan un calculator conectat la Internet. un atribut al datelor care descrie natura prezentrii. Valoarea acestui atribut poate fi una din urmtoarele: text

Java applet JavaScript

JPEG

link, hyperlink meniu Netscape Navigator PNG

procesare client/server

reea

server TCP/IP

Telnet tipul mediului

140

upload URL

sunet imagine (ex.: fotografie) grafic (ex.: desen) animaie (grafic animat) film (imagine animat)

copierea unor fiiere de pe calculatorul client pe un calculator server. Universal/Uniform Resource Locator; definete modul de localizare, numele a unui nod sau adresa unei resurse din Internet. Virtual Reality Modeling Language limbaj de descriere a scenelor care permite crearea unor imagini grafice tridimensionale i interactive, similare cu cele din unele jocuri video. Pentru vizualizarea acestora este necesar s fie instalat sub browser o component software (plugin) corespunztoare. abreviere pentru WWW (World Wide Web); este constituit dintr-o colecie neorganizat de milioane de documente rspndite pe servere n ntreaga lume. ntre aceste documente se poate naviga cu ajutorul link-urilor sau folosind adresele URL ale paginilor dorite. World Wide Web (numit i W3); serviciu Internet i sistem de informare bazat pe hipertext, permind navigarea (deplasarea) de la un document la altul n cadrul unei reele de informare.

VRML

WEB

WWW

141

Bibliografie
Courtner, Gini Marquis Annette Eddings, Joshua Gugoiu, Teodoru Jamsa, K. Joseph, R. Dominik Kerman, Phillip Lon, Coley Ptru, Bogdan Tyler, Denise Crystal D. Erickson *** *** *** Iniiere n Microsoft Office 2000, Editura ALL, Bucureti, 1999 How the Internet Works, Ziff-Davis Press, Emeryvile, California, 1994 HTML prin exemple, Editura TEORA 2000 Programarea Web, Editura ALL, Bucureti, 1999 The Dynamics of Mass Communication. Media in the Digital Age, McGrow-Hill, New York, 2002 Macromedia Flash 5, Editura Teora 2001 Dreamweaver 4 i Firewors 4 n imagini, Editura Kondyli, Timioara, 2001 Internet pentru nceptori, Editura Teora, 2003 Microsoft FrontPage 98, Editura TEORA 1999 Informatic Internet, Note de Curs Informatic Internet, Curs Multimedia Dreamweaver, FrontPage, Netscape Composer, Fireworks Help i Tutorial

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

142