CUPRINS Prefa............................................................................................................................................ 6 Capitolul1. Internet: definiie, servicii, istoric .............................................................................. 8 1.1 Reele de calculatoare.......................................................................................................... 9 1.1.1 Tipuri de reele .............................................................................................................

9 1.1.1.1 Reele LAN ..................................................................................................... 10 Niveluri de reea .............................................................................................................. 11 Topologii LAN................................................................................................................ 12 Reele de tip logic............................................................................................................ 13 Protocoale LAN............................................................................................................... 13 1.1.2 Interconectarea reelelor de calculatoare.................................................................... 13 1.2 Reeaua Internet........................................................................................................... 15 Dicionar de termeni................................................................................................................ 17 ntrebri de verificare .............................................................................................................. 18 Teme propuse .......................................................................................................................... 19 2. WWW World Wide Web ..................................................................................................... 20 2.1 Scurt istorie...................................................................................................................... 20 2.2 Protocoale i limbaje n WWW......................................................................................... 20 2.3 Browsere Web ................................................................................................................... 21 2.3.1 Generaliti ................................................................................................................. 21 2.3 2.Internet Explorer ........................................................................................................ 23 2.3 3 Netscape Navigator .................................................................................................... 27 2.4 Navigarea cu ajutorul browser-ului................................................................................... 28 2.4.1 tergerea informaiilor privind site-urile vizitate....................................................... 29 2.4.2 Administrarea listelor de preferine............................................................................ 29 2.4.3 Tiprirea paginilor Web ............................................................................................. 30 2.4.4 Salvarea paginilor Web .............................................................................................. 31 2.4.5 Copierea textului, imaginilor i legturilor dintr-un document Web ......................... 31 2.4.6 Particulariti ale Netscape Navigator........................................................................ 31 2.4.6.1 Setarea paginii de start ........................................................................................ 31 2.4.6.2 Tiprirea unei pagini ........................................................................................... 32 2.4.6.3 Vizualizarea sursei unui document ..................................................................... 32 2.4.6.4 Modificarea setului de caractere ......................................................................... 32 2.4.6.5 Administrarea listelor de preferine..................................................................... 32 2.4.7 Cutarea n WWW ..................................................................................................... 32 ntrebri de verificare .............................................................................................................. 35 Probleme propuse.................................................................................................................... 36 3. Pota electronic, e-mail ......................................................................................................... 37 3.1 Generaliti ........................................................................................................................ 37 3.2 Web e-mail ........................................................................................................................ 38

3.2.1 Crearea unui cont de e-mail ....................................................................................... 38 3.2.2 Utilizarea contului ...................................................................................................... 39 3.2.2.1 Compunerea unui mesaj ...................................................................................... 40 3.2.2.2 Citirea mesajelor ................................................................................................. 41 3.2.2.3 Rspunsul la un mesaj ......................................................................................... 42 3.2.2.4 Expedierea mai departe a unui mesaj primit ....................................................... 43 3.2.2.5 Explorarea coninutului dosarelor csuei potale............................................... 43 3.2.2.6 tergerea mesajelor ............................................................................................. 43 3.2.3 Setarea opiunilor ....................................................................................................... 44 3.2.3.1 Filtrarea ............................................................................................................... 44 3.2.3.2 Schimbarea parolei.............................................................................................. 44 3.2.3.3 Preferine ............................................................................................................. 45 3.2.3.4 Semntura............................................................................................................ 45 3.2.4 Utilizarea agendei cu adrese....................................................................................... 45 3.2.5 Crearea unui cont POP3 pe serverul Easynet............................................................. 46 3.3 Programul Outlook Express .............................................................................................. 46 3.3.1 Descrierea ferestrei principale.................................................................................... 46 3.3.2 Vizualizarea proprietilor unui mesaj ....................................................................... 48 3.3.3 Adugarea unei noi identiti ..................................................................................... 48 3.3.4 Crearea unei conexiuni Dial-up.................................................................................. 52 3.3 5 Compunerea unui mesaj nou ...................................................................................... 54 3.3.6 Expedierea mesajelor ................................................................................................. 55 3.3.7 Recepionarea mesajelor ............................................................................................ 56 3.3.8 Rspunsul la un mesaj (Replay) ................................................................................. 57 3.3.9 Trimiterea unui mesaj primit altor persoane (Forward) ............................................. 57 3.3.10 Fiiere ataate ........................................................................................................... 57 3.3.11 Agenda de adrese ..................................................................................................... 59 3.3.12 Opiuni n configurarea clientului Outlook Express ................................................ 59 Concluzii ................................................................................................................................. 61 Dicionar de termeni................................................................................................................ 61 ntrebri de verificare .............................................................................................................. 62 Probleme propuse.................................................................................................................... 63 4. Transfer de fiiere FTP......................................................................................................... 64 4.1 Utilizarea aplicaiei FTP din Windows ............................................................................. 64 4.2 FTP Explorer ..................................................................................................................... 67 4.2.1 Descrierea meniurilor................................................................................................. 68 4.2.2 Utilizarea programului FTP Explorer ........................................................................ 70 4.2.2.1 Configurarea programului ................................................................................... 70 4.2.2.2 Transferul fiierelor............................................................................................. 72 ntrebri de verificare .............................................................................................................. 73 Probleme propuse.................................................................................................................... 73

5. Proiectare pagini Web Web design ...................................................................................... 74 5.1 Structura documentului HTML......................................................................................... 74 5.2 Formatarea documentelor HTML ..................................................................................... 75 5.2.1 Stiluri fizice ................................................................................................................ 75 5.2.2 Stiluri logice ............................................................................................................... 76 5.2.3 Stiluri de list ............................................................................................................. 79 5.2.4 Formatarea fonturilor ................................................................................................. 80 5.3 Tabele ................................................................................................................................ 81 5.4 Imagini .............................................................................................................................. 84 5.5 Legturi ............................................................................................................................. 85 5.5.1 Imagini ca legturi...................................................................................................... 86 5.6 Stiluri de pagin ................................................................................................................ 87 5.7 Hri de imagine ................................................................................................................ 88 5.7.1 Hri de imagine client-side.................................................................................... 88 5.7.2 Obinerea coordonatelor............................................................................................. 89 5.8 Cadre (frames)................................................................................................................... 90 Tabel 5.2 Principalele atribute ale etichetei FRAME .................................................... 91 Tabel 5.3 Atributele etichetei FRAMESET ................................................................... 91 5.9 Formulare (forms) ............................................................................................................. 92 5.9.1 Definirea unui cmp de intrare................................................................................... 92 5.9.2 Definirea unui cmp de selecie ................................................................................. 93 5.9.3 Definirea unei arii de text........................................................................................... 94 5.10 Editarea, verificarea, gzduirea i promovarea unui site Web....................................... 96 5.10.1 Editarea i verificarea unui Site Web....................................................................... 96 5.10.2 Gzduirea unui Site Web.......................................................................................... 97 5.10.3 Promovarea unui Site web........................................................................................ 98 5.10.3.1 Etichetele META............................................................................................... 98 5.10.3.2 nregistrarea unei pagini.................................................................................... 99 ntrebri de verificare ............................................................................................................ 100 Probleme propuse.................................................................................................................. 100 Rspunsuri la ntrebrile de verificare .................................................................................. 102 Bibliografie............................................................................................................................ 103

Prefa
Cartea intitulat Noiuni de Internet ncearc s vin n sprijinul celor care, avnd la dispoziie un calculator personal acas, la coal sau la serviciu, doresc s stabileasc pentru prima oar un contact cu Internert-ul. Ea se adreseaz n primul rnd studenilor din anii superiori ai facultilor de tiine Economice, care, n aceast etap a pregtirii lor stpnesc cunotinele de baz necesare abordrii lucrrii. n egal msur cartea poate fi util tuturor celor care dein cunotine, de nivel mediu, privitoare la sisteme de operare pentru PC i utilizarea aplicaiilor Microsoft Office. Lucrarea concentreaz ntr-un spaiu restrns informaii legate de funcionarea reelei Internet, principalele servicii ale acesteia i proiectarea, postarea i nregistrarea paginilor Web la motoare de cutare.

Structura crii
Cartea nu trateaz problemele teoretice ale Internetului ci este, mai curnd, o carte despre cum s fac sau s procedez pentru a rezolva o anumit problem. La sfritul fiecrui capitol s-a introdus o list cu cuvintele cheie ale temei tratate, un set de ntrebri de verificare i fixare a cunotinelor i, dup caz, un dicionar de terminologie specific i probleme propuse. Capitolul 1 este rezervat definirii i descrierii funcionri reelei Internet. Deoarece reelele locale de calculatoare cunosc i n Romnia o tot mai larg rspndire n ultimii ani, accesul la Internet se realizeaz n mare parte din interiorul acestora i mai puin prin linie telefonic de la domiciliu. Din acest motiv, n prima parte a acestui capitol sunt prezentate noiuni de baz legate de reele locale, iar n partea a doua modul n care se realizeaz legarea unei reele locale la Internet. Utilizatorii casnici vor gsi n capitolul 3 indicaii privind realizarea i setarea unei conexiuni de tip Dial-up. Capitolele 2, 3 i 4 prezint trei dintre serviciile cele mai utilizate ale Internetului. Din multitudinea de servicii pe care acesta le ofer sunt tratate: Web-ul sau WWW, pota electronic sau E-mail i transferul de fiiere sau FTP, pe care le consider cele mai utile i mai serioase. Despre celelalte servicii i modul lor de utilizare cititorul poate gsi util bibliografia recomandat. n cuprinsul capitolelor enumerate sunt prezentate browserele

Internet Explorer i Netscape Navigator cu modul de utilizare al fiecruia, pota electronic pe Web precum i clientul de e-mail Outlook Express, iar dintre clienii FTP, unul din cei mai cunoscui i folosii, FTP Explorer. Ultimul capitol al crii trateaz ntr-o manier succint o tem de mare interes n rndul internauilor i anume realizarea paginilor web. Informaiile sunt suficiente pentru a permite crearea unor pagini care s includ legturi, tabele, imagini, hri de imagini, cadre i chiar formulare. Prin exemplele de scripturi JavaScript incluse n exemplele prezentate sper s trezesc interesul cititorului pentru acest instrument deosebit de util n crearea de pagini dinamice i interactive. Specificaiile limbajului HTML se afl ntr-o dinamic permanent, cele mai noi nefiind implementate n multe dintre versiunile browserelor aflate nc n uz. Din acest motiv marcajele prezentate au fost alese astfel nct s asigure o redare ct mai apropiat, dac nu chiar identic, n dou dintre cele mai rspndite browsere, Internet Explorer respectiv Netscape Navigator i versiunile lor ulterioare. Tot n acest capitol se arat cum se poate nregistra o pagin sau un site la un motor de cutare i cum se poate ctiga o poziie mai bun n rezultatele cutrii. Pe lng bibliografia la care se face referire n cuprinsul crii, sunt citate i resurse informaionale de pe Internet, adresele acestora regsindu-se sub form de note de subsol. Cu sperana sincer c ajuns n mna cititorilor aceast carte i va atinge scopul propus, le doresc acestora spor la lucru i succes!

Autorul

Capitolul1. Internet: definiie, servicii, istoric

Rezumat: n acest capitol vei nva ce este Internetul, care sunt principalele servicii oferite de acesta i cteva momente din scurta lui istorie. Tot aici vei afla ce este o reea de calculatoare, din ce se compune i cum funcioneaz precum i cum se conecteaz o reea local la Internet.

Internet, iat un termen cu care, numai dac nu trim ntr-un col izolat al lumii, ne ntlnim zilnic, fie c este vorba de citirea horoscopului, de dezvluirea unor fapte i ntmplri de senzaie, de urmrirea n direct a unor emisiuni TV fie pur i simplu de schimbul de mesaje electronice (e-mail). Dar ce este Internetul? Tehnic vorbind termenul Internet desemneaz o reea mondial de reele de calculatoare. Din punct de vedere informaional Internetul reprezint un rezervor imens de informaii care pot fi stocate i transmise n format electronic: text, imagini, filme, sunet. Aceste informaii sunt disponibile gratuit sau contra cost, dup cum informaiile sunt publice sau private. Internetul ofer mai multe tipuri de servicii din care pot fi enumerate: WWW- World Wide Web, serviciul cu cea mai mare dezvoltare. Existena lui se bazeaz pe conceptul de hipertext, concretizat n limbajul de programare numit HTML (HyperText Markup Language) i pe programele n msur s interpreteze acest limbaj, numite browsere web. E-mail, serviciul cu cea mai mare utilizare, permite schimbul de mesaje ntre utilizatorii care au acces la acest serviciu, oriunde n lume FTP - File Transfer Protocol, permite transferul de fiiere ntre calculatoare conectate la Internet UseNet, grupuri de discuii pe cele mai diverse teme Telnet, permite accesul la un server din reeaua Internet ca i cnd utilizatorul s-ar afla n faa lui. Bazele Internetului au fost puse la nceputul anilor 1970 n cadrul Ageniei pentru proiecte de cercetare avansat (ARPA) subordonat Departamentului Aprrii al Statelor Unite ale Americii. Scopul proiectului consta n realizarea unei reele a crei funcionare s fie ct mai puin afectat de un atac atomic i comunicaiile s fie ct mai greu interceptabile. La timpul respectiv ARPA demonstrase viabilitatea sistemului de comunicare ntre computere pe care l-a elaborat pentru reeaua ei pilot i care includea doar trei servicii: Telnet (conectare la distan), transfer de fiiere i tiprirea la distan. Reeaua conecta un numr mic de site-uri i cteva zeci de calculatoare [1] ntr-o reea naional destinat cercetrii n domeniul tiinei computerelor. n 1972 a fost introdus i serviciul de e-mail iar reeaua a fost prezentat publicului i s-au fcut demonstraii. Pe la mijlocul anilor 1970 R. Kahn i V. Cerf au elaborat o arhitectur de interconectare a reelelor de diverse tipuri bazat pe un anumit protocol, care dup mai multe perfecionri a devenit TCP/IP (Transfer Control Protocol/Internet Protocol) i n 1973 a fost propus ca protocol standard de comunicaie n ARPAnet. Vitezele de transmitere erau mici, comparativ cu cele din ziua de astzi, respectiv de 60Kbit/s pentru reeaua terestr ARPANET, 400/100Kbit/s pentru reeaua radio PRNET i de 64Kbit/s pentru reeaua prin satelit, SATNET. La vremea respectiv nu existau calculatoare personale, staii de lucru sau reele locale, calculatoarele implicate erau maini de calcul tiinific puternice ce funcionau n sistem time-sharing (mprirea timpului de lucru ntre utilizatori). Principalele probleme n construirea reelei iniiale, ARPANET, vizau configurarea gateway-urilor, devenite ulterior routere, astfel nct s fac posibil conectarea diferitelor tipuri de reele precum i dezvoltarea softului TCP/IP n calculatoare. Spre sfritul anilor 1970 mai multe reele locale experimentale i staii de lucru experimentale, realizate de comunitatea de cercetare, au fost conectate la reeaua ARPANET, (sau ARPA Internet) devenit ulterior Internet. La nceputul anilor 1980 au 8

devenit disponibile comercial staii de lucru i reele locale compatibile Internet, fapt care a uurat mult sarcina conectrii la Internet. n anul 1983 ARPA conecta peste 500 de centre iar partea militar s-a separat n reeaua MILNET. Acest an este considerat ca anul apariiei Internetului. Pn spre sfritul anilor 1990 controlul accesului la Internet a fost deinut de Departamentul de Aprare al SUA i ca urmare reeaua s-a extins n principal pe seama conectrii diferitelor centre de cercetare. Acest fapt a avut drept consecin rspndirea tehnologiei n mediile tiinifice. n paralel viteza de transmitere a informaiei a crescut continuu la 1,5Mbit/s la jumtatea anilor 1980 i 155Mbit/s la nceputul anilor 1990. Spre sfritul anilor 1980 Internetul a nceput s devin accesibil i pentru uz comercial, n special prin serviciul de e-mail care a fost a fost autorizat s utilizeze backbone-ul (coloana vertebral a reelei Internet) pentru comunicarea cu utilizatorii agreai n reea i cu reelele federale de cercetare. n 1990 ARPANET ul dispare prin trecerea organizaiilor care erau conectate la o alt reea creat de NSF (National Science Foundation), organizaie nemilitar i necomercial. Ca urmare, dup anul 1990 creterea Internetului a devenit spectaculoas, cu circa 10% pe lun, datorit nglobrii unor componente comerciale i internaionale. n anul 1992 a fost nfiinat de ctre sectorul privat Societatea de Internet (Internet Society) cu scopul de a ajuta la promovarea Internetului i ntreinerea standardelor utilizate n Internet. De asemenea, dup anul 1990 Internetul a mai ctigat un serviciu, WWW (World Wide Web), serviciul cu cea mai mare dezvoltare n prezent. n 1995 dispare i NSFNET, accesul la Internet fiind asigurat de firme comerciale din ntreaga lume. Pentru o mai bun nelegere a mecanismului funcionrii Internetului vom ncepe cu descrierea elementului de baz al reelei Internet i anume cu reeaua de calculatoare. 1.1 Reele de calculatoare O dat cu dezvoltarea industriei de calculatoare personale i introducerea lor pe scara larg n tot mai multe firme, instituii de nvmnt i ale administraiilor, necesitatea schimbului de fiiere ntre calculatoarele aceleai firme sau instituii a aprut tot mai evident. Tot o necesitate a devenit utilizarea n comun a diferitelor fiiere sau programe de aplicaii precum i a unor dispozitive periferice imprimante, modemuri, CD-ROM sau CD-Writer de ctre mai muli utilizatori. Copierea i plimbarea fiierelor pe dischete ntre calculatoare, chiar n interiorul aceleai ncperi era o metod greoaie i consumatoare de timp, iar instalarea de imprimante i/sau modemuri la toate calculatoarele era costisitoare. Soluia a fost dat de legarea tuturor calculatoarelor ntr-o reea. Prin intermediul reelei este posibil un schimb rapid i sigur de informaii (fisiere, mesaje) ntre diverii utilizatori precum i utilizarea raional a periferiei. Mai mult, prin intermediul reelei este posibil realizarea de teleconferine, inclusiv video. Putem defini reeaua ca un sistem de dou sau mai multe calculatoare, conectate ntre ele i capabil s transfere date ntre acestea. 1.1.1 Tipuri de reele Din punct de vedere al vecintii n care se afl calculatoarele reelele sunt: reele locale (LAN - local area network) reele extinse (WAN wide area network) reele de campus (CAN campus area network) reele metropolitane (MAN metropolitan area network) reele casnice (HAN home area network) Reelele locale sunt cele n care calculatoarele se afl relativ aproape unul de altul, n aceiai ncpere sau cldire, n timp ce reelele extinse acoper regiuni mari, la nivel de ri sau continente. n reelele CAN calculatoarele sunt dispuse ntr-o arie limitat, cum ar fi un campus 9

sau o baz militar. Reelele proiectate pentru un ora acoper o arie mult mai mare dect o reea campus, n timp ce o reea casnic leag dispozitivele digitale dintr-o locuin. Alte clasificri includ reelele MAN i CAN n reelele WAN iar reeaua HAN este privit ca o reea LAN. Calculatoarele din interiorul reelei sunt numite noduri de reea. Calculatoarele i dispozitivele care aloc resurse pentru reea sunt numite servere. n continuare vom aborda pe scurt reeaua LAN urmnd ca reeaua WAN s fie exemplificat prin reeaua Internet 1.1.1.1 Reele LAN Exist o mare varietate de tipuri de reele LAN. Pentru caracterizarea lor acestea pot fi clasificate dup cteva criterii: arhitectur, topologie, logic, protocol utilizat. Arhitecturi LAN Din punct de vedere al arhitecturii reelele de tip LAN sunt de dou tipuri reele client/server reele peer- to- peer n reelele client/server calculatoarele se mpart dou categorii, serverele - calculatoare puternice care coordoneaz folosirea n comun a resurselor i asigur serviciile ca baz de date pentru reea, i respectiv staiile de lucru care sunt clieni pentru servere. Staiile de lucru sunt calculatoarele aflate pe mesele de lucru ale salariailor, i care, n general, au puteri de calcul mai reduse. Serverele pot fi n numr de unu sau mai multe calculatoare i sunt configurate pentru a rspunde ct mai rapid cererilor clienilor i a asigura o bun protecie a datelor n reea. Deoarece ele trebuie s poat rezolva simultan cererile mai multor clieni sistemul de operare al acestora trebuie s fie unul special destinat acestui scop, cum ar fi Nowell NetWare, Windows NT Server sau Linux. Cu ct serverul este accesat de mai muli clieni concomitent iar sarcinile sunt mai complexe, cu att scade viteza cu care staiile sunt deservite. n figura 1.1 se reproduce structura unei reele de tip client /server. Spre deosebire de reelele client/server, n reelele peer- to- peer staiile nu acceseaz un server pentru ndeplinirea unei anumite sarcini, ci toate sunt privite n mod egal. Unitile de disc ale calculatoarelor sunt folosite n comun, fiecare staie putnd pune la dispoziie fiiere, directoare, discuri, imprimante, comportndu-se ca server temporar. i n cazul acestui tip de reea, dac una din staii este solicitat de alte staii din reea, viteza de lucru pentru lucrrile proprii scade. n figura 1.2 este reprezentat o reea de tip peer- to- peer.
Server de reea
Staie de lucru Staie de lucru

Staie de lucru

Staie de lucru

Staie de lucru

Staie de lucru

Staie de lucru

Staie de lucru

Figura 1.1 Reea client/server

Figura 1.2 Reea peer- to- peer

10

Legturile reprezentate n figurile 1.1 i 1.2 nu sunt legturi fizice (cabluri electrice) ci legturi logice, prin intermediul crora informaiile pot ajunge de la un calculator la altul. Pentru reele de tip peer- to- peer nu este nevoie de un sistem de operare dedicat. Sistemele de operare Windows 9x au incluse funciile de lucru pentru acest tip de reea, ceea ce constituie un avantaj, pe lng flexibilitatea ridicat pe care o ofer. Niveluri de reea Diversitatea de implementare concret a reelelor este extrem de mare i deriv din necesitile specifice ale fiecrei firme. Oricare ar fi ns modul de configurare al reelei ea trebuie s asigure compatibilitatea ntre programele de pe fiecare calculator i echipamentele hard ce fac legtura ntre staiile de lucru. Organizaia Internaional pentru Standarde (ISO) a propus un model, cu valoare de recomandare, cunoscut sub numele de modelul OSI (Open Systems Interconnection - interconectarea sistemelor deschise), figura 1.3, care se dorete a fi un cadru pentru proiectarea protocoalelor de reea. Apl. X Construcie cadru de transmisie Aplicaie Prezentare Sesiune Transport Reea Date Fizic Procesare cadru recepionat Apl. Y Aplicaie Prezentare Sesiune Transport Reea Date Fizic

mediu de transmisie Figura 1.3 Nivelurile fizice i logice interacioneaz pentru a permite comunicarea ntre calculatoare Dup cum se poate vedea modelul este construit pe apte nivele. Fiecare nivel, pn la cel de aplicaie, se bazeaz pe nivelul imediat inferior pentru a realiza o serie de funcii specifice i pentru a ascunde detaliile acestor funcii nivelelor superioare. Cele apte nivele i funciile lor sunt sintetizate dup cum urmeaz: 1) nivelul fizic este constituit din cablurile de legtur, echipamentele concentratoare, amplificatoarele i plcile de interfa cu reeaua; este partea palpabil a oricrei reele. Se ocup cu transmisia nestructurat de iruri de bii prin mediul fizic. 2) nivelul de date este cel care rspunde de transferul fiabil de date prin legtura fizic. Asigur sincronizarea, controlul erorilor i fluxului de date care sunt constituite n pachete (cadre). 3) nivelul de reea este cel care asigur independena nivelelor superioare de tehnologia folosit pentru transmisie. Rspunde de stabilirea, meninerea i terminarea conexiunii. 4) nivelul de transport asigur corectitudinea recepionrii informaiilor provenite de la celelalte staii de lucru. Prin canalele de transmisie (cablu sau radio) semnalele pot suferi alterri, pe care nivelul de transmisie trebuie s le corecteze. 5) nivelul de sesiune asigur mecanismul de control al dialogului ntre aplicaii.

11

6) nivelul de prezentare asigur independena aplicaiilor fa de diferenele n reprezentarea datelor (sintaxa) 7) nivelul de aplicaie asigur accesul la mediul OSI a proceselor de aplicaie. Topologii LAN Prin topologie de reea se nelege modul de dispunere i conectare a staiilor ntr-o reea. Clasificate dup acest criteriu reelele LAN sunt de patru tipuri 1. Reea de tip magistral La acest tip de reea toate calculatoarele sunt legate la cablul principal al reelei, aa cum se arat n figura 1.4. n felul acesta toate calculatoarele au acces egal la magistral care nu poate fi ocupat dect dac este liber. Rolul de verificare a strii de liber a cablului revine nivelului logic de reea care trebuie s atepte pn cnd se elibereaz cablul pentru a putea transmite date spre alt calculator.

Staie de lucru

Staie de lucru

magistral

Staie de lucru

Staie de lucru

Figura 1.4 Reea de tip magistral Deoarece funcionarea reelei este dependent de traficul de pe magistral, ntreruperea cablului magistral n orice punct duce la scoaterea din funcie a reelei, ceea ce este un dezavantaj. Avantajele reelei de acest tip sunt legate de cost, care este cel mai redus i de posibilitatea extinderii prin adugare progresiv de noi staii de lucru. 2. Reea de tip stea La acest tip de reea legtura ntre calculatoare se face prin intermediul unor concentratoare (HUB-uri sau switch-uri) care au rolul de a distribui semnalele ctre toate calculatoarele din reea.
Staie de lucru Staie de lucru

HUB
Concentrator (HUB)

HUB

Staie de lucru

Staie de lucru

Staie de lucru

Figura 1.5 Reele de tip stea, simpl i extins n felul acesta se elimin dezavantajul prezent la reelele magistral; ntreruperea unui cablu afecteaz doar staia n cauz, restul reelei continund s funcioneze, figura 1.5. Dezavantajul

12

l reprezint costul, care pentru reele cu multe staii, peste 10-12, este mare din cauza costului ridicat al concentratoarelor de mare capacitate. Pe lng cele dou tipuri care au i cea mai mare rspndire mai exist dou tipuri de reea, mai puin rspndite: reea n inel (ring) i magistral-stea. Oricare ar fi tipul de reea, pentru conectarea calculatorului la cablurile de reea este nevoie de plci adaptoare de reea. Acestea trebuie s fie compatibile cu tipul reelei i cu suportului fizic pe care se transmit datele. Ca suport fizic se utilizeaz cablul coaxial, cablurile cu fire torsadate (2 sau 4 perechi de fire - cablul UTP, STP), cabluri telefonice, fibra optic, unde luminoase sau unde radio. Fiecare are avantajele i dezavantajele sale n ceea ce privete viteza de transmitere, stabilitatea legturii i preul de cost. Cele mai rspndite sunt primele trei deoarece au costuri reduse, asigur viteze bune de la 10 la 100Mb/sec i o bun protecie la perturbaiile externe. Reele de tip logic Spre deosebire de clasificarea reelelor sub aspect topologic, care arat cum se plaseaz i interconecteaz calculatoarele n reea, clasificarea sub aspectul logic are n vedere modul n care se desfoar comunicaia ntre calculatoare prin intermediul suportului fizic. Sunt cteva tipuri de astfel de reele: Ethernet, Token-Ring (inel cu jeton), FDDI (Fiber Distributed Data Interchange, pentru suport de fibr optic) i ATM (Asynchronous Transfer Mode). Datorit costurilor reduse, vitezei bune, posibilitii de lucru cu reele de tip magistral sau stea i a utilizrii ca suport fizic att a cablului coaxial ct i bifilar, reelele Ethernet au o mare rspndire (sunt estimai peste 50 milioane de utilizatori n lume1) i reprezint o alegere bun atunci cnd se dorete realizarea unei reele noi. Protocoale LAN Pentru comunicarea n reea se folosesc protocoale de transmisie care au rolul s asigure integritatea datelor trimise i recepionate. Protocoalele s-au dezvoltat n strns legtur cu sistemele de operare pentru serverele de reea, astfel c protocolul ales trebuie s fie potrivit (n sensul acceptrii) sistemului de operare. Cele mai cunoscute 3 tipuri de protocoale pentru reea sunt listate mai jos alturi de sistemele de operare care folosesc aceste protocoale: IPX/SPX Novel NetWare, Windows NT Server NetBEUI Windows NT Server, OS/2 LAN Server TCP/IP UNIX, Windows NT Server Protocolul TCP/IP este constituit, de fapt, dintr-o suit de protocoale, care opereaz la niveluri diferite: TCP (Transmission Control Protocol) i IP (Internet Protocol). Dei a fost conceput pentru Internet protocolul TCP/IP este folosit i n reele locale. Un LAN care folosete protocoale i servicii specifice Internetului se numete Intranet 1.1.2 Interconectarea reelelor de calculatoare Problema interconectrii reelelor a aprut ca o consecin a dezvoltrii companiilor i instituiilor care deineau reele de calculatoare. Necesitatea folosirii n comun a resurselor informatice de ctre diferitele sucursale sau agenii ale aceleai companii, aflate n localuri diferite, cu reele proprii, de multe ori diferite ca topologie i tip, a impus gsirea unor soluii pentru conectarea acestor reele. Pe de alt parte, creterea dimensiunii unei reele, prin creterea numrului de calculatoare conectate conduce, aa cum am menionat mai sus, la scderea vitezei de rspuns a reelei. De aici a aprut necesitatea fragmentrii reelei n reele mai mici, care s fie ulterior interconectate. n felul acesta viteza n interiorul fiecrei reele crete, conexiunea dintre reele fiind folosit numai pentru transmiterea de informaii ntre
1

www.inf.ufrgs.br/~leo/ethernet.html

13

calculatoarele aflate n reele diferite. Urmtorul exemplu poate clarifica afirmaiile de mai sus. S presupunem c o firm de arhitectur, care are ca activitate proiectarea, are angajai cinci arhiteci, o secretar, un inginer constructor i un desenator. Fiecare dintre ei are un calculator legat n reea. Deoarece arhitecii, prin natura activitii, acceseaz frecvent baza de date, realiznd transferuri masive de informaii, vor ncetini mult accesul la reea al celorlali angajai, crora reeaua li se va prea lent. Astfel, secretara va trebui s atepte pentru a trimite un e-mail sau pentru a accesa un anumit document de pe Internet. Soluia o reprezint divizarea reelei n dou reele mai mici, conectate ntre ele. La prima reea vor fi conectai doar arhitecii iar la a doua ceilali salariai. Rezultatul va fi o cretere spectaculoas a vitezei pentru ceilali salariai care, avnd doar ocazional de transferat informaii spre unul din calculatoarele primei reele nu vor mai fi deranjai de timpul mare de rspuns al acesteia. Conectarea reelelor se realizeaz prin intermediul unor echipamente speciale numite bridgeuri, routere i gateway-uri [2]. Bridge-urile (punile) fac legtura ntre dou sau mai multe reele i, pe baza unui algoritm specific, identific destinaia pachetului de date dirijndu-l fie spre un calculator din reeaua din care face parte calculatorul care a expediat pachetul fie spre un calculator din reeaua adiacent. Router-ele sunt echipamente de dirijare a traficului de date care realizeaz conexiuni la un nivel arhitectural superior bridge-urilor i permit conectarea reelelor de tipuri diferite. Gateway-urile permit conectarea LAN-urilor care utilizeaz protocoale complet diferite, la toate nivelurile de comunicaie. n ultimul timp diferenele dintre cele trei tipuri de echipamente tind s se estompeze datorit facilitilor de care dispun. Astfel bridge-urile care dispun de mai nivele de dirijare se apropie mult de funciile routerelor (de altfel i denumirea lor de brouter-e sugereaz acest lucru). Gateway-urile care folosesc protocolul TCP/IP sunt numite routere IP. n figura 1.6 este ilustrat modul n care dou reele sunt conectate prin intermediul unui router care asigur i accesul la Internet.

Figura 1.6 Conectarea a dou reele printr-un router cu acces la Internet Vom ncheia aceast scurt introducere n reele locale clasificnd reeaua existent n campusul universitii tefan cel Mare din Suceava: 1. dup tip Peer - to - peer 2. dup topologie Stea extins 3. dup logic Ethernet 4. protocoale TCP/IP i facultativ NetBEUI 5. suportul de transmisie: cablu UTP (Unshielded Twisted Pairs, perechi de fire rsucite, neecranate) i fibr optic (ntre cldirile campusului i Departamentul de Comunicaii i Tehnologia Informaiei din cadrul universitii). Reeaua este de tip Intranet. Viteza de comunicaie pe backbone este de 1000 Mbps (Gigabit), iar n rest la 10/100Mbps. 14

Legtura la Internet este asigurat printr-o linie radio cu un ISP local la viteza de 11Mbps, din care 512Kbps o reprezint traficul internet garantat asigurat universitii. 1.2 Reeaua Internet

Infrastructura reelei Internet este format de suportul de comunicaii de mare vitez, numit backbone (coloana vertebral a Internetului), constituit din cabluri de fibr optic i canele de comunicaie prin satelit. La backbone, proprietate a marilor companii de telecomunicaie, sunt conectai marii Internet Service Provider - ISP, furnizorii de servicii de Internet. Acetia, la rndul lor conecteaz furnizori mai mici de servicii care asigur servicii pentru persoane fizice, instituii de stat sau firme private. Utilizatorii casnici se conecteaz, de regul, la ISP printr-o legtur telefonic normal i un modem, echipament care asigur adaptarea n vederea comunicrii dintre calculatoare i suportul fizic de comunicaie. Vitezele asigurate de modemuri sunt modeste, ntre 30-50Kbit/s, dar suficiente pentru 1..3 utilizatori conectai simultan. Instituiile, campusurile universitare au calculatoarele conectate ntr-o reea local care, prin intermediul unui calculator i o conexiune de mare vitez (sute de Kbit/sec) este conectat direct la ISP. n figura 1.7 se exemplific modul n care un utilizator casnic i o reea local se conecteaz la un ISP, iar acesta, la rndul lui, printr-o linie de mare vitez are acces la Internet prin unul din punctele de acces (NAP- Network Access Point)

Figura 1.7 Conectarea utilizatorilor casnici i a reelelor locale la Internet Calculatoarele conectate la Internet sunt de dou tipuri, servere i clieni. Calculatoarele care pun la dispoziie anumite servicii (WWW, FTP, E-mail) sunt servere iar calculatoarele care se conecteaz la acestea pentru a folosi respectivele servicii sunt clieni. De reinut c un calculator poate fi n acelai timp i server i client: de exemplu poate fi un server de FTP, care asigur acest serviciu altor clieni i este client pentru un server de e-mail pe perioada ct se citete pota electronic. De asemenea un calculator poate fi server pentru mai multe servicii, situaie frecvent ntlnit n cadrul firmelor mici. Toate calculatoarele conectate la Internet pot fi identificate printr-o adres IP (Internet Protocol) care este unic n reea (fiecare calculator are propria lui adres care este diferit de a oricrui alt calculator conectat n momentul respectiv). Adresa este format din 4 octei (32 bii) i se scrie sub forma zecimal: VVV.XXX.YYY.ZZZ, patru grupuri a cte trei digii separate prin punct. Serverele au adrese fixe, care n general nu se schimb sau se schimb foarte rar, n timp ce utilizatorii privai primesc adrese dinamice, care se schimb la fiecare conectare. Un utilizator care lucreaz sub Windows98 poate s afle adresa IP alocat folosind comanda winipcfg tastat n fereastra RUN. Fereastra de dialog care se deschide are aspectul din figura 1.8, adresa IP fiind afiat n cmpul IP Address.

15

Figura 1.8 Fereastra IP Configuration a SO Windows98 afieaz informaii despre adresa IP alocat de server la conectare Pentru a se conecta la un server un client trebuie s cunoasc adresa IP a serverului. Deoarece memorarea unor iruri de numere de forma adreselor IP este greoaie a fost conceput un sistem de nume de domenii (DNS - Domain Name System) care atribuie fiecrei adrese de server un nume, care este mai uor de memorat i utilizat. De exemplu adresa IP a serverului Universitii tefan cel Mare din Suceava este 80.96.120.6 iar numele este www.usv.ro. La rndul lui numele este compus din trei pri separate prin cte un punct, numele calculatorului gazd, numele domeniului i numele domeniului rdcin. n cazul exemplului de mai sus numele calculatorului gazd este www, numele domeniului este usv iar numele domeniului rdcin este ro. Numele de domenii rdcin sunt administrate de o companie numit Network Solutions. Sunt dou clase ale numelui domeniului rdcin, prima clas este general (clas de nivel 1) i conine nume cum ar fi com, mil, edu, net, org, gov, etc., nume care sugereaz tipul serverului: serverele comerciale au numele com, cele aparinnd unor organizaii non profit au numele org, cele militare mil, guvernamentale gov, etc. A doua clas d informaii doar despre localizarea geografic a serverului: ru, - Rusia, tr Turcia, ro Romnia, etc. Exist n reeaua Internet un numr de servere DNS care transleaz adresele IP n nume i invers, pe baza nregistrrilor dintr-o baz de date care este continuu actualizat. Atunci cnd un calculator conectat la Internet lanseaz o cerere de conectare cu un anumit server, este consultat un prim server DNS, preconfigurat, care dac gsete n baza lui de date adresa IP sau numele serverului, va dirija cererea ctre acesta, iar dac nu o gsete va interoga un alt server DNS, de pe un nivel superior, i tot aa, pn cnd este identificat serverul ctre care s-a fcut cererea. Dac serverul nu exist, (acest lucru se poate ntmpla fie ca urmare a tastrii greite a numelui, a desfiinrii serverului sau a unei greeli de rutare) atunci utilizatorul va primi un mesaj de eroare de la primul server interogat, prin care este informat asupra acestui lucru. Este important de tiut c, spre deosebire de o legtur telefonic clasic intre doi abonai, unde o dat stabilit circuitul el rmne acelai pn la ntreruperea convorbirii, n cazul conexiunilor prin Internet lucrurile stau complet diferit: informaiile care circul prin Internet sunt fragmentate n pachete mai mici, de cteva sute sau mii de octei, fiecare pachet coninnd n antetul lui informaii despre sursa de la care a plecat i destinaia unde trebuie s ajung. Aceste pachete sunt dirijate de ctre routere spre destinaie pe mai multe ci (rute) disponibile, alegndu-se pentru fiecare pachet varianta optim din punct de vedere al vitezei i siguranei la momentul respectiv. Pentru utilizatori acest lucru este transparent, ei netiind pe ce cale a plecat sau a sosit fiecare din pachetele care alctuiesc informaia. De remarcat c la destinaie pachetele pot s nu ajung n ordinea n care au fost transmise sau s nu ajung toate; este rolul protocolului TCP s reconstituie succesiunea iniial a pachetelor i s cear retransmiterea celor pierdute sau recepionate cu erori. Desenul din figura 1.9 poate clarifica acest mod de funcionare, numit cu comutare de pachete. Considernd c informaia a fost descompus n cinci pachete,

16

numerotate de la 1 la 5, pe fiecare ramur a reelei format din nodurile Internet n care se afl routere este trecut numrul pachetului care a tranzitat respectiva cale.
4 5 4 1,2,3,4,5 2 2 1,3 1,2,3 5 5 4 1,2,3 1,2,4,3,5 Server

Client

Figura 1.9 Rutele parcurse de cele cinci pachete care compun informaia transferat ntre client i server Calculatorul care recepioneaz pachetele reface informaia i o va prelucra n consecin, n raport cu coninutul acesteia; dac este o cerere de la un client o va trata i va rspunde, dac este rspunsul unui server informaia va fi pus la dispoziia utilizatorului. Un alt lucru important de tiut este acela c pentru a se putea nelege, att serverul ct i clientul trebuie s utilizeze acelai protocol de aplicaie pentru a putea comunica. Protocolul de aplicaie nu trebuie confundat cu protocolul de transport (TCP/IP), el este specific fiecrui tip de serviciu, FTP pentru transfer de fiiere, SMTP pentru e-mail, HTTP pentru web, etc. Acesta este, n linii mari, modul n care funcioneaz Internetul. n realitate lucrurile sunt mult mai complicate, deoarece sistemul este astfel conceput nct scoaterea din serviciu a unei anumite pri a lui s nu afecteze funcionarea ntregului. Acesta este, de fapt, i principalul rol al rutrii. Ar mai fi de rspuns la o ntrebare: cine este proprietarul Internetului i cine l administreaz? Nu se poate spune c Internetul este proprietatea cuiva, a unor persoane fizice sau organizaii. Infrastructura, aa cum s-a artat, este pe poriuni proprietatea unor companii, dar Internetul nu nseamn numai infrastructur. Alocarea adreselor IP se face de ctre o organizaie IANA (Internet Assigned Numbers Authority www.iana.org), la nivelul fiecrei ri exist o autoritate care administreaz numele domeniului rdcin pentru respectiva ar. n Romnia gestionarea numelor de domeniu n cadrul domeniului rdcin .ro este fcut de ICI (Institutul pentru Cercetare n Informatic, http://www.ici.ro/) n rest, fiecare companie, organizaie sau persoan fizic i administreaz serverele i siturile al crui proprietar este. Dicionar de termeni Din diverse motive anumii termeni folosii de-a lungul acestui capitol nu au fost explicai n cuprinsul lui. n continuare acetia sunt explicai alturi de ali termeni ntlnii n literatura de specialitate. coliziune Fenomen care apare n reelele Ethernet prin suprapunerea pachetelor de date pe aceeai linie de transmisie n acelai timp. Este un fenomen normal i este rezolvat prin reluarea transmisiei respectivelor pachete, atunci cnd linia este liber. firewall Program care ruleaz pe serverul de reea pentru a opri accesul neautorizat din afar n interiorul reelei i invers. Dispune de mai multe tehnici de filtrare printre care i cea de proxy-server.

17

Orice calculator conectat la reea la un moment dat. Pentru a putea fi host (gazd) calculatorul trebuie s aib un nume de domeniu, s utilizeze protocolul (IP), s aib asociat o adres IP unic i s dispun de o conexiune care s asigure routarea prin Internet. hub Dispozitiv al unei reele locale la care converg cablurile de conectare ale calculatoarelor. Are rolul de a distribui datele transmise ntre calculatoare. Datele primite de la un calculator sunt transmise ctre toate celelalte dar sunt recepionate numai de ctre calculatorul cruia i-au fost destinate. port Poart de comunicaie prin care un calculator schimb date cu alt calculator sau dispozitiv numeric. Pentru fiecare serviciu Internet sunt alocate porturi care, prin tradiie au devenit porturi standard. Termenul este detaliat n capitolul 2. proxy Un server interpus ntre aplicaia client, cum ar fi browserul web i (server) serverul Internet. El intercepteaz toate cererile ctre serverul real i dac este posibil le rezolv el nsui, dac nu, trimite cererea mai departe spre serverul real. Poate ndeplini i funcia de filtrare a cererilor astfel nct anumite site-uri s nu poat fi accesate din interiorul reelei deservite. switch Dispozitiv de distribuire a datelor ntr-o reea. Spre deosebire de hub, switch-ul poate determina destinaia pachetului de date lsnd libere celelalte ci de comunicaie. Se reduc astfel numrul de coliziuni n reea dar crete puin timpul de transfer al datelor ntre surs i destinaie. Un glosar consistent de termeni Internet poate fi consultat n lucrarea [3]

host

ntrebri de verificare Care din urmtoarele afirmaii este adevrat? 1. O reea de calculatoare include: a) minim 2 calculatoare b) minim 3 calculatoare c) depinde de topologie 2. Reelele peer to peer presupun a) un sistem de operare dedicat, optimizat pentru creterea vitezei de lucru n reea b) posibilitatea accesului egal, al tuturor utilizatorilor, la resursele reelei c) folosirea exclusiv a reelelor de tip Ethernet 3. Internetul este: a) o reea extins de calculatoare b) o reea mondial de reele de calculatoare c) un club unde se pot juca jocuri n reea sau se poate conversa online cu orice persoan care dispune se un calculator PC 4. Accesul la Internet i serviciile lui este oferit de: a) coli, universiti, administraiile locale i centrale de stat, baze militare b) cluburi Internet, hoteluri c) orice furnizor de servicii de Internet 5. DNS Domain Name System este 18

a) un serviciu oferit de Internet b) un sistem de translare a adreselor IP n nume de domenii i invers c) un serviciu de nregistrare a numelor de domeniu 6. Prin server Internet se nelege: a) Un calculator care asigur un anumit serviciu n reeaua Internet b) Un program care ruleaz pe un calculator conectat la Internet i asigur un anumit serviciu specific c) Un calculator conectat la Internet, care dispune de o adres IP i de un nume de domeniu Teme propuse 1. Deschidei fereastra MS-DOS Prompt (sau Command Prompt n Windows XP) i tastai comanda ipconfig /all. Interpretai datele afiate i comparndu-le cu cele afiate de fereastra IP Configuration. 2. Pe baza cunotinelor acumulate n acest capitol ncercai s clasificaii reeaua de calculatoare de la locul dumneavoastr de munc.

19

2. WWW World Wide Web

Rezumat: n acest capitol vei nva n ce const serviciul WWW i istoria apariiei i dezvoltrii sale. Vei face cunotin cu protocolul HTTP folosit de serviciul WWW i limbajul HTML care st la baza construciei documentelor Web.Tot aici vei nva cum pot fi cutate informaii pe Internet folosind motoarele de cutare.

2.1 Scurt istorie nceputurile WWW dateaz din anul 1989 cnd la Laboratorul de Cercetri de Fizic Nuclear (CERN) din Geneva s-a cristalizat ideea conceperii unui sistem de transmitere a informailor ntre diferitele echipe, aflate la distan una de alta, bazat pe Hypertext. Un an mai trziu, n octombrie 1990 proiectul a fost prezentat iar dup numai dou luni au nceput s se contureze primele rezultate. Munca a demarat cu elaborarea unui program capabil s interpreteze limbajul Hypertext, numit browser. n anul 1991, dup eliminarea mai multor neajunsuri n funcionare, Web-ul a fost pus la punct i a devenit funcionabil. Anul 1992 a fost un an al dezvoltrii, browserul Web a devenit disponibil prin intermediul FTP iar Webul a fost prezentat publicului i organizaiilor cele mai diverse. La nceputul anului 1993 existau 50 de servere Web n ntreaga lume pentru ca spre sfritul aceluiai an numrul lor s creasc de peste 10 ori. Aceasta i datorit faptului c ntre timp au devenit disponibile alte dou browsere, unul al firmei Macintosh iar altul al firmei Mosaic, acesta din urm proiectat pentru mediul Windows. n anul 1994 s-au depus eforturi pentru securizarea Webului n scopul asigurrii confidenialitii datelor vehiculate (corespondene, cri de credit, acces la resurse protejate, etc.). Pentru dezvoltarea pe mai departe a Webului, n anul 1994 s-a produs fuziunea dintre CERN i MIT (the Massachusetts Institute of Technology) deoarece cerinele n resurse materiale, dar i umane, depeau posibilitile laboratorului CERN. Ce este astzi Webul este lesne de constatat: informaii, mesagerie, afaceri, comer, art, divertisment sunt numai cteva dintre activitile ce se deruleaz sub semnul acestui serviciu. 2.2 Protocoale i limbaje n WWW Funcionarea WWW se bazeaz n esen pe doi piloni: protocolul i limbajul (sau codul). Protocolul este acel produs software (sau mai simplu program) care asigur tranzacia ntre clieni i servere. Protocolul pentru Web este HTTP (HyperText Transfer Protocol) care, n desfurarea unei tranzacii, trateaz 4 faze: - Conectarea - Cererea - Rspunsul - Deconectarea n faza de conectare browserul ncearc s se conecteze cu serverul. Aceast stare este identificat prin faptul c pe bara de stare a ferestrei browser-ului apare mesajul Conecting to.. Dac conectarea nu se poate realiza, dup un timp oarecare browserul returneaz un mesaj de informare asupra acestui fapt. Acest mesaj nu trebuie confundat cu mesajele de eroare returnate de servere ca urmare a unor erori survenite n scrierea corect a adreselor Web sau inexistenei documentelor solicitate pe serverul accesat. Dac conexiunea s-a realizat browserul trimite o cerere ctre server. Aceast cerere specific ce tip de protocol este utilizat (implicit este HTTP dar poate fi i FTP, Gopher sau WAIS) i ce obiect (document Web sau alt tip de fiier) se caut. Presupunnd c serverul a recepionat i interpretat corect cererea (n caz contrar se va genera un mesaj de eroare) atunci se trece la a treia faz, rspunsul. n funcie de browserul utilizat pe 20

bara de stare apare un mesaj care confirm citirea rspunsului de la server. Ca i n cazul cererii, rspunsul specific protocolul folosit dar mai conine o serie de informaii care sunt afiate pe bara de stare indicnd ce anume se ntmpl n fiecare moment pe perioada transferului, figura 2.1.

Figura 2.1 Bara de stare a browser-ului Internet Explorer 5.0 la un moment al ncrcrii unei pagini web Cnd transferul s-a ncheiat se produce deconectarea de la server. n funcie de obiectul ncrcat browserul va iniia aciuni diferite, fie va afia textul dac obiectul este un simplu fiier ASCII (text), va lansa un viewer pentru fiiere grafice (GIF, JPG) sau va lansa un player pentru fiiere audio / video, fie va salva pe disc obiectul sub form de fiier. Limbajul este un limbaj care descrie modul n care informaia coninut n documentele Web trebuie afiat. n Internet limbajul standard este HTML (Hyper Text Markup Language, limbaj de marcare a hipertext-ului). Documentele HTML conin text, imagini, sunet i linkuri (legturi) ctre alte documente. Limbajul HTML avnd posibiliti variate de formatare a documentului valorific ingeniozitatea celui care l creeaz (web master sau web designer), rezultatul fiind documente cu mare impact la utilizator. Limbajul este prezentat n capitolul 5 al prezentei lucrri. 2.3 Browsere Web 2.3.1 Generaliti Browserele Web, sau clienii web, sunt programe destinate serviciului Web al Internetului. Ele ruleaz pe calculatoarele client din reea i permit vizualizarea documentelor HTML, citirea potei electronice de pe servere Web sau transferul de fiiere de pe servere FTP. n prezent sunt trei browsere cu mare rspndire, Internet Explorer (IE) al firmei Microsoft, Netscape Navigator (NN) al firmei Netscape i Opera al firmei Opera Software. Opiunea pentru unul sau altul ine mai mult de obinuin deoarece diferenele sunt nesemnificative pentru utilizatorul obinuit. Datorit implementrilor diferite ale limbajului HTML i limbajelor pentru scripturi (JavaScript, Jscript, VBscript), acelai document Web poate aprea diferit n ferestrele celor trei browsere. Indiferent de browserul utilizat, acesta trebuie s asigure obligatoriu cteva elemente de interfa cu utilizatorul. n cele ce urmeaz se vor face referiri la dou dintre cele trei browsere enumerate i anume la Internet Explorer, versiunea 5.0 sau ulterioar i Netscape Navigator versiunea 4.7 deoarece, pe de o parte sunt considerate versiunile mature din evoluia pe care au avut-o de-a lungul timpului iar pe de alt parte versiunile superioare nu aduc modificri semnificative ale modului de lucru. La momentul editrii lucrrii sunt disponibile versiunile 6.0 ale Internet Explorer i 7 ale Netscape Navigator. Toate ferestrele browserelor dispun de cteva elemente comune care vor fi explicate n cele ce urmeaz: 1. Cmp pentru introducerea adresei: are aspectul unei casete text n care se introduce de la tastatur adresa sau locaia documentului cutat. La Internet Explorer cmpul se numete Address iar la Netscape Navigator se numete Location. Adresa se introduce in format URL (Uniform Resource Locator - locator uniform de resurse), care conine numele protocolului (sau schema), numele domeniului sau adresa IP, portul i calea ctre fiier, dup modelul: [protocol][hostname][port][pathname]

21

Protocolul este implicit HTTP. Dac se dorete alt protocol acesta trebuie specificat. ntotdeauna numele protocolului este urmat de dou puncte :. Protocoalele cele mai utilizate sunt: file: (fiier local), ftp: (FTP), mailto: (E-mail), news: (Usenet news) i gopher: (Gopher). Dup numele protocolului urmeaz un numr variabil de slashuri / dou slashuri dac se utilizeaz HTTP:, FTP: sau News:, trei slashuri pentru file: i nici unul pentru mailto: sau Gopher:. Hostname sau numele domeniului: a fost definit n capitolul anterior. Vom mai aduga aici faptul c numele domeniului poate conine i subdomenii, separarea numelor acestora, ntre ele i fa de numele domeniului fcndu-se prin punct. Cteva exemple: www.usv.ro este numele serverului web al Universitii Suceava. Fiecare facultate are propriul ei server web, care reprezint subdomenii ale domeniului usv. Astfel numele serverului faculti de tiine Economice este www.seap.usv.ro, cel al facultii de Inginerie Electric este www.eed.usv.ro. Serverul FTP al Universitii Suceava are numele ftp.usv.ro. De subliniat faptul c numele subdomeniului precede ntotdeauna numele domeniului. n loc de numele domeniului se poate introduce i adresa IP prin care se desemneaz n mod unic un anumit server din reeaua Internet, de exemplu 216.239.57.99. Este evident c sub aceast form este mult mai greu de reinut adresa unui server, motiv pentru care este preferat prima form. Portul, este numrul portului dedicat protocolului utilizat, pe serverul ctre care se face cererea. Multe protocoale au definite ca implicite numerele porturilor, cum ar fi: 21 pentru FTP, 70 pentru Gopher, 80 pentru World Wide Web, 119 pentru Usenet news. De aceea el poate fi omis din coninutul URL cnd se folosete unul din protocoalele de mai sus. Pathname sau calea, reprezint calea ctre document, i se specific asemntor cu modul de specificare a cii n DOS, cu deosebirea c n loc de backslash \ se folosete slash /. Un exemplu. Site-ul web al organizaiei IANA este http://www.iana.org. Dac dorii s accesai documentul care conine descrierea domeniilor generice de nivel 1 va trebui s introducei adresa http://www.iana.org/gtld/gtld.htm. Calea ctre documentul gtld.htm este gtld/gtld.htm. Observaii: Numele protocolului i al domeniului nu sunt Case Sensitive, adic pot fi scrise att cu litere mari (Capitals) ct i cu litere mici sau combinaii ale acestora, dar calea este Case Sensitive i trebuie specificat ca atare. Dac n calea de mai sus s-ar fi scris curs4.htm atunci serverul ar fi rspuns cu un mesaj de eroare care atenioneaz asupra faptului c fiierul respectiv nu poate fi gsit. n exemplul de mai sus s-a omis protocolul, care este http:, deoarece browserul consider acest protocol ca implicit. 2. Buton de activare a adresei. La acionarea acestuia browserul lanseaz cererea ctre serverul din adres. La Internet Explorer 5.0 i ulterioare el se afl la dreapta barei de adrese i se numete Go. Acelai efect se obine la apsarea tastei Enter. Netscape Navigator nu are un asemenea buton, lansarea cererii se face la apsarea tastei Enter. 3. Butoane de navigare servesc pentru rsfoirea paginilor care au fost deschise, asemenea unei cri. Butoanele au forma unor sgei, orientate spre stnga pentru napoi i spre dreapta pentru nainte. Att n IE ct i n NN butoanele sunt numite Back i Forward. Din pagina curent, dac se acioneaz butonul Back se ncarc pagina anterior vizualizat, iar dup aceasta se poate reveni la pagina iniial acionnd Forward. n partea dreapt a butoanelor Back i Forward exist cte o mic sgeat orientat cu vrful n jos. n Internet Explorer rolul lor este acelai cu al omoloagelor din fereastra Windows Explorer a SO Windows 98, adic deschid o list de documente vizitate anterior, permind accesul direct la oricare dintre acele pagini, evitndu-se navigarea pas cu pas. Acelai lucru se obine fcnd un click dreapta pe mouse cnd cursorul este deasupra unuia din cele dou butoane. n Netscape Navigator, pentru derularea

22

listelor cu paginile anterior vizitate, se poziioneaz cursorul mouse-ului deasupra butoanelor Back sau Forward i se execut click dreapta. Tot n aceast categorie pot fi incluse alte dou butoane, Stop i Refresh (IE) sau Reload (NN). Butonul Stop are n IE aspectul unui disc care are n centru un semn de forma literei X, de culoare alb, iar n NN semnul unui semafor. Butonul folosete pentru oprirea ncrcrii paginii accesate. Butonul Refresh are aspectul unei coli de hrtie cu un semn de recirculare pe centru iar butonul Reload are aspectul unei sgei circulare. Butonul folosete pentru rencrcarea pagini curente dac operaia anterioar a euat ori s-au fcut modificri n setrile browser-ului ulterior ncrcrii paginii. Este de asemenea util n cazul n care se editeaz un document HTML i se dorete previzualizarea acestuia. Dup orice modificare fcut n sursa documentului i salvat, pentru a se vedea efectul modificrii trebuie rencrcat documentul cu ajutorul butonului de remprosptare. 4. Butonul Home, aceeai denumire n ambele browsere, are aspectul unei case i folosete pentru ncrcarea paginii definite de utilizator ca pagin implicit. 5. Butonul Print, folosete pentru tiprirea documentului. Este preferabil ns tiprirea din meniul File deoarece ofer opiuni de setare a tipririi. n Internet Explorer opiunile sunt mai multe, permind tiprirea documentelor legate de documentul curent precum i tiprirea unei liste cu legturile din document. 6. Butoane pentru semne de carte. Servesc pentru a da utilizatorului posibilitatea de a crea i gestiona o list cu paginile web preferate, astfel ca accesarea acestora s se fac din list i nu prin introducerea adresei n cmpul de adres. Acesta deoarece URLul unor documente poate fi foarte lung i din acest motiv nepractic de introdus de la tastatur. La Internet Explorer butonul se numete Favorites i este localizat pe bara de instrumente. Acionarea lui deschide n partea stng a ferestrei un cadru cu instrumente pentru adugat i organizat lista de pagini preferate. n Netscape Navigator butonul poart numele Bookmarks i se afl n stnga cmpului de adres; acionarea lui deschide un meniu derulant cu opiuni pentru editarea i gestionarea preferinelor. 7. Vizualizarea sursei documentului. Documentele HTML sunt documente de tip text care conin, pe ling informaia propriuzis, instruciuni privind modul n care trebuie s fie afiat informaia n fereastra browser-ului. Fiierul text care conine informaia i instruciunile se numete sursa documentului web i poate fi vzut. n Internet Explorer exist o opiune a meniului View, numit Source, care afieaz sursa n editorul NotePad, de unde poate fi modificat i salvat. n Netscape Navigator opiunea se numete Page Source, se afl tot n meniul View, i listeaz sursa ntr-o fereastr a Netscape fr posibilitatea de editare. n continuare sunt prezentate, pe scurt browserele Internet Explorer i Netscape Navigator. 2.3 2.Internet Explorer Fereastra aplicaiei este reprodus n figura 2.2. Bara de meniuri, conine meniurile File, Edit, View, Favorites, Tools i Help. Meniul File este foarte asemntor cu cel al MSWord i nu va fi detaliat. Este nou opiunea Work Offline. La selectarea ei se ntrerupe conexiunea ntre browser i Internet iar toate documentele accesate se citesc din dosarul Temporary Internet Files, aflat n directorul Windows. Modul de lucru Offline nu presupune i ntreruperea legturii ntre calculator i Internet; acesta rmne n continuare deschis altor aplicaii. Este adevrat ns c n lipsa unei legturi la Internet, prin Dial-Up (linie telefonic) sau LAN, browserul lucreaz n modul Offline, informaiile cerute fiind extrase din dosarul Temporary Internet Files. Dac informaia cerut nu a fost memorat n respectivul folder atunci se genereaz un mesaj de eroare ntr-o

23

fereastr de dialog, figura 2.3, care ofer posibilitatea conectrii pentru a accesa documentul online.

Figura 2.2 Fereastra Internet Explorer 5.0 Meniul Edit, cuprinde opiuni de copiere, decupare, lipire i cutare, modul de utilizare fiind asemntor celui din Word i nu necesit alte explicaii.

Figura 2.3 Fereastra de dialog Web page unavailable while offline Meniul View, este divizat n cinci seciuni, figura 2.4. Prima seciune permite stabilirea unor opiuni de afiare, cum ar fi alegerea barelor de instrumente care vor fi afiate n fereastra de aplicaie (Toolbars), afiarea barei de stare, a barei Explorer (similar aplicaiei Windows Explorer din Windows98). A doua seciune d posibilitatea navigrii nainte i napoi precum i saltul la orice pagina din istoric prin intermediul submeniului Go To. De asemenea mai permite oprirea aciunii de ncrcare (Stop) i remprosptarea informaiei de pe ecran (Refresh). Urmtoarea seciune permite stabilirea mrimii fonturilor afiate (Text Size) prin scalarea dimensiunii acestora pe cinci nivele, cel implicit fiind normal. Tot aici se poate stabili codarea limbajului sau a setului de caractere (Encoding). Majoritatea paginilor web conin informaii despre codarea setului de caractere, astfel nct Figura 2.4 Meniul View browserul s afieze corect textul. Dac pagina nu conine aceste informaii este posibil ca pagina s nu fie afiat corect (afiarea incorect a caracterelor diacritice pentru limbile central europene, literelor chirilice pentru alfabetul slav sau caracterelor alfabetului grecesc, etc.) Pentru a corecta acest neajuns n submeniul Encoding se va selecta opiunea Auto Select. Dac aciunea nu d rezultate atunci se va alege din acelai submeniu setul de caractere potrivit. Ultima seciune permite vizualizarea

24

sursei documentului ncrcat (View Source) i afiarea documentului pe ntregul ecran (Full screen) prin eliminarea barelor de meniu, de stare, de adres. Ca urmare n fereastra de aplicaie vor mai fi afiate doar bara de instrumente redus (de dimensiuni mici i fr afiarea numelor) i bara cu instrumente de minimizare, redimensionare i nchidere a aplicaiei. Meniul Favorites realizeaz aceleai funcii ca meniul omolog din Windows Explorer. Meniul Tools are cteva opiuni specifice din care voi detalia doar cteva, pe care le consider mai importante: Mail&News permite deschiderea din interiorul browser-ului a unor programe de comunicaie, cum ar fi programul de pot electronic, crearea de mesaje noi, expedierea de linkuri sau pagini web complete prin pota electronic. Syncronize folosete pentru ncrcarea ultimei versiuni a documentului afiat n fereastra browser-ului. Este util atunci cnd se lucreaz offline; nainte de deconectare se d comanda syncronize pentru a actualiza informaia.

Figura 2.5 Tabelele General i Content ale ferestrei de dialog Internet Options Internet Options este de departe cea mai important opiune a meniului Tools. La selectarea ei se deschide o fereastr de dialog cu 6 tabele, figura 2.5. Tabela General permite: n seciunea Home page stabilirea paginii implicite, care va fi afiat la deschiderea browser-ului. Opiunea Use Blank va determina afiarea unei pagini goale, opiunea Use Default va determina afiarea paginii principale www.msn.com iar Use Current va determina afiarea paginii deschise la momentul respectiv. n seciunea Temporary Internet Files, tergerea fiierelor din dosarul temporar i setarea unor opiuni privind dimensiunea maxim a acestui dosar precum i a modului n care s se fac actualizarea informaiilor coninute de acesta. tergerea fiierelor din dosarul temporar va face ca paginile anterior memorate s nu mai fie disponibile offline. n ceea ce privete opiunile de actualizare a fiierelor se recomand selectarea opiunii Automatically n seciunea History, tergerea informaiilor cu privire la legturile accesate anterior precum i numrul maxim de zile pentru care aceste informaii vor fi pstrate n computer. Tabela Security permite stabilirea unor nivele de protecie atunci cnd sunt accesate pagini din Internet, din Intranet, de pe site-uri considerate sigure i nesigure. Fiecare nivel de protecie 25

dispune de setri implicite, care pot fi modificate de utilizator apsnd butonul Custom Level. Site-urile sigure i nesigure sunt definite de utilizator prin apsarea butonului Sites. Tabela Content, n seciunea Personal information permite setarea unor opiuni ale funciei AutoComplete i setarea profilului utilizatorului prin intermediul butoanelor AutoComplete i My Profile. Funcia AutoComplete d posibilitatea completrii automate a urmtoarelor: adresei Web, pe parcursul tastrii ei, dac anterior respectiva adres a mai fost vizitat (asemntor funciei autocomplete din MSExcel) formularelor din paginile Web; de cte ori prin formularele coninute n paginile Web se cere introducerea unor date, de exemplu numele i prenumele, programul Internet Explorer va afia o list cu nume care au mai fost utilizate i din care utilizatorul poate alege nregistrarea dorit parolelor i numelor de utilizator, similar formularelor dar se aplic numai cmpurilor nume utilizator i parol Atunci cnd calculatorul este utilizat de mai multe persoane este de dorit, pentru confidenialitatea informaiilor, ca ultimele dou opiuni s nu fie activate. Apsarea butonului My Profile permite stabilirea unui profil de utilizator, dup modelul agendei Address Book din programul Outlook Express, vezi capitolul 3. Aceste informaii sunt cerute de unele site-uri vizitate, dar inexistena profilului nu mpiedic accesarea lor. Deoarece nu exist certitudinea c site-urile care citesc asemenea informaii sunt absolut sigure iar scopul pentru care ele sunt necesare este necunoscut, recomand s nu se specifice un profil utilizator. Tabela Connections permite setarea proprietilor conexiunilor. Atunci cnd conectarea la ISP se face prin Dial-up, pentru fiecare conexiune se pot stabili independent proprietile. n figura 2.6 tabela Connections afieaz dou conexiuni Dial-up, la doi ISP diferii, EasyNet i Universitatea tefan cel Mare Suceava. Modul n care se seteaz o astfel de conexiune este artat n paragraful 3.3.4. Dac accesul se face printr-o reea local, n seciunea LAN Settings se fac setrile respective. n acest caz administratorul de reea este cel care furnizeaz informaiile necesare sau le face personal. n lipsa unor cunotine solide despre setrile Dial-up i LAN este bine ca utilizatorul s nu intervin la acestea pentru a nu compromite conectarea la Internet. Tabela Programs afieaz programele Windows instalate pentru o serie de servicii Internet, editorul HTML, pota electronic, grupurile de tiri, conferine, etc., dnd totodat posibilitatea alegerii unui anumit program n cazul n care exist mai multe programe instalate pentru acelai serviciu. Tabela Advanced, figura 2.6 d posibilitatea stabilirii unor opiuni avansate de configurare a programului Internet Explorer. Aceste opiuni sunt grupate pe categorii i trebuie folosite n cunotin de cauz. Iat doar cteva din ele care pot fi folositoare atunci cnd conectarea se face prin Dial-up iar timpul de conectare cost bani. Dac ceea ce se caut pe Internet este informaie sub form de text, atunci afiarea imaginilor, a animaiei precum i interpretarea fiierelor audio, care sunt consumatoare de timp, devine inutil. n grupul Multimedia se pot dezactiva opiunile Play animations, Play videos, Play sounds i Show pictures. n felul acesta fiierele care conin astfel de informaii i care sunt mult mai mari n comparaie cu documentul text, nu mai sunt ncrcate de browser, rezultatul fiind o cretere sensibil a vitezei cu care sunt ncrcate paginile. Pentru cei care vor s fie la zi cu ultima versiune a browser-ului Internet Explorer, n grupul Browsing exist opiunea Automatically check for Internet Explorer updates, care dac este selectat va programa browserul s verifice periodic (aproximativ la 30 de zile) pe site-ul oficial al Microsoft dac exist versiuni mai noi ale acestuia.

26

Figura 2.6 Tabelele Connections i Advanced din fereastra Internet Options Tot n acest grup exist o opiune de afiare a butonului Go pe bara de adres, Show Go button in Address bar, care este implicit selectat. Meniul Help are acelai rol i funcionalitate ca n orice aplicaie Windows. 2.3 3 Netscape Navigator Interfaa browser-ului web Netscape Navigator este oarecum asemntoare cu a cea a Internet Explorer, figura 2.7

Figura 2.7 Fereastra browser-ului Netscape Navigator Diferenele constau n principal n aspectul i organizarea diferit a butoanelor de pe bara de instrumente i a meniurilor. Exist ns cteva deosebiri fundamentale ntre cele dou browsere: Netscape Navigator permite crearea i apoi utilizarea de profiluri utilizator, fiecare profil memornd setrile proprii (pagin de start, preferine, istoric). Dac sunt create mai multe astfel de profiluri atunci la deschiderea aplicaiei apare o fereastr de dialog prin care utilizatorului i se cere s aleag unul din profiluri, figura 2.8

27

Figura 2.8 Alegerea profilului utilizator la deschiderea aplicaiei Netscape Navigator Pentru crearea unui profil nou se parcurg urmtorii pai: 1. Se nchide Netscape Navigator n cazul n care aplicaie este deschis 2. Start Programs Netscape Comunicator Utilities User Profile Manager. 3. n fereastra de dialog care se deschide se apas butonul New i apoi se urmeaz instruciunile afiate. O alt diferen const n faptul c Netscape Navigator are integrat un client (program) de email n timp ce Internet Explorer poate lansa din interiorul su un program pentru pota electronic, de sine stttor i care poate fi ales de utilizator (implicit este Outlook Express). De asemenea Netscape Navigator are integrat i un editor HTML cu care se poate edita o pagin ncrcat. La Internet Explorer editorul este un program independent ce poate fi lansat din interiorul browser-ului. Pe de alt parte Internet Explorer este integrat n desktopul Windows 98 ceea ce constituie un avantaj. O parte dintre diferenele legate de interfa au fost enumerate cu ocazia prezentrii generale a browserelor. Alte particulariti sunt prezentate n paragraful 2.4.6. n continuare este explicat modul n care se realizeaz cteva din aciunile prezentate la Internet Explorer. 2.4 Navigarea cu ajutorul browser-ului Prin navigare pe Internet se nelege aciunea de explorare a resurselor puse la dispoziie de Internet. Aa cum am artat mai sus browserul de Internet este mijlocul prin care acest lucru este posibil. Pentru facilitarea nelegerii m voi referi exclusiv la Internet Explorer, urmnd ca particularitile Netscape Navigator s fie prezentate paragraful 2.4.6. Pentru a accesa un anumit document gzduit de un server Web adresa acestuia trebuie scris n caseta text coninut de bara de adrese, dup care se apas tasta Enter sau butonul Go de pe aceeai bar.
De regul documentele nu sunt izolate ci grupate tematic n ceea ce se numesc site-uri. Fiecare site are o pagin principal (home page), cea care este afiat atunci cnd n caseta de adres nu se specific numele fiierului i calea. Numele paginii principale este, de regul, index.html dar sunt servere care au definite i alte nume pentru pagina principal, cum ar fi index.htm, index.php, default.htm, main.htm. Spre exemplu, numele paginii principale a Facultii tiine Economice i Administraie Public din Universitatea tefan cel Mare Suceava este index.php. Dac n caseta de adres se introduce www.seap.usv.ro sau www.seap.usv.ro/index.php browserul va afia aceeai pagin, adic index.php. Pe lng pagina principal un site mai conine i alte pagini Web precum i fiiere imagine, sunet, executabile. De cele mai multe ori fiierele care alctuiesc site-ul se afl pe acelai server dar este posibil ca anumite pagini sau fiiere s fie gzduite de alte servere Internet.

Dup apsarea tastei Enter browserul va cuta s se conecteze la serverul al crui nume a fost specificat n adres. Dac serverul nu poate fi contactat (nu exist, este temporar inaccesibil) utilizatorul primete un mesaj de eroare. Dac serverul a putut fi contactat atunci acesta va ncerca s satisfac cererea, adic s expedieze documentul solicitat ctre calculatorul care a 28

fcut cererea. Dac documentul este gsit, acesta va fi afiat n fereastra browser-ului. Dac documentul nu este gsit, atunci serverul va rspunde cu un mesaj de eroare care va fi, de asemenea, afiat de browser. ntr-un document Web exist poriuni de text (cuvinte) sau zone de imagine deasupra crora cursorul mouse-ului i schimb aspectul lund forma unei mini cu degetul arttor ridicat. Respectivele cuvinte, care de obicei sunt afiate cu alt culoare dect restul textului i sunt subliniate, sau poriuni de imagine reprezint legturi (hyperlinks) spre alte documente Web sau fiiere. Dac se execut click pe butonul stng al mouse-ului cnd cursorul se afl deasupra unei legturi, atunci browserul va stabili o conexiune spre serverul care gzduiete respectivul document sau fiier i, dac legtura reuete, va lansa cererea. Dac documentul solicitat exist atunci serverul l va trimite i va fi afiat de browser, n aceeai fereastr sau ntr-o fereastr nou. Dac cererea se refer la un fiier oarecare, atunci browserul va rspunde funcie de natura fiierului: dac este un fiier imagine de tipul suportat (jpg, jpeg, gif) acesta va fi afiat, dac este un fiier audio (mp3) sau video (mpeg) browserul va lansa o aplicaie capabil s reproduc respectivele fiiere, de exemplu Media Player sau Winamp. dac este un fiier (imagine bmp, arhive, executabile, etc.) atunci se deschide o fereastr de dialog care permite descrcare respectivului fiier pe calculatorul clientului, la o locaie pe care acesta o poate stabili. Folosind butoanele de navigare Back i Forward se poate reveni la paginile anterior vizitate, fr a mai fi nevoie de introducerea adresei de la tastatur. Dac se dorete abandonarea unei operaii n curs se apas pe butonul Stop de pe bara de instrumente. Pentru remprosptarea informaiei de pe ecran se apas butonul Refresh. Adresele introduse sunt memorate de Internet Explorer i dac se dorete accesarea rapid a uneia dintre ele se va apsa butonul din captul din dreapta al casetei de adrese (triunghiul cu vrful n jos). Sub caseta de adrese se desfoar lista adreselor care au fost introduse din care se poate alege cea dorit. De reinut c adresele site-urilor vizitate prin activarea legturilor din alte pagini nu sunt afiate n aceast list. n timpul scrierii adresei, sub bara de adrese se desfoar o alt list care conine adrese pe care Internet Explorer le propune pe baza primelor caractere din adres care au fost tastate. i de aici se poate alege adresa dorit, dac exist. 2.4.1 tergerea informaiilor privind site-urile vizitate Pentru a terge listele cu site-urile vizitate i fiierele memorate n dosarul temporar se alege din meniul Tools opiunea Internet Options i se apas succesiv pe butoanele Clear History i Delete files din tabela General, figura 2.5. De asemenea, pentru a terge toate fiierele memorate la nchiderea browser-ului se poate selecta opiunea Empty Temporary Internet Files folder when browser is closed din grupul Security, tabela Advanced a meniului Internet Options. 2.4.2 Administrarea listelor de preferine Dac o pagin prezint un interes deosebit i se dorete a fi accesat rapid, este posibil adugarea ei la o list de site-uri sau pagini preferate. Pentru aceasta, avnd pagina ncrcat i afiat n browser se alege din meniul Favorites opiunea Ad to Favorites. Se deschide fereastra de dialog Add Favorites i se apas butonul Create in pentru ca fereastra s ia aspectul din figura 2.9a.

29

a)

b) Figura 2.9 Fereastra Add Favorites permite adugarea paginilor la lista de preferine iar fereastra Organize Favorites organizarea listei de preferine.

n caseta text Name se introduce un nume sugestiv pentru pagin iar din fereastra Create in se alege dosarul unde se dorete memorarea. Apsnd butonul New Folder se poate crea un dosar nou n care s fie adugate mai multe pagini cu coninut asemntor. Validarea casetei Make available offline d posibilitatea vizualizrii paginilor adugate la list chiar atunci cnd nu exist conexiune la Internet. Exist posibilitatea organizrii listei de preferine cu ajutorul opiunii Organize Favorites din meniul Favorites. Fereastra cu acelai nume, figura 2.9.b, dispune de butoane pentru tergerea paginilor i dosarelor selectate, pentru mutarea paginilor dintr-un dosar n altul, crearea de noi dosare i redenumirea lor. Dup memorarea lor n list, accesarea rapid a paginilor preferate se face din meniul Favorites i selectarea paginii sau dosarului care conine pagina dorit din seciunea a doua a meniului. Dac se dorete ca o anumit pagin s fie ncrcat ori de cte ori este deschis browserul atunci, avnd pagina afiat pe ecran, din meniul Tools se alege Internet Options i se apas butonul Use Current din tabela General. 2.4.3 Tiprirea paginilor Web Tiprirea se face cu opiunea Print din meniul File. Deoarece majoritatea opiunilor de tiprire sunt cunoscute voi explica doar cele specifice. Validarea casetei Print all linked documents determin tiprirea tuturor documentelor ctre care exist legturi n pagin. Se va utiliza cu precauie pentru c paginile legate pot fi multe la numr dar pot s nu conin ntotdeauna informaiile cutate. Este preferabil s fie activat fiecare legtur pentru informare asupra coninutului iar tiprirea s se fac din fiecare pagin n parte. Caseta Print table of links, dac este validat, determin tiprirea la sfritul documentului a listei cu toate legturile din pagin. Aceast opiune poate fi util deoarece furnizeaz URL-urile tuturor legturilor. Butoanele radio din seciunea Print Frames a ferestrei de dialog Print permite setarea unor opiuni de tiprire n cazul paginilor ce conin cadre (frames). Pagina poate fi tiprit aa cum apare pe ecran (As laid on the screen), se poate tipri doar un anume cadru selectat (Only the selected frame) sau pot fi tiprite toate cadrele separat (All frames individually). Fr a insista n acest capitol vom reine doar c frames-urile (cadrele) reprezint o modalitate de a afia n aceeai fereastr a browser-ului mai multe pagini Web, prin mprirea ferestrei n cadre (de unde i denumirea), fiecare cadru afind alt pagin. Pn nu de mult existau unele restricii n utilizarea cadrelor deoarece nu toate browserele suportau acest mecanism. n prezent ultimele versiuni ale browserelor importante (Internet Explorer, Netscape Navigator, Opera) suport cadrele a cror folosire conduce la pagini cu mare efect i mai uor de folosit de ctre utilizatori.

30

2.4.4 Salvarea paginilor Web Salvarea paginilor Web se face alegnd din meniul Files opiunea Save As. n fereastra de dialog care se deschide, n caseta text File name: Internet Explorer propune titlul paginii, care poate fi editat, iar din casta text Save as type: sunt disponibile patru formate. Web page, complete pstreaz formatul original (htm sau html) salvnd ntreg coninutul paginii (imagini, background, etc.) n dosare asociate fiierului salvat. Coninutul poate fi vizualizat offline Web Archive, single file creeaz un fiier arhiv care conine toate informaiile paginii originale Web page HTML only pstreaz formatul original dar salveaz numai informaia text Text files - salveaz doar informaia text, neformatat 2.4.5 Copierea textului, imaginilor i legturilor dintr-un document Web Copierea textului dintr-o pagin Web se face selectnd textul respectiv i apoi fie se folosete combinaia de taste Ctrl + C fie opiunea Copy din meniul contextual. Textul copiat n clipboard poate fi lipit apoi n orice editor de text sub Windows. n ceea ce privete imaginile inserate n document, acestea pot fi salvate sub form de fiier grafic astfel: se poziioneaz cursorul mouse-ului pe imagine, se face click pe butonul drept al mouse-ului i se alege opiunea Save Picture As iar din fereastra de dialog care se deschide se alege dosarul / unitatea de disc unde se face salvarea i numele fiierului imagine. Pentru salvarea imaginilor care servesc ca fundal (background) se poziioneaz cursorul oriunde pe suprafaa fundalului, se face click dreapta i din meniul contextual se alege opiunea Save Background As. Pentru a copia adresa unei legturi din pagin se poziioneaz cursorul pe legtur, se face click dreapta i din meniul contextual se selecteaz Copy Shortcut. Adresa este copiat n clipboard i se poate apoi lipi n orice editor de text sub Windows. 2.4.6 Particulariti ale Netscape Navigator 2.4.6.1 Setarea paginii de start Din meniul Edit se alege Preferences. Ca urmare se deschide o fereastr de dialog, figura 2.10, echivalentul opiunii Options din Internet Explorer. Organizarea este cu totul diferit, dup cum se poate vedea din figur. Din seciunea Navigator start With se alege una din cele trei posibiliti. Pagina care va fi ncrcat la acionarea butonului Home de pe bara de instrumente poate fi stabilit n seciunea Home Page prin introducerea adresei respectivei pagini sau, dac este o pagin local de pe unul din discurile sistemului sau din reeaua local prin utilizarea butonului Browse

Figura 2.10 Fereastra Preferences din Netscape Navigator

31

2.4.6.2 Tiprirea unei pagini Din meniul File se alege opiunea Print. Fereastra de tiprire are mai puine opiuni fa de fereastra similar din Internet Explorer. 2.4.6.3 Vizualizarea sursei unui document Din meniul View se alege Page Source. Fereastra care se deschide conine codul surs al paginii ncrcate, care nu poate fi modificat. Pentru a putea modifica sursa documentului, din meniul File se alege Edit Page. Fereastra de aplicaie care se deschide afieaz pagina ntr-un mod foarte apropiat de modul n care ea apare n fereastra browser-ului. Acest mod de afiare este cunoscut sub numele de WYSIWYG (What You See Is What You Get) i reprezint o modalitate uoar de creare a unei pagini noi sau de modificare a unei pagini existente prin faptul c ceea ce se vede n fereastr va fi afiat i de browser. 2.4.6.4 Modificarea setului de caractere Din meniul View se selecteaz opiunea Character Set iar din lista deschis se alege setul dorit. 2.4.6.5 Administrarea listelor de preferine Din meniul Comunicator se alege submeniul Bookmarks, figura 2.11 care conine, la rndul lui, mai multe opiuni i pagini memorate. Submeniul poate fi accesat i apsnd butonul Bookmarks de pe bara de instrumente.

Figura 2.11 Administrarea paginilor preferate Opiunile Add Bookmark, File Bookmark i Edit Bookmark permit adugarea paginii curente la lista de preferine, editarea listelor i directoarelor care conin aceste liste. Un ghid al modului n care pot fi personalizate listele de preferine poate fi accesat selectnd din submeniul Bookmarks opiunea How to Customize Bookmarks. 2.4.7 Cutarea n WWW De foarte multe ori, atunci cnd se caut o anumit informaie pe Internet, nu se cunoate adresa paginii care conine respectiva informaie. Pentru a putea ajunge la aceste informaii se apeleaz la aa numitele motoare de cutare (search engine). Acestea sunt nite calculatoare cu mare putere de calcul care dispun de imense baze de date cu privire la paginile web nscrise i caut la cerere n aceste baze de date paginile care ar putea conine informaia solicitat. Pentru a fi inclus (indexat) n baza de date a unui motor de cutare o pagin web trebuie nscris la 32

respectivul motor. nscrierea se poate face gratuit sau contra cost, funcie de politica proprietarului acestor motoare, iar indexarea se face fie automat de ctre roboi fie manual de ctre de ctre echipe de editori. Principial exist dou tipuri de motoare de cutare, bazate pe directoare sau pe roboi (crowler-based). Diferena ntre ele const n faptul c n primul caz paginile trimise spre indexare sunt analizate de editori i n funcie de coninut sunt adugate n directoare i subdirectoare tematice (Yahoo este cel mai elocvent motor din aceast categorie) iar n al doilea caz indexarea se face n urma vizitrii adreselor trimise spre indexare de ctre roboi (Altavista este cel mai vechi motor de cutare bazat pe roboi de indexare). Orice motor de cutare are trei elemente majore2: 1. Primul este robotul , care mai este numit pianjen sau vierme ( robot , spider sau crawler , n limba englez). Robotul este un program care viziteaz paginile web, le citete i apoi urmrete legturile ctre alte pagini. n timp, multe din paginile vizitate i pot modifica coninutul, li se pot adaug noi legturi , iar unele pagini pot disprea definitiv De aceea roboii se ntorc dup un anumit interval de timp , de obicei o lun sau dou , i viziteaz din nou site-ul , cutnd eventualele schimbai care au fost fcute. Aceste programe au o capacitate extraordinar de a citi i de a prelucra date. Astfel, conform declaraiilor productorilor , roboii rapizi de la Altavista au capacitatea de a citi 1 GB de text pe secund , respectiv 3 milioane de pagini web pe zi . 2. Tot ceea ce gsete robotul (cuvinte cheie , poriuni de text din paginile vizitate , etc.) sunt trecute n al doilea element al motorului de cutare , numit index sau catalog. Acesta este ca o baz de date imens n care se afl informaii despre fiecare pagin web gsit de robot .Aceast pagin apare n catalog ca o nou nregistrare, care va conine titlul si adresa paginii respective, cuvintele cheie folosite, legturile ctre alte pagini , precum i poriuni din text, care ns pot fi diferite de la un motor de cutare la altul. Daca robotul gsete schimbri intr-o pagin web, atunci indexul este actualizat cu noile informaii. Uneori poate trece mai mult timp pn cnd paginile noi sau modificate, gsite de robot la o nou cutare s fie adugate la index. Deci o pagina web poate s fie vizitat de robot , dar este posibil ca ea sa nu fie nc "indexat". n acest caz pagina nu este disponibil la o eventual cutare . 3. Al treilea element esenial este software-ul de cutare, un program care permite cutarea printre milioanele de pagini nregistrate n index precum i afiarea rezultatului sub forma unei liste de legturi, n ordinea pe care el o consider cea mai relevant . Oricare ar fi forma, motoarele de cutare pun la dispoziie formulare de nscriere, n care autorul sau web master-ul care vrea s i nregistreze pagina trebuie s completeze o serie de cmpuri ntre care unul conine obligatoriu URL ul paginii. Cutarea adresei paginii se face pe baza unor elemente vizibile sau invizibile n cuprinsul documentului. Acestea sunt titlul paginii vizibil pe bara de titlu -, descrierea coninutului i cuvinte cheie, acesta din urm nefiind vizibile. Cu ct titlul paginii, descrierea sau cuvintele cheie sunt mai relevante pentru coninutul paginii, cu att rezultatul cutrii va fi mai eficient iar informaia va fi gsit mai repede. Asupra modului cum se nregistreaz o pagin i cum se folosesc cuvintele cheie vom reveni n capitolul Web Design. Trebuie, ns, s mai precizm c tot mai multe motoare de cutare, dintre cele mai puternice i populare, indexeaz paginile trimise contra cost, cele care fac acest lucru gratuit fiind din ce n ce mai puine. Dintre cele cu plat citm: HotBot, AskJevees, Yahoo (pentru director, motorul fiind, nc, gratuit), Looksmart. Iat cteva dintre motoarele de cutare cele mai cunoscute i utilizate3:

2 3

www.afaceri.net/WEBDESIGN/ PROMOVARE/Motoare_de_cautare.htm http://searchenginewatch.com/links/article.php/2156221

33

Nume Google Yahoo Lycos Opendirectory

URL www.google.com www.yahoo.com www.lycos.com dmoz.org

Nume Lycos Ask Jeeves HotBot AllTheWeb

URL www.lycos.com www.askjeeves.com www.hotbot.com www.alltheweb.com

La momentul editrii prezentei lucrri Google este considerat cel mai eficient motor de cutare. El ofer n rezultatele cutrilor, pe lng documente HTML, imagini, i documente PDF iar primele rezultate sunt i cele mai semnificative pentru informaia cerut, dac aceasta a fost corect formulat [4]. Cum se realizeaz practic cutarea? n primul rnd se introduce adresa motorului de cutare dorit i se acceseaz pagina principal a acestuia. Toate motoarele afieaz n aceast pagin o caset text n care utilizatorul introduce cuvntul sau cuvintele pe care le consider ca fiind cele mai relevante pentru cutare. Apoi se apas butonul Search sau Find aflat n vecintatea casetei text. Dup un anumit timp motorul de cutare va genera una sau mai multe pagini Web, funcie de numrul rezultatelor cutrii. Fiecare pagin generat conine titlurile documentelor Web care conin cuvintele cutate, un extras din document prin care se pun n eviden cuvintele gsite care corespund cererii i URLul documentului respectiv. Dac rezultatele nu ncap pe o singur pagin atunci accesul la paginile urmtoare se face prin intermediul unor legturi din pagina curent, intitulate de obicei Next. De foarte multe ori se ntmpl ca rezultatul cutri s nu satisfac, fie coninutul documentelor gsite nu corespunde cerinei, fie numrul rezultatelor este prea mic fie prea mare pentru a putea fi inspectate. n oricare din aceste situaii cererea nu a fost corect fcut, chiar dac utilizatorul are foarte clar n minte ceea ce caut i atunci cererea trebuie reformulat. Mai jos se d un exemplu despre cum se poate face cutarea unor informaii legate de biografia mpratului Napoleon Bonaparte. Cutarea dup irul de caractere <biografia lui Napoleon> returneaz rezultate care conin att irul cutat ct i rezultate care nu prezint interes fie pentru c nu se refer la Napoleon Bonaparte fie sunt n alte limbi, figura 2.12. Se poate spune c procesul de cutare s-a derulat dup logica listeaz toate paginile care conin oricare din cuvintele ce formeaz irul.

Figura 2.12 Rezultatul cutrii cu Google dup irul de caractere biografia lui Napoleon

34

Astfel primele rezultate sunt cele care conin toate cuvintele iar ultimele cele care conin cte unul din cuvintele care alctuiesc irul. Numrul de rezultate este destul de mare (115) ca s descurajeze trecerea lor n revist n cutarea informaiilor necesare. Dac se introduce irul de caractere ntre ghilimele atunci cutarea se va face dup respectivul ir, fiind afiat lista acelor pagini care conin n mod exact irul de caractere. Logica de cutare este, n acest caz, listeaz toate paginile care conin cuvintele din ir, n ordinea specificat. Rezultatele cutrii s-au redus la doar trei titluri, ceea corespunde n mai mare msur scopului urmrit, figura 2.13.

Figura 2.13 Rezultatul cutrii cnd irul de caractere a fost introdus ntre ghilimele Dac numrul rezultatelor unei cutri este prea mare nseamn c definirea criteriului de cutare s-a fcut prea vag iar dac numrul este prea mic sau nu se obine nici un rezultat nseamn c definirea s-a fcut prea restrictiv. n ambele situaii criteriul de cutare trebuie redefinit. Dac n rezultatele cutrii anumite cuvinte din irul de caractere trebuie s apar necondiionat, n faa acelor cuvinte se va pune semnul plus (+) iar dac altele nu trebuie s apar se va pune n faa lor semnul minus (-). n exemplul de mai sus, dac irul de caractere este scris <biografia -lui Napoleon> atunci vor fi afiate doar acele rezultate care conin cuvintele biografia i Napoleon. Majoritatea motoarelor de cutare dispun de o opiune de cutare avansat care permite definirea mai precis a criteriilor de cutare cu ajutorul unei interfee Web prietenoase. n locul folosirii semnelor + i n caseta text, utilizatorul mai puin experimentat poate preciza ntr-un formular care cuvinte din irul de cutare s apar n rezultatul cutrii i care nu. De asemenea motoarele de cutare avansate permit cutarea paginilor scrise ntr-o anumit limb pe baza setului de caractere utilizat la construcia paginii. Ca exemple pot fi citate Google, Altavista i HotBot. Motoarele de cutare bazate pe directoare (Yahoo, Lycos) permit cutarea prin deschiderea succesiv a directoarelor tematice, organizate arborescent. Acest mod de cutare este mai anevoios n sensul c poate s nu conduc la atingerea rezultatului, n schimb pune mai bine n eviden domenii conexe celui n care s-a pornit cutarea. n orice caz, din orice punct al directorului este posibil cutarea cu ajutorul robotului, caseta text i butonul de cutare fiind n permanen vizibile i la ndemn. ntrebri de verificare 1. Care sunt fazele unei tranzacii client-server n Internet? 2. Browserul Web este un produs software care:

35

3.

4.

5.

6.

7.

a) ruleaz pe serverele Web b) ruleaz pe calculatoarele client c) permite rsfoirea resurselor calculatoarelor legate la Internet. URLul permite a) localizarea unui server n reeaua Internet b) identificarea n mod unic a oricrui document de pe un server Internet c) specificarea n mod unic a adresei unui fiier de pe Internet i protocolul asociat Butoanele Back i Forward ale browser-ului folosesc pentru: a) deplasarea napoi i nainte printre paginile vizitate anterior b) deplasarea nainte i napoi printre paginile cu rezultatele cutrii cnd se folosesc motoare de cutare c) deschiderea listelor cu paginile Web vizitate anterior. Care din cele dou browsere permit editarea sursei unei pagini Web din meniul de vizualizare a sursei: a) ambele b) Netscape Navigator c) Internet Explorer Care din cele dou browsere nglobeaz program de pot electronic: a) ambele b) Internet Explorer c) Netscape Navigator De cte tipuri sunt motoarele de cutare: a) un tip b) dou tipuri c) mai multe tipuri Probleme propuse

1. 2. 3. 4.

Care este relaia dintre adresa IP i numele de domeniu? Ce sunt listele de preferine i cum se creeaz? Cum se salveaz o imagine sau textura de fundal dintr-un document Web? Cum ai proceda dac dorii s cutai prin Internet unul sau mai multe articole cu privire la dispariia dinozaurilor? 5. Care sunt elementele eseniale ale unui motor de cutare?

36

3. Pota electronic, e-mail

Rezumat: acest capitol v prezint serviciul Internet cel mai utilizat, pota electronic sau email. Vei afla cum funcioneaz serviciul, cum v putei crea un cont de e-mail pe un server public i cum s l utilizai. Vei mai nva s creai, s configurai o conexiune Dial-up i s utilizai clientul de e-mail Outlook Express

3.1 Generaliti Pota electronic este serviciul cel mai utilizat al Internet-ului. Aceasta i pentru c majoritatea ISP ofer, la cerere, acces la e-mail fr ca utilizatorul s aib, ns, acces la toate serviciile Internet (full Internet). Costurile unui abonament e-mail variaz ntre 1 i 3 USD/lun, funcie de ISP i de mrimea csuei potale puse la dispoziie. Exist ns n reeaua Internet servere comerciale care ofer gratuit acest serviciu. Acestea pot fi accesate folosind serviciul Web, care presupune o conexiune full Internet. La ce folosete e-mail-ul? Acest serviciu permite comunicarea ntre dou persoane din orice col al lumii care dispun de un calculator, o conexiune la Internet i de o csu potal electronic. Ce se poate trimite prin e-mail? Se poate transmite text simplu (ASCII), text formatat (HTML) i fiiere ataate. Fiierele ataate pot conine orice tip de informaie: imagini, sunet, text, programe. Mrimea fiierelor ataate este stabilit de ISP i variaz, de la cteva sute de KB la civa MB. Marele avantaj al potei electronice comparativ cu pota convenional l reprezint viteza. Un mesaj expediat ajunge n cteva minute n orice col al lumii. Pe lng aceasta i preul pe mesaj este mic, cu att mai mic cu ct persoana abonat folosete mai intens acest serviciu. Pota electronic poate confirma primirea de ctre destinatar a mesajului, nainte ca acesta s rspund la mesajul primit. Dac la toate acestea adugm faptul c prin e-mail se pot accesa i alte resurse ale Internet-ului4, [5] atunci afirmaia de mai sus este pe deplin ndreptit. Funcie de protocolul utilizat, serverele de pot electronic pot fi accesate prin Web (HTTP) sau folosind programe specializate (clieni e-mail) care folosesc protocoalele dedicate POP3 sau IMAP. Pentru a transmite mesajele ntre serverele de e-mail acestea utilizeaz protocolul SMTP (Simple Mail Transfer Protocol) nainte de a trece la prezentarea modului de utilizare a potei electronice este bine s clarificm cteva noiuni folosite n cele ce urmeaz. Client de e-mail - este orice program care utilizeaz serviciul de pot electronic. n general se utilizeaz termenul de client pentru programele care pot comunica cu un server aflat la distan. Astfel vom ntlni denumirile de client FTP, Web, etc. Cont de e-mail - este csua potal electronic pe care un anumit ISP o pune la dispoziia unui utilizator n scopul utilizrii serviciului de pot electronic. Contul poate fi accesat dac se dispune de numele de utilizator i o parol. Ambele pot fi alese de solicitantul contului i trebuiesc comunicate ISP pentru crearea csuei potale. Numele contului este de forma numeutilizator@numedomeniu, n care numedomeniu este numele de domeniu al serverului de e-mail. Trebuie precizat c un utilizator poate avea mai multe conturi la acelai ISP sau la ISP diferii. Identitatea. Este o noiune legat de clienii de e-mail. Multe programe de e-mail permit folosirea lor de ctre mai muli utilizatori, fiecare avnd propriul cont i propria parol. Deoarece mesajele au un caracter privat fiecare utilizator trebuie s se logeze (s poat intra n program) sub o identitate proprie, pe care i-o declar la pornirea programului.

www.itim-cj.ro/guides/AccMail.html

37

Oricare ar fi tipul serviciului de e-mail fiecare csu potal este mprit logic n mai multe dosare (sau compartimente) dup cum urmeaz: Inbox dosarul n care sosesc mesajele Outbox dosarul n care sunt pstrate mesajele care au fost scrise dar nu au fost expediate. Aceast cutie exist numai la clienii de e-mail care pot lucra offline. Sent Items sau Sent dosarul care pstreaz, opional, copiile scrisorilor expediate. Deleted Items sau Trash dosarul n care sunt pstrate mesajele terse din oricare celelalte cutii. Drafts dosarul n care se pstreaz ciornele scrisorilor a cror compunere nu a fost terminat i nu au fost expediate. Bulk dosarul n care sunt trimise automat mesajele considerate spam-uri (mesaje nesolicitate) n funcie de aplicaia de e-mail utilizat este posibil ca o parte din dosarele enumerate s lipseasc (la Hotmail lipsete dosarul Bulk care e prezent la Yahoo mail) sau s aib nume diferit. O parte din aceste dosare exist att pe serverul de e-mail ct i pe discul local al calculatorului client atunci cnd se folosesc clieni de e-mail. 3.2 Web e-mail Utilizatorii care au acces la Internet pot s-i creeze unul sau mai multe conturi de e-mail pe serverele comerciale care furnizeaz acest serviciu gratuit. n fapt, pentru c nu percep taxe pentru gzduirea csuei potale proprietarii acestor servere trimit periodic n contul clienilor mesaje publicitare; acesta este de fapt preul serviciului i poate fi suportat de majoritatea utilizatorilor. Astfel de servere sunt mail.yahoo.com, www.hotmail.com i mail.lycos.com (fost www.eudoramail.com). 3.2.1 Crearea unui cont de e-mail Pentru exemplificare vom prezenta modul de creare a contului pe serverul Yahoo5, diferenele fa de alte servere constnd n principal n interfa, modul de procedare rmnnd, n linii mari, acelai. n caseta de adres a browser-ului se introduce www.yahoo.com. Dup ncrcarea paginii principale a site-ului se face click pe pictograma Email care va ncrca pagina principal a serverului de email. Se poate introduce de la nceput mail.yahoo.com care ncarc direct pagina principal a serverului de e-mail. Aceast pagin d posibilitatea logrii utilizatorilor deja nregistrai dar i nregistrrii noilor utilizatori. Pentru nregistrarea i crearea unui cont de e-mail se Figura 3.1 Click pe Sign Up Now i ncepe activeaz legtura Sign up now, figura 3.1. procedura de nregistrare

este posibil ca la momentul lecturii acestei lucrri aspectul paginilor s fi suferit modificri ca urmare a politicii administratorilor de mbuntire permanent a funcionalitii interfeei cu utilizatorul

38

Se deschide o nou pagin din care se activeaz butonul Sign Up for Yahoo! Mail din oferta Free, figura 3.2a.

a) b) Figura 3.2 a) Click pe Sign Me Up! din oferta Free creeaz contul gratuit. b) extras din formularul de nregistrare Fereastra browser-ului va afia un formular n care utilizatorul trebuie s completeze casetele text, figura 3.2.b. O parte din informaiile introduse sunt obligatorii iar altele facultative. n partea dreapt a fiecrei seciuni a formularului exist un text explicativ privitor la informaiile cerute. n fereastra Yahoo ID: se introduce un nume de identificare utilizator (numeutilizator), la alegere. n urmtoarele dou casete text se introduce parola aleas de utilizator. Tastarea de dou ori a parolei are rolul de a verifica dac nu cumva, din greeal, prima oar aceasta a fost tastat greit. Att numele utilizator ct i parola sunt Case Sensitive i nici una din ele nu trebuie s conin caractere interzise. Se continu cu completarea celorlalte casete text. Ultima seciune a formularului conine o caset text n care se introduce un ir de caractere care este afiat n apropierea casetei. La fiecare tentativ de nregistrare irul de caractere se schimb. Aceasta este o msur de precauie pentru ca nregistrarea utilizatorului s nu se fac din greeal. n final se apas butonul Submit This Form aflat n parte de jos a formularului. Urmare a acestei aciuni datele din formular sunt trimise la serverul de e-mail unde se verific corectitudinea lor, dac au fost completate toate cmpurile obligatorii i dac nu mai exist un utilizator cu acelai nume. Dac sunt erori formularul este adus din nou pe ecran i datele incorecte trebuiesc modificate. Dac totul este n ordine atunci contul este creat i datele sunt nregistrate n baza de date a serverului. 3.2.2 Utilizarea contului Contul creat este activ pe timp nelimitat cu condiia s fie accesat cel puin o dat la 30 de zile, n caz contrar este ters automat. Pentru a utiliza contul (a trimite i citi mesaje) se introduce adresa serverului n caseta de adrese a browser-ului i se apas Enter. n pagina principal se introduc, n casetele text din seciunea utilizatorilor nregistrai, identitatea utilizatorului (numeutilizator) i parola dup care se apas butonul Sign In, figura 3.3 sau tasta Enter.

Figura 3.3 Seciunea pentru logare a utilizatorilor deja nregistrai

39

Dac se valideaz caseta Remember my ID on this computer atunci, la fiecare accesare a paginii principale de pe calculatorul respectiv caseta Yahoo ID va fi completat automat. Dup logare n fereastra browser-ului va fi afiat pagina principal a utilizatorului, cu aspectul celei din figura 3.4

Figura 3.4 Pagina principal a utilizatorului contului 3.2.2.1 Compunerea unui mesaj Pentru compunerea unei scrisori se apas butonul Compose. n fereastr se va ncrca o nou pagin, cu aspectul celei din figura 3.5a. Pagina conine mai multe cmpuri constituite din casete text, ferestre de editare i casete de validare. n caseta text To: se introduce adresa de e-mail a destinatarului, n caseta Subject: un titlu pentru scrisoare iar n casseta Cc (Carbon Copy - copie la indigo) adresele de e-mail ale altor persoane care trebuie s primeasc mesajul, n afar de destinatar. Adresele scrise n caseta Bcc (Blind Carbon Copy, copie oarb) nu sunt vizibile n mesajele primite de destinatari. Aceast caset se folosete atunci cnd un mesaj estre trimis mai multor persoane a cror adres de email trebuie s rmn confidenial, astfel ca nici una dintre ele s nu poat afla adresa alteia. Completarea Cc i Bcc se face numai dac este cazul. Afiarea casetelor Cc i Bcc poate fi dezactivat fcnd click pe legturile Remove CC respectiv Remove Bcc.

a)

b) Figura 3.5 a) Fereastra Compose b) fereastra pentru ataarea fiierelor

Sub casetele text poate aprea o fereastr de editare asemntoare ferestrei WordPad, n care se poate edita i formata documentul (mrimea, stilul i culoarea fontului, culoarea fundalului)6. Prezena instrumentelor de formatare a textului indic faptul c formatul mesajului este HTML.
6

n cazul utilizrii browserului IE versiunea 5.5 sau ulterioar

40

Opiunea privind modul de editare a mesajului, HTML sau simplu text, poate fi setat din opiunile generale ale contului de pot electronic, aa cum se arat n seciunea 2.3.2. Dup editarea mesajului, dac se dorete ataarea unuia sau mai multor fiiere mesajului scris se apas butonul Attach Files. Ca rezultat se deschide o pagin nou, figura 3.5b, care permite ataarea fiierelor n trei pai. n primul pas se apas butonul Browse din dreptul casetelor File 1 .. File 5, n funcie de cte fiiere trebuie ataate. La fiecare apsare a unui buton Browse se deschide o fereastr Windows asemntoare celor care se deschid la apsarea butonului Open din editorul Microsoft Word; se selecteaz fiierul dorit din aceast fereastr numit Chose file, apoi se apas butonul Open din aceeai fereastr. Dup apsarea acestui buton fereastra Chose file se nchide automat. Se repet operaia cu celelalte butoane Browse dac se dorete ataarea mai multor fiiere. Numele fiierului selectat va apare n caseta text din dreptul butonului Browse. n al doilea pas se apas butonul Attach Files. Ca urmare fiierele sunt transferate de pe calculatorul local pe serverul de mail de la Yahoo unde sunt scanate mpotriva viruilor. Aceast etap poate dura destul de mult dac fiierele ataate au dimensiuni mari. Pasul trei realizeaz efectiv ataarea fiierelor la mesaj. Dup scanarea fiierelor n fereastra browserului va apare o pagin nou cu informaii privind starea fiierelor transferate. Se apas butonul Done din aceast pagin i browserul va rencrca pagina Compose, n care, de data aceasta, va fi afiat lista fiierelor ataate i mrimea lor. Pentru expedierea mesajului i fiierelor ataate se apas butonul Send. Dac n timpul operaiei de transfer a fiierelor se dorete abandonarea i revenirea la pagina Compose, se apas butonul Cancel din fereastr (lng butonul Attach Files) O copie a mesajului este pstrat n dosarul Sent dac aceast opiune a fost stabilit n opiunile generale ale contului. 3.2.2.2 Citirea mesajelor Pentru a citi mesajele sosite n contul creat, din pagina principal apsai butonul Check Mail sau facei click pe dosarul Inbox, figura 3.4. Se ncarc o pagin nou, cu aspectul din figura 3.6a. Fereastra conine n partea stng lista dosarelor care compun csua potal iar n partea dreapt un tabel cu mesajele primite. Fiecare linie din tabel este un mesaj, pe coloanele lui gsindu-se informaii cu privire la expeditor, subiect, data primirii i mrimea mesajului. Subiectele mesajelor necitite sunt afiate cu caractere aldine. Fcnd un click pe oricare subiect, n fereastr va fi afiat coninutul respectivului mesaj. Dac mesajul conine fiiere ataate, subiectul respectiv este precedat de o pictogram avnd aspectul unei agrafe de birou. Pentru a descrca pe calculatorul dumneavoastr fiierul (fiierele) ataat(e) facei clic pe agraf. Se va afia o pagin, cu aspectul celei din figura 3.6.b cu lista fiierelor ataate. Dac fiierele sunt de tip imagine ele vor fi afiate n fereastra care se deschide, n locul pictogramelor pentru fiierele generale.

a) b) Figura 3.6 a) Coninutul dosarului Inbox b) fiierele ataate pot fi salvate pe disc cu un click pe Scan and Download Attachment

41

Pentru a iniia transferul unuia din fiierele ataate facei click pe linkul Scan and Download Attachment din dreapta pictogramei fiierului sau imaginii coninute de acesta. Aceast aciune va declana scanarea fiierului de ctre programul antivirus de pe server iar rezultatul va fi afiat ntr-o pagin nou. Dac nu au fost detectai virui, pagina respectiv va afia un buton Download Attachment. Facei click pe acel buton i apoi, din fereastra de dialog care se deschide apsai butonul Save, figura 3.7a. Dac folosii alt browser dect Internet Explorer, fereastra de dialog poate avea alt aspect. n figura 3.7b este reprodus fereastra navigatorului Mozilla Firefox, pentru limba romn. n acest caz trebuie selectat butonul Salveaz pe disc i apoi apsai butonul OK.

a) b) Figura 3.7 Fereastr de dialog pentru salvarea unui fiier ataat: a) Internet Explorer b) Mozilla
Aceste ferestre au o caset de validare care determin acelai lucru dar au nume diferite. n fereastra IE, dac este validat caseta Always ask before opening this type of file atunci fereastra va aprea ori de cte ori se iniiaz transferul unui fiier ataat. Dac se debifeaz opiunea, atunci fiierele de tipul ultimului fiier transferat vor fi descrcate pe calculatorul local fr a mai aprea aceast fereastr. n cazul browserului Mozilla, dac se valideaz caseta F la fel pentru toate fiierele ca acesta automat de acum nainte, atunci transferul se va face fr apariia ferestrei. Pentru alte tipuri de fiiere dect cele pentru care s-a optat s nu mai apar fereastra, aceasta va fi afiat din nou i se poate seta opiunea din nou.

Dup apsarea butonului se va deschide o nou fereastr de dialog (ultima), asemntoare ferestrei Save As din editorul Word, de unde putei alege locul unde dorii s descrcai fiierul (discul, dosarul) i sub ce nume. 3.2.2.3 Rspunsul la un mesaj Pentru a rspunde expeditorului unui mesaj se procedeaz astfel: Avnd mesajul deschis se apas butonul Replay. Ca urmare se deschide fereastra Compose care are cmpul de adres To completat cu adresa expeditorului, cmpul Subject cu titlul original al mesajului precedat de cuvntul Re: n caseta de editare apare mesajul original. Editarea rspunsului se poate face att deasupra mesajului original ct i la sfritul lui. Metoda este comod i rapid comparativ cu editarea unui nou mesaj de rspuns unde cmpurile de adres destinatar (To) i titlu (Subject) trebuie completate manual. n plus, avnd mesajul original n fa este exclus posibilitatea de a rspunde altui mesaj sau altei persoane. n ceea ce privete includerea mesajului original n rspuns exist i posibilitatea includerii lui pariale sau de loc. Pentru aceasta activai legtura Mail Options din partea dreapt-sus a paginii principale a contului. Selectai din pagina care se deschide linkul Mail Accounts iar din noua pagin care se va deschide dup aceasta apsai butonul Edit, figura 3.8a. Pagina se va schimba i din pagina nou alegei, n seciunea Message Actions opiunea dorit n grupul butoanelor radio Replaying, figura 3.8b.

42

a)

b) Figura 3.8 a) pagina Mail Accounts i b) seciunea Message Actions din pagina General Preferences

Dac mesajul pe care l-ai primit a fost trimis i altor destinatari iar dumneavoastr dorii ca rspunsul la mesaj s fie primit de toat lumea, nu numai de expeditorul mesajului, apsai triunghiul din dreapta butonului Replay i alegei din meniu comanda Replay to Everyone. 3.2.2.4 Expedierea mai departe a unui mesaj primit Pentru a trimite un mesaj primit mai departe (se mai spune a nainta mesajul), altor destinatari, apsai butonul Forward din pagina n care este afiat mesajul. Ca urmare se deschide pagina Compose n care cmpul subiect este completat cu titlul original precedat de prescurtarea Fwd:. n cmpurile To, Cc i Bcc se completeaz adresele celor ce urmeaz s primeasc mesajul. n final apsai butonul Send. Mesajul poate fi naintat ca mesaj inclus n mesajul de naintare sau ca mesaj ataat acestuia din urm. Alegei ntre cele dou posibiliti apsnd triunghiul din dreapta butonului Forward i selectai din meniu comanda dorit. 3.2.2.5 Explorarea coninutului dosarelor csuei potale Dup cum am afirmat mai devreme csua potal este structurat n mai multe dosare sau compartimente. La Yahoo Mail acestea sunt afiate n parte stng a paginii principale a contului utilizatorului, n caseta Folders, figura 3.4. Dosarul Outbox nu exist i nici nu este necesar deoarece aplicaia funcionnd exclusiv online mesajele sunt expediate imediat ce se apas butonul Send. Apare ns un dosar specific, Bulk Mail, n care sunt dirijate acele mesaje care nu au fost solicitate.
Despre mesajele spam: prin metode mai mult sau mai puin cinstite diferite persoane fizice, companii, asociaii, etc. intr n posesia adreselor de e-mail ale utilizatorilor i apoi le trimit numeroase mesaje cu caracter publicitar sau de alt natur, mesaje care nu prezint interes i nu au fost solicitate de posesorul adresei. Yahoo dispune de un mecanism de filtrare a acestor mesaje (cunoscute sub numele de spam email) pe care le trimite direct n dosarul Bulk Mail pentru a nu ncrca dosarul Inbox cu ele. n anul 200, datorit nmulirii viruilor care circul prin Internet i citesc adresele de e-mail din calculatoarele utilizatorilor, numrul de spam-uri a atins cifre record, nemaintlnite, care au obligat companiile productoare de software pentru pot electronic i antivirus s ia msuri de contracarare a efectelor.

Activnd oricare din legturile cu numele dosarului, n partea dreapt va fi afiat lista cu mesajele coninute. 3.2.2.6 tergerea mesajelor Fiecare linie a listei cu mesaje are n partea stng o caset de validare. Pentru a terge unul sau mai multe mesaje se valideaz casetele din dreptul lor apoi se apas butonul Delete. Deoarece acumularea de mesaje n dosarele csuei potale poate duce la depirea capacitii maxime (contul Yahoo Free are, n anul 2004, o mrime de 250MB, de la 4MB ct avea n 2003) este 43

indicat ca periodic s fie terse mesajele mai puin importante sau care nu mai sunt de actualitate, din toate dosarele. Dosarul Trash poate fi golit de coninut cu un click pe legtura Empty Trash din pagina Inbox, figura 3.9.a. 3.2.3 Setarea opiunilor Utilizatorul are posibilitatea s stabileasc o serie de opiuni de configurare a potei electronice activnd legtura Mail Options din pagina principal, figura 3.4. Se va deschide pagina cu acelai nume care conine o list de opiuni sub form de legturi, pe trei coloane, cu un scurt text explicativ pentru fiecare dintre acestea. 3.2.3.1 Filtrarea Pentru a evita primirea unor mesaje nedorite, altele dect cele pe care le filtreaz implicit serverul, putei stabili un set de reguli pentru mesajele care ndeplinesc anumite criterii.

b) Figura 3.9 a) pagina Filters b) pagina pentru stabilirea criteriilor de filtrare Selectai linkul Filters din prima coloan i se va deschide pagina din figura 3.9a. Dac nu avei nici o regul stabilit anterior toate casetele din pagin vor fi goale. Apsai butonul Add pentru a adug o nou regul de filtrare. Se va deschide pagina Add Message Filter, figura 3.9b. Se atribuie un nume sugestiv pentru filtrul care se adaug, n caseta Filter Name. Condiiile care trebuie satisfcute se stabilesc cu ajutorul casetelor text derulante, casetelor text i casetelor de validare asociate elementelor constitutive ale oricrui mesaj (From header, To/Cc header, Subject, Body). Spre exemplu, multe spam e-mail-uri conin n titlu expresii de genul earn money sau win a prize. Pentru ca aceste mesaje s fie filtrate n caseta derulant Subject vei alege opiunea contains sau begins with iar n caseta test alturat cuvntul win. Din caseta text derulant Deliver message to: alegei un dosar n care s fie depozitate toate mesajele care ndeplinesc criteriul stabilit, de exemplu Trash sau oricare alt dosar pe care l putei crea special n acest scop. La apsai butonul Add Filter (nereprodus n figur din motive de spaiu). Repetai paii descrii dac este nevoie s introducei i a alte condiii, dup care revenii n pagina cu opiuni. Fiecare regul de filtrare apare n pagina Filters, n caseta din stnga sunt afiate numele filtrelor iar n caseta din dreapta regulile de filtrare pentru filtrul selectat n stnga. Orice regul poate fi modificat sau tears selectnd numele din caseta stng i apsnd, dup caz, butoanele Edit sau Delete. 3.2.3.2 Schimbarea parolei Este posibil modificarea parolei stabilite la crearea contului dac Mail Options activai linkul General Preferences. n partea stng vei gsi un link cu numele Account Information. Facei click pe el i vi se va solicita s tastai parola curent. Abia dup aceasta va fi afiat pagina pagina Review My Account Information care v permite prin linkul Change Password

a)

44

modificarea parolei. Vei fi solicitat s introducei vechea parol i noua parol, de dou ori. Apsai butonul Save pentru a salva noua parol. 3.2.3.3 Preferine Preferinele se refer la un set de reguli care privesc, ntre altele: numele utilizatorului care apare n header-ul mesajului expediat, ordinea de afiare a mesajelor dup data primirii, mrimea fonturilor, numrul maxim de mesaje afiate n aceeai pagin, limea ferestrei de editare i citire a mesajelor, etc. Pentru stabilirea acestor reguli se activeaz legtura Mail Options, selectai linkul General Preferences din seciunea Personalization. Se va deschide pagina cu acelai nume care conine un formular cu mai multe seciuni. Modificai cmpurile completate, dac dorii i selectai opiunile pe care le credei potrivite; la final apsai butonul Save. 3.2.3.4 Semntura Pentru a nu semna fiecare scrisoare n parte putei edita o semntur pe care putei opta s o includei la sfritul mesajului. Semntura poate conine, eventual, i o formul de salut. Aceast semntur se ataeaz numai acelor mesaje pentru care caseta de validare Use my signature din pagina Compose este activat. Pentru editarea semnturii activai legtura Signature din seciunea Personalization a paginii General Preferences. n caseta de editare tastai semntura, de exemplu Cu cele mai bune gnduri, Marius Georgescu. Salvai cu butonul Save. Sub caseta de editare exist o caset de validare Add signature to all outgoing messages. Dac se selecteaz aceast caset, n pagina Compose caseta de validare Use my signature va fi implicit selectat, ceea ce indic includerea semnturii. Dac nu se selecteaz caseta Add signature to all outgoing messages atunci caseta Use my signature este implicit neselectat i pentru includerea semnturii trebuie s o selectai dumneavoastr nainte de trimiterea mesajului. 3.2.4 Utilizarea agendei cu adrese Putei utiliza agenda cu adresele de e-mail i date personale ale persoanelor cu care corespondai. Utilizarea agendei v uureaz completarea cmpurilor To, Cc i Bcc. Pentru crearea agendei selectai tabela Adresses din partea superioar a paginii principale a contului utilizator.

Figura 3.10 Pagina Adresses n pagina care se deschide, figura 3.10, apsai butonul Add Contact i vi se va pune la dispoziie un formular n care se introduc numele, prenumele, adresele de e-mail i alte date personale ale persoanei de contact. La sfritul formularului apsai butonul Save sau Save and Add Another dac dorii adugarea unor noi persoane de contact. Dup salvarea coninutului agendei aceasta poate fi utilizat din fereastra Compose fcnd click pe oricare din legturile 45

To, Cc sau Bcc. Se deschide o fereastr Popup care conine lista persoanelor de contact. n dreptul fiecrei nregistrri din aceast list exist trei casete de validare corespunztoare celor trei containere To, Cc i Bcc. Validai casetele corespunztoare cmpului care trebuie completat pentru fiecare persoan din list creia dorii s i trimitei mesajul i apoi apsai butonul Insert Checked contacts. n fereastra Compose, n cmpurile selectate vor aprea numele persoanelor de contact selectate din agend. 3.2.5 Crearea unui cont POP3 pe serverul Easynet De regul conturile de e-mail cu acces POP3 sunt oferite de ISP n baza unui contract i a unui abonament. Inclusiv Yahoo ofer accesul la contul creat, cu protocol POP3, contra cost. Unii ISP ofer accesul la cont cu protocoale diferite, nct acelai cont poate fi accest att prin intermediul clienilor de e-mail cu unul din protocoalele POP3 sau IMAP ct i prin intermediul browser-elor web. Exist ISP care pun la dispoziie gratuit asemenea conturi cu acces POP3, ba mai mult, contul poate fi creat chiar de utilizator, care i alege username-ul i parola. n Romnia, un astfel de ISP este Easynet care pune la dispoziie un numr de telefon pentru o conexiune dial-up n toate judeele rii. Contul poate fi accesat prin Web sau printr-un client de e-mail i este activ pe timp nelimitat cu condiia de a fi accesat cel puin o dat la 60 de zile, n caz contrar este ters. Contul are mrimea de 15MB iar mrimea maxim a unui mesaj este de 5MB. Pentru crearea contului accesai pagina principal www.easynet.ro, facei click pe legtura email citii informaiile tehnice i termenii contractuali i apsai linkul Acept, dac suntei de acord cu acetia. Completai apoi formularul care vi se pune la dispoziie cu datele cerute i apsai butonul confirm. Notai-v numeutilizator i parola numrul de telefon la care rspunde serverul (pentru majoritatea judeelor rii acesta este 890123), numele pentru Incoming mail i Outgoing mail, adresa IP a serverului (acestea sunt invariabile). 3.3 Programul Outlook Express Programul face parte din pachetul Internet Explorer al firmei Microsoft ncepnd cu versiunea 4.0. Fiind conceput pentru SO Windows interfaa este bazat pe ferestre i conine toate elementele specifice unei ferestre Windows, bare de meniuri, de instrumente, de stare butoane i ferestre de dialog. Poate primi / trimite mesaje att n format text ct i HTML. Programul se lanseaz cu Start Programs Outlook Express. La prima lansare a programului se deschide o aplicaie wizard (vrjitor) care ghideaz utilizatorul n configurarea programului. Considernd c programul nu se afl la prima lansare vom descrie n cele ce urmeaz modul de declarare a unei noi identiti urmnd s punctm locul de unde paii ce urmeaz a fi fcui coincid cu cei ai aplicaiei wizard. Dar s facem mai nti o scurt prezentare a ferestrei principale. 3.3.1 Descrierea ferestrei principale Aspectul ferestrei principale este prezentat n figura 3.11 i poate fi modificat din meniul View. Spaiul de sub bara de instrumente este mprit in 4 cadre. n cadrul din stnga sus sunt afiate directoarele (dosarele) locale Inbox, Outbox, Sent Items, Deleted Items i Drafts. n cadrul din dreapta, sus, este afiat listata mesajelor din directorul selectat in primul cadru. n cadrul din stnga, jos, sunt listate persoanele de contact (agenda de contacte) , asemenea unei cri telefonice. n cadrul din dreapta, jos, este afiat coninutul mesajului selectat n cadrul de deasupra lui. Mesajele primite dar necitite, precum i mesajele scrise dar neexpediate, sunt evideniate prin caractere aldine (ngroate).

46

Figura 3.11 Aspectul ferestrei principale a programului Outlook Express De asemenea directorul care conine asemenea mesaje este, la rndul lui, evideniat cu caractere aldine i ca o informaie suplimentar, n dreapta lui este afiat ntre paranteze numrul mesajelor necitite sau neexpediate. Meniul View permite modificarea proprietilor de afiare. De exemplu, dac se alege Layout, apare fereastr de dialog din figura 3.12 care permite stabilirea aspectului ferestrei principale.

Figura 3.12 Fereastra Window Layout Properties permite modificarea aspectului ferestrei principale Fereastra este mprit n dou seciuni, Basic i Preview Pane. Astfel, dac se debifeaz caseta Contacts cadrul din stnga jos nu mai este afiat; dac se debifeaz Folder Bar nu se mai afieaz bara cu titlul dosarului selectat (Inbox n cazul figurii 3.11) i numele identitii. Prin apsarea butonului Customize Toolbar este posibil personalizarea barei de instrumente prin adugarea de butoane noi pe bara de instrumente i modificarea dimensiunii pictogramelor de pe aceast bar. Bara de instrumente poate fi ndeprtat dac se debifeaz caseta de validare Toolbar.

47

Dac se debifeaz opiunea Show preview pane din seciunea Preview Pane, cadrul de previzualizare (din dreapta jos a ferestrei principale) nu se mai afieaz. n cazul n care opiunea de afiare este selectat se poate alege poziia acestuia n raport cu cadrul listei de mesaje, sub acesta (Below messages) respectiv deasupra acestuia (Beside messages). Cadrul de previzualizare are un antet care conine expeditorul, destinatarul i subiectul mesajului. Dac se debifeaz caseta Show preview pane header acest antet nu mai este afiat. 3.3.2 Vizualizarea proprietilor unui mesaj Pentru vizualizarea proprietilor unui mesaj se selecteaz mesajul din lista de mesaje, se face click pe butonul drept al mouse-ului i din meniul contextual se alege Properties. Fereastra de proprieti are dou tabele, General i Details. Tabela General afieaz n prima seciune subiectul i expeditorul mesajului; n seciunea a doua informaii despre tipul, localiia i mrimea mesajului; n seciunea a treia nivelul de prioritate (un atribut al mesajului care se stabilete de ctre cel care expediaz mesajul), iar n ultima seciune data cnd a fost expediat i respectiv recepionat mesajul, figura 3.13a. Tabela Details furnizeaz informaii detaliate despre mesaj, cum ar fi adresele IP ale serverelor care au expediat i recepionat mesajul, serverele pe unde acesta a fost rutat precum i alte informaii mai mult sau mai puin folositoare unui utilizator obinuit, figura 3.13b.

a)

b) Figura 3.13 Fereastra de proprieti ale mesajului 3.3.3 Adugarea unei noi identiti

Din meniul File alegei opiunea Identities Add New Identity, figura 3.14a Se va deschide fereastra de dialog New Identity i n caseta text tastai un nume pentru noua identitate, figura 3.14b. Acest nume va aprea n lista de identiti i servete pentru a v putea repera identitatea n lista de identiti. Dac nu suntei singurul utilizator al calculatorului sau al clientului atunci e bine s protejai printr-o parol accesul altor utilizatori la identitatea pe care se tocmai o creai. Pentru aceasta selectai caseta Require a password i tastai o parol n casetele text New Password i Confirm Password puse la dispoziie n noua fereastr care se deschide. Parola pe care o tastai aici nu are nici o legtura cu parola pe care ai stabilit-o pentru accesarea contului. Aceast parol folosete doar pentru a mpiedica ali utilizatori s utilizeze clientul de e-mail n numele dumneavoastr. Dac nu vrei s memorai prea multe

48

parole, putei s utilizai aceeai parol pe care ai folosit-o la crearea contului, dar, reinei, acest lucru nu e obligatoriu.

a)

b) Figura 3.14 Primul pas n adugarea unei noi identiti

O parol este eficient dac conine cel puin 6 caractere, combinaie de litere i cifre. Are importan dac literele sunt scrise cu majuscule sau minuscule; se spune c parola este Case Sensitive. Apsai butonul OK din fereastra Password i apoi cel din fereastra New Identity. Se deschide o fereastr de dialog, Identity Added. Apsai butonul Yes pentru a comuta programul pe noua identitate creat, figura 3.15.

Figura 3.15 Pentru comutarea clientului pe noua identitate apsai Yes Din acest moment paii sunt identici cu cei ai aplicaiei wizard care se lanseaz la prima deschidere a programului, cnd nu este disponibil nici o identitate. Aceti pai permit configurarea clientului de e-mail pe identitatea dumneavoastr astfel ca el s poat comunica cu serverul de e-mail care v gzduiete contul. Noua fereastr de dialog care se deschide cere introducerea numelui de utilizator care va aprea n antetul tuturor scrisorilor expediate sub identitatea creat, figura 3.16.

Figura 3.16 Prima fereastr a aplicaiei wizard de configurare a Outlook Express

49

A nu se confunda numeutilizator care este parte a adresei de e-mail cu numele utilizatorului care poate fi numele real al utilizatorului sau un pseudonim. Dup aceasta apsai butonul Next. Urmtoarea fereastr v permite introducerea adresei de email de care dispunei, sau permite crearea unui cont de e-mail pe serverul Hotmail. n cele ce urmeaz vom configura clientul de e-mail pentru contul creat la Easynet, aa cum s-a artat mai devreme. n caseta text E-mail address: introducei adresa de e-mail creat la Easynet, de exemplu mtjuly@easynet.ro i apoi se apas butonul Next, figura 3.17.

Figura 3.17 Tastai adresa pe care ai creat-o pe Easynet. Completarea casetelor din fereastra urmtoare se face pe baza informaiilor oferite de ISP: tipul serverului (POP3, IMAP sau HTTP) i numele serverelor pentru mesajele primite i expediate. De regul serverele sunt de tip POP3, mai rar IMAP. n multe cazuri serverul de e-mail are numele subdomeniului "mail", de exemplu mail.xnet.com dar aceasta nu este o regul. n cazul nostru informaiile sunt extrase din pagina Web de nregistrare ca utilizator de e-mail la Easynet, figura 3.18.

Figura 3.18 Introducerea numelui serverului de e-mail Apsai butonul Next pentru a trece la ultima fereastr din procesul de configurare a clientului pe noua identitate, figura 3.19. n caseta text Account name: introducei numeutilizator, numele de utilizator pe care l-ai ales la crearea contului. Ca o excepie, n cazul contului creat la Easynet, numeutilizator conine i extensia @easynet.ro, dar n general acest lucru nu este necesar. n caseta text Password: se introduce parola aleas pentru contul creat.

50

Figura 3.19 n ultima fereastr wizard comunicai clientului de e-mail numeutilizator i parola pe care acesta le va folosi n procesul de conectare la server Dac n fereastra din figura 3.19 selectai opiunea Remember Password atunci, la fiecare conectare cu serverul pentru citirea sau expedierea mesajelor, nu va mai fi necesar introducerea manual a parolei, programul furniznd automat serverului parola memorat. n sfrit, dup apsarea butonului Next primii un mesaj de felicitare, dac ai parcurs paii corect, i apsai butonul Finish din fereastra de dialog. Acum se deschide fereastra principal a Outlook Express, n identitatea dumneavoastr, figura 3.20. V convingei de aceasta citind bara de titlu a ferestrei unde, dup numele clientului de e-mail este afiat numele identitii sub care funcioneaz clientul. Dosarul Inbox conine un mesaj de ntmpinare din partea Microsoft.

Figura 3.20 Configurarea clientului de e-mail este (aproape) terminat Pentru a putea folosi clientul de e-mail mai trebuie fcute cteva setri: Din meniul Tools selectai Accounts i apoi tabela Mail, figura 3.21. Apsai butonul Properties iar n tabela General, n caseta text cu numele propus pentru cont se tastai un nume sugestiv, de exemplu EASY. n tabela Servers valideai caseta My server requires autentification, figura 3.21a iar n tabela Connection, figura 3.21b, alegei conexiunea prin care s se realizeze legtura cu serverul.

51

Figura 3.21 Setarea proprietilor contului Dac nu exist nici o conexiune disponibil atunci caseta derulant nu va conine nici un articol i conexiunea trebuie creat. Chiar dac exist alte conexiuni ctre alte servere de Internet care ar putea fi folosite, este bine s se creeze o conexiune direct cu serverul de e-mail Easynet pentru c viteza de transmitere a mesajelor este mai mare printr-o conexiune direct. Sunt mai multe posibiliti de creare a unei conexiuni i vom descrie n continuare pe cea care pleac din punctul unde am rmas cu configurarea programului.

a) b) Figura 3.22 a) Setarea numelui serverului i b) a conexiunii implicite ce va fi folosit 3.3.4 Crearea unei conexiuni Dial-up Pentru crearea unei conexiuni de tip dial-up (prin modem i linie telefonic) parcurgei urmtorii pai: n tabela Connection selectai caseta Allways connect to this account using Apsai butonul Add n fereastra de dialog Make New Connection introducei un nume pentru noua conexiune, de exemplu mail, figura 3.23a. Apsai butonul Next n caseta Area code introducei prefixul judeului (opional dac telefonul la care serverul rspunde este n acelai jude cu utilizatorul) iar n caseta Telephone number 52

numrul de telefon la care rspunde serverul, figura 3.23b. n toate judeele, cu excepia municipiului Bucureti, acest numr este 890123. Apsai Next n fereastra urmtoare apsai Finish Ca urmare n fereastra din figura 3.22b va apare selectat ca i conexiune implicit noua conexiune, adic mail. n continuare se procedeaz la setarea conexiunii care tocmai a fost creat: apsai butonul Settings din tabela Connection dup care:

a) b) Figura 3.23 a) Atribuirea unui nume conexiunii nou create b) Setarea numrului de telefon la care se va face apelul telefonic n vederea conectrii n fereastra deschis, tabela General debifai caseta Use area code and Dialing Properties dac numrul la care rspunde serverul se afl n aceeai localitate sau acelai jude, figura 3.24a

a)

b) Figura 3.24 Ferestrele de configurare a conexiunii

n tabela Server Types, figura 3.24b selectai n caseta text Type of Dial-Up Sever PPP: Internet, Windows NT Server, Windows98

53

 Debifai casetele Log on to network NetBEUI i IPX/SPX Compatible. n felul acesta programul nu va ncerca s se conecteze la o reea local i nu va folosi protocoalele NetBEUI i IPX/SPX care sunt protocoale LAN Apsai butonul TCP/IP Stettings pentru a seta protocolul TCP/IP n fereastra de dialog cu acelai nume selectai butonul radio Specify name server address n cmpul Primary DNS introducei adresa IP a serverului de nume de domeniu, DNS, figura 3.25. Apsai butonul OK, apoi nchidei succesiv toate ferestrele, cu butoanele OK, pn cnd pe ecran rmne doar fereastra principal.
O conexiune se poate crea i altfel. Pentru Windows 98 sau Me, din My Computer alegei Control Panel i apoi Dial-Up Networking. Din fereastra care se deschide facei dublu click pe pictograma Make New Connection. Se deschide fereastra din figura 3.22a, dup care continuai cu paii enumerai mai sus. Dup apsarea butonului Finish alturi de pictograma Make New Connection apare o nou pictogram cu numele pe care l-ai atribuit conexiunii. Pentru setarea proprietilor conexiunii facei click pe butonul drept al mouse-ului deasupra pictogramei i din meniul contextual alegei Properties. Ca urmare se deschide fereastra din figura 3.23a dup care continuai cu paii descrii anterior. Pentru a simplifica configurarea clientului Outlook Expres recomand crearea conexiunii nainte de a ncepe crearea noii identiti. n felul acesta cnd se ajunge la pasul din figura 3.22b, numele conexiunii apare deja n caseta text derulant, urmnd a fi doar selectat. Acest mod de creare a unei conexiuni se folosete pentru a crea orice conexiune ctre un ISP, inclusiv pentru acces Internet. Pentru a asigura funcionarea conexiunii trebuie cunoscute setrile necesar a fi fcute dup modelul de mai sus. Aceste setri sunt puse la dispoziie de ISP, de regul dup ncheierea contractului de furnizare de servicii.

Figura 3.25 Specificarea adresei IP a serverului de nume de domeniu DNS

Cu aceste setri fcute programul este gata pentru a fi folosit pe conexiunea creat. Spre deosebire de Web e-mail care poate fi folosit doar n prezena unei conexiuni permanente la Internet, clienii de e-mail, deci i Outlook Express, pot lucra offline. Aceasta nseamn c mesajele se pot compune, oricte la numr, fr a avea stabilit o conexiune cu serverul. Dup ce mesajele au fost scrise se stabilete conexiunea, se expediaz mesajele, se citesc (eventual) mesajele primite care ateptau pe serverul de e-mail al ISP. Pentru a mpiedica conectarea la deschiderea programului Outlook Express trebuie fcute cteva setri: n fereastra principal, din meniul Tools selectai Options.

Din tabela General, seciunea Send / Receive Messages debifai caseta Send and receive messages at startup iar n caseta derulant If my computer is not connected at this time selectai opiunea Do not connect. Din tabela Send debifai caseta Send messages imediately 3.3 5 Compunerea unui mesaj nou Pentru a scrie i expedia un mesaj facei click pe butonul New Message i se deschide fereastra de editare a mesajului din figura 3.26, care este destul de asemntoare cu fereastra de editare a paginii Compose din Yahoo mail. n cmpul To: completai adresa de e-mail a destinatarului (destinatarilor dac sunt mai muli, separate prin punct i virgul). 54

Dac scrisoarea trebuie expediat i altor destinatari, spre informare de exemplu, n cmpul Cc: (Carbon Copy, copie la indigo) completai adresele acestor destinatari. n cmpul Subject scriei subiectul mesajului. Dac nu completai acest cmp, la expedierea scrisorii vei primi un mesaj de avertizare despre lipsa subiectului. Scriei coninutul scrisorii n cmpul rezervat de sub bara de instrumente de formatare a textului. Un alt mod de completare a cmpurilor To i Cc este executarea unui click pe pictograma agendei care precede denumirea cmpului. Se deschide o list de contacte din care selectai persoana creia i este adresat scrisoarea, apsai butonul TO:-> apoi OK.

Figura 3.26 Fereastra de editare a mesajului. Prin folosirea acestui mod de completare, prin intermediul agendei de adrese, n cmpurile To, Cc sau Bcc nu vor aprea adrese de e-mail ci numele persoanelor, aa cum se afl ele introduse n agenda cu adrese. Putei ataa fiiere la scrisoare dac facei click pe butonul Attach de pe bara de instrumente. Se deschide o alt fereastr care v permite rsfoirea tuturor unitilor de disc locale sau din reeaua local (care sunt puse la dispoziie, desigur) i selectarea fiierului de ataat. Cnd scrisoarea este gata putei efectua o verificare gramatical dac apsai butonul Spelling. Setarea limba n care se face verificarea alegnd din meniul Tools al ferestrei principale opiunea Options apoi tabela Spelling. n caseta text autoderulant Language alegei limba dorit. Ultimul pas const n trimiterea scrisorii n dosarul Outbox, prin apsarea butonului Send. Fereastra de editare se nchide i se revine la fereastra principal. Dac s scriei n continuare i alte mesaje o putei face aa cum am artat. Cnd ai terminat de scris toate mesajele, n cadrul Folders al ferestrei principale dosarul Outbox va aprea cu caractere aldine iar n parantez numrul de mesaje coninute. 3.3.6 Expedierea mesajelor Pentru trimiterea efectiv a mesajelor apsai pe triunghiul din dreapta butonului Send/Recv de pe bara de instrumente a ferestrei principale. Se deschide o list din care alegei Send All. Dac pn n acel moment ai lucrat offline se va deschide fereastra Dial-up Connection, figura 3.27. Fereastra v permite s alegei conexiunea pe care dorii s o utilizai n cmpul Connect to: (dac exist mai multe conexiuni disponibile). n caseta text User name va apare numeutilizator iar n caseta Password va trebui s tastai parola (dac nu ai optat pentru memorarea acesteia la configurare). Dac calculatorul este deja conectat la reeaua Internet, mesajele sunt expediate fr a mai aprea aceast fereastr. 55

Figura 3.27 Pentru conectare apsai butonul Connect

Apsnd butonul Connect modemul formeaz numrul de telefon stabilit pentru conexiunea aleas iar dac serverul rspunde, dup circa 2030 de secunde necesare sincronizrii ntre modemul local i cel al serverului, se iniiaz transferul mesajului.Pe perioada formrii numrului de telefon i a sincronizrii, n caseta de sub butonul Connect sunt afiate informaii cu privire la starea procesului. Dup sincronizare fereastra Dial-up connection se nchide i rmne o fereastr ca cea din figura 3.28 care indic aciunea n curs i stadiul ei. Odat nceput transferul, bara care indic stadiul se coloreaz progresiv n albastru, devenind complet albastr la terminarea transferului, cnd dosarul Outbox este golit. Validarea casetei Hang up when finished determin ntreruperea conexiunii la terminarea transmisiei mesajului sau mesajelor, dac sunt mai multe.

Figura 3.28 Fereastra de stare a transmiterii mesajului 3.3.7 Recepionarea mesajelor Pentru recepionarea mesajelor alegei opiunea Receive All din lista derulant Send/Recv. Se deschide din nou fereastra de conectare, figura 3.27 i se apas Connect. Se deschide o fereastr ca cea din figura 3.29 care permite monitorizarea citirii corespondenei i care afieaz aciunea n curs i stadiul ei, prin umplerea barei orizontale din partea inferioar a ferestrei. Dac dorii mai multe detalii asupra strii legturii apsai butonul Details. Dup umplerea barei fereastra dispare i toate mesajele au fost transferate de pe server n dosarul local Inbox. Pentru citirea mesajelor facei click pe dosarul Inbox din cadrul stnga sus al ferestrei principale.

Figura 3.29 Fereastra de stare la recepionarea mesajelor

56

Titlurile mesajelor intrate i necitite sunt afiate n partea dreapt cu caractere aldine. n cadrul Preview se poate citi coninutul mesajului selectat n cadrul de deasupra. Executnd un dublu click pe unul din titlurile mesajelor din Inbox se deschide o fereastr separat care conine mesajul. Dup citirea mesajului titlul su va apare cu caractere normale. 3.3.8 Rspunsul la un mesaj (Replay) Pentru a rspunde la un mesaj selecteai titlul mesajului din cadrul din dreapta sus i apsai butonul Replay de pe bara de instrumente. Se deschide fereastra de editare n care cmpul To este completat automat cu adresa expeditorului. Dup editarea textului de rspuns apsai butonul Send din fereastra de editare. Putei opta ca mesajul primit s fie inclus sau nu n scrisoarea de rspuns; pentru acesta selectai meniul Tools Options Send i bifai caseta "Include message in reply". Replay All funcioneaz ca i Replay cu deosebirea c mesajul de rspuns este trimis tuturor celor care au primit mesajul iniial. 3.3.9 Trimiterea unui mesaj primit altor persoane (Forward) Selectai titlul mesajului pe care dorii s l trimitei mai departe i apsai butonul Forward. Se deschide fereastra de editare care conine mesajul primit; completai cmpurile To i Cc aa cum s-a artat mai nainte. Apsai butonul Send pentru a trimite mesajul. 3.3.10 Fiiere ataate Outlook Express permite trimiterea i recepionarea de fiiere ataate scrisorii. Pentru trimiterea unui fiier ataat la o scrisoare apsai butonul Attach din fereastra de editare (New message). Prin intermediul unei ferestre de dialog avei posibilitatea s rsfoii discurile sau dosarele pe care le avei la dispoziie (din calculatorul propriu sau din reea), figura 3.30. Putei selecta concomitent mai multe fiiere dup care apsai butonul Attach. Fereastra se nchide i se revine n fereastra de editare. Sub caseta Subject va apare un nou cmp n care sunt afiate, sub form de pictograme, toate fiierele ataate cu specificarea dimensiunii lor. Pentru expediere procedai aa cum s-a artat anterior. Atunci cnd primii un mesaj ce conine fiiere ataate, n lista de mesaje din directorul Inbox, pe coloana corespunztoare marcatorului de fiiere ataate (sub butonul agraf), n dreptul mesajului respectiv apare pictograma unei agrafe de birou.

Figura 3.30 Dup selectarea fiierului sau fiierelor dorit(e) se apas butonul Attach Dac selectai mesajul cu ajutorul mouseului sau sgeilor de pe tastatur, pe bara header apare de asemenea semnul agraf, figura 3.31.

57

Figura 3.31 Astfel se semnalizeaz prezena unor fiiere ataate unei scrisori Deschiderea fiierelor primite se poate realiza n mai multe moduri: 1) din fereastra mesajului deschis deschidei mesajul prin dublu click pe mesaj dublu click pe pictograma fiierului ataat din caseta Attach. Dac exist n computer instalat un program care s poat deschide respectivul fiier, atunci acesta va fi deschis. De exemplu, pentru deschiderea fiierelor cu extensia .doc trebuie s existe instalat Word sau WordPad, pentru fiiere cu extensia .jpg trebuie s existe un program de prelucrare grafic (Paint, Kodak Imaging for Windows, Microsoft Photo Editor, etc.) 2) de pe bara header facei click me butonul drept al mouse-ului avnd cursorul poziionat pe pictograma agraf de pe bara header; se desfoar o list cu toate fiierele ataate urmat de butonul Save Attachments, figura 3.32. facei click pe oricare din pictogramele fiierelor ataate; se va deschide o fereastr de dialog care v permite s alegei unde anume dorii s salvai fiierul i sub ce nume. Dac dorii s salvai toate fiierele odat apsai pe butonul Save Attachments. Se va deschide o fereastr de salvare asemntoare celei din cazul anterior, excepie fcnd faptul c nu putei modifica numele fiierelor. Dup salvare fiierele se deschid prin metodele cunoscute din Windows. n legtur cu utilizarea fiierelor ataate este recomandat ca acestea s nu fie de mari dimensiuni pentru c, pe de o parte ocup mult spaiu pe server iar pe de alt parte, pe durata transferului fiierului ntre client i server acesta din urm i dedic o perioad mare de timp activitate acestei cereri. Cnd un ISP pune la dispoziia utilizatorului un cont de eFigura 3.32 Executnd click pe agrafa mail comunic i spaiul alocat pe harddiscul serverului, de obicei 500KB, dar i mai mult pentru de pe bara header se deschide lista tarife corespunztor mai mari. fiierelor ataate Arhivai fiierele mari crend o singur arhiv pentru toate fiierele ataate. Reducei astfel spaiul ocupat pe server ca i timpul de transfer.

58

3.3.11 Agenda de adrese Agenda de adrese se poate crea rapid fcnd un click pe butonul Addresses de pe bara de instrumente a ferestrei principale. Se deschide o fereastr care seamn destul de mult cu cea de editare contacte din Yahoo mail. Pentru introducerea unei persoane noi n agend apsai butonul New din fereastra Addresses Book, alegei Contact din meniu i apoi n fereastra care se deschide, n fiecare tabel, completai cmpurile cu datele cerute. Apsai butonul OK i se nchide fereastra Addresses Book. 3.3.12 Opiuni n configurarea clientului Outlook Express Din meniul Tools Options se pot stabili o serie de opiuni n ceea ce privete funcionarea programului Outlook Express. Cele mai importante vor fi prezentate n continuare. Tabela General, figura 3.33, stabilete cteva preferine grupate n 3 seciuni, de ordin general, cu privire la expedierea /recepionarea mesajelor i setarea clientului de mesagerie implicit.

Figura 3.33 Tabela General din meniul Options Sunt utile urmtoarele opiuni din aceast tabel: Play sound when new message arrives (emite un sunet cnd sosete un nou mesaj), util mai ales cnd se lucreaz online iar clientul de email este activ dar minimizat Send and receive message at startup (trimite i recepioneaz mesaje la pornire). La deschiderea Outlook Express se produce conectarea la server pentru trimiterea i citirea corespondenei. Cnd v conectai prin linie telefonic (Dial-up) este de preferat s nu validai aceast opiune deoarece la pornire apare fereastra pentru conectare care trebuie nlturat manual dac dorii conectarea n momentul respectiv n cazul unei conexiuni permanente la Internet este util i urmtoarea opiune, Check for new messages every (verific mesajele noi la fiecare.). Ca utilizator avei posibilitatea s stabilii numrul de minute dup care s se fac verificarea csuei de pe server. Dac validai aceast opiune devine activ caseta text derulant de sub ea care are, la rndul ei, trei opiuni privitor la conectarea la serverul de mail. Dac accesai serviciul prin Dial-up selectai opiunea Do not connect. Dup realizarea conectrii, opiunea de verificare periodic a mesajelor devine activ

59

 When starting go directly to my Inbox folder. Dac este validat aceast opiune, la pornirea programului va fi afiat coninutul dosarului Inbox, fcnd mai uoar identificarea mesajelor noi intrate. Ultima seciune permite stabilirea clientului Outlook Express drept client de pot electronic implicit, n cazul cnd pe calculator sunt instalate mai multe astfel de programe. Tabela Read. Cea mai important opiune este cea cu privire la setarea fonturilor folosite la afiarea mesajelor primite (stil, mrime, set caractere). Tabela Send, figura 3.34 are mai multe opiuni utile:

Figura 3.34 Opiunile disponibile n tabela Send Save copy of sent messages in Sent Items folder (salveaz o copie a mesajelor trimise n dosarul Sent Items) Send messages imediately (trimite mesajele imediat) este util cnd se lucreaz online iar fiecare mesaj scris este expediat imediat la apsarea butonului Send din fereastra de editare, fr a mai fi depozitat n dosarul Outbox. Automatically put people I reply to in my Adress Book (adaug automat n agenda mea pe cei crora le rspund) trebuie utilizat cu precauie deoarece poate ncrca excesiv lista persoanelor de contact, mai ales cnd se primesc scrisori cu reclame sau cu informaii comerciale. Automatically complete e-mail adresses when composing (Completeaz automat adresa de e-mail n timp ce o scriu) folosete la completarea automat a adresei de e-mail n casetele To i Cc, n timpul tastrii lor, dac adresele respective se afl n lista persoanelor de contact. Include message in replay (include mesajul n rspuns), specific dac mesajul original se include sau nu n scrisoarea de rspuns atunci cnd se face Replay. Replay to messages using the format in which they were sent (Rspunde mesajelor n formatul n care acestea au fost primite). Aceast opiune are legtur cu opiunile care urmeaz. Programul Outlook Express permite trimiterea i recepionarea scrisorilor att n format text ct i n format HTML, ca i o pagina Web. Formatul n care se face expedierea se stabilete din grupul de opiuni Mail Sending Format. Opiunea de fa specific s se respecte formatul unui mesaj primit atunci cnd se rspunde cu Replay, deoarece este

60

posibil ca cel care a trimis mesajul s nu poat citi mesaje n format HTML dac a expediat scrisoarea n format text. n seciunea Mail sending format se poate stabili formatul mesajului, simplu text (Text) sau formatat (HTML). Tabela Signature, permite editarea uneia sau mai multor semnturi care s fie inserate n mesaj funcie de mprejurri (scrisoare oficial, amical, de felicitare, etc.). Tabela Connection, are dou casete de validare: Ask before switching dial-up connections se valideaz dac exist mai multe conturi care folosesc conexiuni diferite. Dac se dorete verificarea corespondenei dintr-un cont de pe alt server dect cel pentru care s-a stabilit conexiunea, atunci, nainte de a comuta conexiunea apare o fereastr de dialog care atrage atenia asupra acestui lucru. Este posibil accesarea celuilalt cont pstrnd conexiunea Dial-up iniial dar aceasta presupune o conexiune full-Internet. Hang up after sending and receiving nchide conexiunea Dial-up dup transferarea mesajelor la i dinspre server. Este util pentru c limiteaz la minim timpul de conectare i se evit pstrarea conexiunii dac nu mai este necesar. Alt opiune important se refer la stabilirea unui set de reguli pentru mesajele primite. Este un sistem de filtrare a mesajelor, asemntor celui descris la Yahoo mail, dar mult mai puternic deoarece ISPul nu este, n general, preocupat s filtreze mesajele clienilor. Pentru setarea regulilor, din meniul Options selectai Message rules i apoi Mail. n fereastra care se deschide specificai condiia sau condiiile i aciunea, respectiv aciunile pentru fiecare condiie. Fiecare set de reguli (condiie-aciune) poate fi salvat sub o denumire i pot fi create mai multe asemenea seturi de reguli, sub denumiri diferite. Concluzii n finalul acestui capitol putem trage cteva concluzii despre pota electronic. n forma Web-email serviciul este extrem de uor de folosit, putnd fi accesat de pe orice calculator care este conectat la Internet, din orice col al lumii. Nu necesit cunotine deosebite pentru a crea i configura csua potal, utilizatorul fiind ghidat pas cu pas n aceste procese. n plus, sunt foarte multe companii care ofer acest serviciu gratis. Dezavantajul const n faptul c citirea mesajelor se face online, ceea ce poate aduce costuri suplimentare dac taxarea la ISP i la linia telefonic se face dup durata de conectare. De asemenea, pstrarea contului este condiionat de accesarea lui periodic, la un interval de circa 30 zile. Pota electronic care utilizeaz clieni de E-mail este ceva mai greu de configurat, iar contul este creat, de regul, de ctre administratorul serverului, contra cost. Durata lui este condiionat de plata abonamentului. Dac corespondena trebuie citit de pe alt calculator, setrile trebuie fcute din nou pe calculatorul respectiv, eventual prin adugarea unei noi identiti. Dac respectivul calculator se afl n alt jude sau alt ar dect ISPul, folosirea clientului de e-mail pate fi total neavantajoas. n schimb corespondena poate fi citit offline (n cazul protocolului POP3), linia telefonic fiind ocupat doar pe durata transferului de date. Mai trebuie spus c clienii de e-mail prelucreaz mai bine fiierele ataate dect programele bazate pe Web care, n suficient de multe cazuri fie nu afieaz fiierele imagine, fie nu permit descrcarea fiierelor ataate. Dicionar de termeni POP3 (Post Office Protocol - versiunea 3) este un protocol de E-mail care stocheaz scrisorile primite pe adresa utilizatorului pe serverul de e-mail al ISP. Utilizatorul poate folosi orice client de e-mail dorete, cu condiia ca acesta s accepte acest tip de protocol. La conectarea cu 61

serverul, de obicei pe linie telefonic printr-o conexiune Dial-up, scrisorile sunt transferate de pe server pe calculatorul utilizatorului iar scrisorile expediate sunt dirijate de server spre adresele din antetul fiecrei scrisori. Dup transferul de mesaje conexiunea se poate ntrerupe. Este cel mai rspndit mod de utilizare a e-mail-ului. IMAP (Internet Message Access Protocol) este un alt protocol de e-mail care permite citirea scrisorilor de pe serverul aflat la distan ca i cnd s-ar afla pe propriul calculator. Spre deosebire de POP3 care poate fi privit ca un protocol de tipul "stocheaz i trimite mai departe", IMAP lucreaz ca un sever de fiiere la distan. HTTP (HyperText Transfer Protocol) este un protocol specific serviciului web prin care se transmit date n format HTML. SMTP (Simple Mail Transfer Protocol), protocol folosit pentru transmiterea mesajelor electronice de la client la serverele de e-mail precum i ntre serverele de e-mail. ntrebri de verificare 1. Protocoalele folosite pentru e-mail sunt: a) HTTP i FTP b) HTTP i POP3 c) IMAP, POP3, SMTP Conexiunea dial-up este: a) conexiunea prin modem i linie telefonic b) conexiunea cu un server aflat la distan c) mod de conectare a unui LAN la un server Dosarele care alctuiesc csua potal pot fi: a) numai locale b) locale i pe server c) numai pe server Dosarul Inbox pstreaz a) Mesajele primite b) Mesajele compuse dar neexpediate c) Mesajele compuse Adresa de e-mail a destinatarului se completeaz n cmpul: a) Subject b) Cc sau Bcc c) To Outlook Express poate prelucra mesaje n format: a) Text b) HTML c) Ambele ntr-o scrisoare de rspuns mesajul original este: a) inclus automat b) nu este inclus sau inclus cu maxim 200 de linii c) inclus la opiunea utilizatorului Apsarea butonului Send din fereastra de editare determin:

2.

3.

4.

5.

6.

7.

8.

62

a) Expedierea imediat a mesajului b) Expedierea mesajului sau depunerea lui n dosarul Outbox funcie de setarea clientului de e-mail c) Depunerea lui n dosarul Outbox Probleme propuse 1. Care este deosebirea dintre Web-e-mail i POP3 e-mail? 2. Care este deosebirea ntre e-mail-ul format text i format HTML? 3. Cum se procedeaz pentru a nu include mesajul original ntr-o scrisoare de rspuns, n Yahoo mail i n Outlook Express? 4. Cum se poate face completarea cmpurilor To i Cc din fereastra de editare? 5. De unde se seteaz, n Outlook Express, opiunea de deconectare la terminarea transferului ntre server i client?

63

4. Transfer de fiiere FTP

Rezumat: n acest capitol este prezentat serviciul FTP care permite transferul fiierelor pe Internet nttre server i client i invers. Vei nva s folosii acest serviciu conectndu-v la server prin intermediul unui client bazat pe linii de comand i al unuia cu interfa grafic.

FTP- File Transfer Protocol - nseamn, n limba englez, Protocol pentru Transfer de Fiiere. Prin intermediul lui se pot transfera fiiere, ASCII i binare, ntre serverele de fiiere din Internet i orice calculator conectat la Internet, se pot terge, redenumi, muta i copia fiiere pe server. Serverul FTP este un calculator care ruleaz un program server pentru transfer de fiiere, la care se pot conecta clienii din reea. Transferul de fiiere se poate face i prin intermediul protocolului HTTP, de pe server la client putndu-se realiza simplu, prin intermediul unui link, dar transferul invers necesit o interfa utilizator special proiectat. Transferul prin HTTP este mai anevoios din punct de vedere al utilizatorului i ridic cteva probleme pe care protocolul FTP le elimin; de exemplu, transferul unui fiier HTML cu un link ntzr-o pagin web nu se poate realiza cu un click pe link deoarece activarea acestuia duce la deschiderea documentului. Pentru transfer bidirecional se poate utiliza aplicaia ftp.exe din directorul Windows (sisteme de operare Windows 9x). Aceasta presupune, ns, cunoaterea comenzilor care se introduc n linia de comand, similar comenzilor DOS, ceea ce face aplicaia destul de neprietenoas, iar pentru cei nefamiliarizai chiar inaccesibil. nainte de a trece la prezentarea modului de lucru trebuie fcute cteva observaii n legtur cu conectarea la un server prin protocolului FTP. Ca n toate cazurile de conectare la un alt calculator i n acest caz sunt necesare un nume de utilizator i o parol. Sunt ns multe servere FTP care permit conectarea oricrui vizitator ca anonymous, ceea ce d acces la o parte din resursele sistemului i nu permite dect transfer unidirecional, de la server la utilizator (download). Ca nume de utilizator este folosit cuvntul anonymous iar ca parol se folosete adresa de e-mail. n anumite situaii, cum ar fi administrarea unui site web de la distan, administratorul sistemului pune la dispoziia utilizatorului numele de utilizator i parola ceea ce permite i transferul de la utilizator la server (upload) precum i tergerea, redenumirea, mutarea fiierelor, crearea de noi dosare pe server. Aceste operaii pot fi fcute doar n limita spaiului i numai n directorul pus la dispoziie de administrator (n limita drepturilor acordate). Administratorul serverului FTP are drepturi depline asupra ntregului sistem, putnd introduce restricii sau acorda drepturi utilizatorilor conectai la server. 4.1 Utilizarea aplicaiei FTP din Windows nainte de a trece la explicarea modului de folosire a acestei aplicaii vom face cteva convenii: numele comenzilor din text sunt scrise ntre simbolurile < > pentru a fi evideniate n raport cu restul textului. Evident, atunci cnd comenzile se folosesc efectiv, ele se introduc n linia de comand fr semnele grafice respective. De asemenea forma prompterului sau anumite cuvinte cheie care se introduc n comunicarea cu serverul sunt plasate ntre ghilimele. Modul de utilizare este exemplificat pe serverul FTP al Universitii tefan Cel Mare din Suceava, dar el este valabil pentru orice alt server FTP. Exemplul se refer la cutarea i descrcarea pe calculatorul local, n directorul Downloads de pe discul C, a unui fiier care se afl pe server n directorul f-prot, pe calea \pub\antivir\f-prot. Presupunem c nu se cunoate calea, localizarea fiierului fcndu-se prin schimbarea succesiv a directoarelor de pe server i listarea coninutului acestora. Pentru nceput deschidei o fereastr DOS i introducei n linia de comand comanda <ftp>. Prompterul DOS se schimb n ftp>. Tastai comanda de conectare cu serverul <open 64

ftp.usv.ro>. Serverul va rspunde cu un mesaj de ntmpinare dup care solicit introducerea numelui utilizator. Ca utilizator anonim tastai anonymous. Serverul solicit apoi parola. Cnd conectarea se face ca utilizator anonim, locul parolei este inut de o adresa de e-mail valid. Tastai n linia de comand, dup Password:, adresa dumneavoastr de e-mail. Dac conectarea a reuit atunci este afiat un mesaj de confirmare urmat de prompterul ftp>. Pentru a afia coninutul directorului rdcin se tastai comanda <dir>, ca n DOS. Pe ecran este afiat coninutul acestuia. n exemplul considerat directorul rdcin conine ase directoare. S explicm ce nseamn fiecare element listat n liniile afiate de comanda <dir>. Pe prima coloan este afiat o secven de 10 caractere n forma trwxrwxrwx. Primul caracter reprezint tipul fiierului: dac fiierul este un director (sun ciudat pentru un utilizator de Windows, dar pentru sistemele de operare Unix sau Linux aceasta este terminologia) atunci pe prima poziie din ir este afiat litera d, dac este un link ctre alt fiier va fi afiat litera l iar dac este un fiier propriu-yis este afiat cratima -. Urmtoarele 9 caractere sunt mprite n trei grupe care afieaz permisivitile fiierului pentru trei categorii de utilizatori. Primele 3 caractere indic permisiunile proprietarului fiierului, urmtoarele 3 caractere pe cele ale grupului din care face parte proprietarul iar ultimele 3 pe cele ale publicului. t rwx rwx rwx / | | \ tip fiier proprietar grup public Permisivitile se refer la drepturile pe care fiecare categorie de utilizatori le are asupra fiierului. Astfel dreptul de citire este evideniat de litera r (read), cel de scriere de litera w (write) iar cel de execuie de litera x (execute) pentru fiierele executabile. ntotdeauna permisivitile sunt afiate n aceast ordine, rwx. Dac n locul oricrei litere apare semnul cratim , aceasta nsemn ca pentru categoria respectiv de utilizatori permisiunea respectiv ne exist (nu are dreptul respectiv). Spre exemplu irul drwxr-r-- ne atrat c este vorba despre un director n care proprietarul are toate drepturile n timp ce grupul i publicul nu au dect drept de citire. Acest mod de organizare permite un bun control al securitii informaiilor de pe server prevenind accesul neautorizat la date. Pe urmtoarea coloan este afiat un numr care indic numrul de fiiere coninute de directorul respectiv. Dac directorul este un fiier [sic] atunci numrul este 1. Pe urmtoarele 2 coloane sunt afiate numele proprietarului i al grupului. Numele nu sunt afiate n clar ci sub forma unui nikname sau chiar a unor numere. n figura 4.1 att proprietarul ct i grupul au numele ftp.

Figura 4.1 Aplicaia FTP. Comenzile de conectare cu serverul i listare a coninutului directorului rdcin

65

Urmtoarea coloan indic mrimea fiierului, urmtoarele trei indic data cnd au fost create fiierele iar ultima coloan indic numele fiierului. Dup ce am clarificat aceste aspecte s schimbm directorul curent n directorul pub. Pentru aceasta tastai comanda <cd>, urmat de numele directorului, n cazul nostru <cd pub>. Serverul rspunde cu un mesaj de confirmare CWD command succesfull. Pentru a vedea coninutul directorului pub tastai din nou comanda <dir>. Schimbm directorul pe antivir cu comanda <cd antivir>. Pregtim directorul local unde urmeaz s facem transferul scriind comanda <lcd c:\downloads> care va schimba directorul din Windows n downloads din rdcina discului C:. Pentru a vedea coninutul directorului antivir de pe server mai tastai o dat comanda <dir>. Schimbnd succesiv directoarele i afind coninutul lor ajungei la fiierul cutat, dac exist pe serverul respectiv. Pentru transferul fiierului pe calculatorul local, tastai comanda <get numefiier>, precedat de una din comenzile <ASCII> sau <binary> dup cum fiierul de transferat este un fiier text sau de oricare alt tip dect text. Aspectul ecranului pe parcursul ctorva etape din cele enumerate este prezentat n figurile 4.1 i 4.2.

Figura 4.2 Aplicaia FTP. Comenzile pentru schimbarea directorului la distan i local Principalele comenzi FTP sunt prezentate n tabelul 4.1 iar o list complet a comenzilor, cu descriere i exemple de utilizare poate fi gsit i consultat online la adresa http://www.mcsr.olemiss.edu/unixhelp/tasks/ftp2.1.1.html . Pentru a obine o list a comenzilor ftp tastai <?> sau <help>. Rezultatul se vede n figura 4.3.

Figura 4.3 Comenzile ftp afiate cu comanda ? i help

66

Tabel 4.1 Principalele comenzi FTP

? ascii binary bye cd close delete dir get help lcd ls mkdir mget mput open put pwd quit rmdir

Solicitare ajutor despre comenzile FTP acceptate de server

Seteaz modul ASCII de transfer al fiierelor Seteaz modul binar de transfer al fiierelor (se folosete la transferul fiierelor non-ASCII.) Prsete aplicaia FTP (ca i quit) Schimb directorul de pe server nchide conexiunea cu serverul dar mediul FTP rmne deschis terge un fiier din directorul curent de pe server Afieaz o list complet (cu toate proprietile) a fiierelor din directorul curent Copie un fiier de pe server pe calculatorul local Cere o list a tuturor comenzilor FTP disponibile Schimb directorul de pe calculatorul local (client) Listeaz numele fiierelor din directorul curent de pe server Creeaz un nou director n directorul curent de pe server Copie mai multe fiiere de pe server pe calculatorul local; utilizatorul este solicitat s rspund cu Y/N nainte de transferul fiecrui fiier. Copie mai multe fiiere de pe calculatorul local pe server; utilizatorul este solicitat s rspund cu Y/N nainte de transferul fiecrui fiier. Deschide conexiunea cu serverul Copie un fiier de pe calculatorul local pe server Afieaz directorul curent de pe server Prsete aplicaia FTP (ca i bye) terge un director din directorul curent de pe server

Dup cum lesne se poate observa acest mod de lucru, bazat pe comenzi, este anevoios, mai ales pentru un nespecialist. Pentru a face mai uor transferul de fiiere ntre server i calculator au fost realizate programe speciale numite clieni FTP. n mediul Windows acetia au o interfa prietenoas i folosesc aceleai pictograme pentru fiiere i dosare (directoare) ca i sistemul de operare. Pe piaa software sunt disponibili mai muli clieni FTP dintre care unii pot fi obinui gratuit. Cei mai cunoscui i folosii sunt Smart FTP, CuteFTP, FTP Commander i FTP Explorer. n cele ce urmeaz vom prezenta clientul FTP Explorer, care, dei nu este printre cei mai performani, este uor de utilizat i este distribuit ca produs shareware. 4.2 FTP Explorer Acest program este un client FTP oferit gratuit de firma FTPx Corp. pentru utilizatorii individuali i n scopuri non-comerciale. Se poate obine prin download de la adresa www.ftpx.com. Dup instalarea aplicaiei aceasta poate fi lansat fie din meniul Programs fie prin intermediul scurtturii de pe desktop, figura 4.4. Fereastra principal a programului este reprodus n figura 4.5 i este mprit n trei cadre: n cadrul din stnga se vizualizeaz 67

structura de directoare de pe server, n cadrul din dreapta coninutul directorului selectat n cadrul stng. Simbolurile pentru dosare i fiiere, precum i organizarea cadrelor sunt asemntoare cu cele din Windows Explorer. Manevrele cu directoarele i fiierele aflate pe server se fac n acelai fel ca n Windows Explorer. n cadrul inferior Figura 4.4 Pictograma FTP sunt listate comenzile transmise ctre server i rspunsurile acestuia (cadrul FTP Log). Explorer 4.2.1 Descrierea meniurilor Meniul File conine urmtoarele comenzi, structurate pe cinci seciuni, figura 4.5. New deschide o nou fereastr de aplicaie (o nou instan) Open (activ cnd este realizat conexiunea) deschide fiierul selectat Quick View (activ cnd este realizat conexiunea) vizualizeaz coninutul fiierului

Figura 4.5 Fereastra de aplicaie a FTP Explorer Create a shortcut (activ cnd este realizat conexiunea) creeaz o scurttur a fiierului sau dosarului selectat Download (activ cnd este realizat conexiunea) descarc fiierul sau dosarul selectat de pe server pe calculatorul client la locaia implicit Download to (activ cnd este realizat conexiunea) descarc fiierul sau dosarul selectat de pe server pe calculatorul client la o locaie ce poate fi specificat Upload transfer fiierul sau dosarul de pe calculatorul client pe server la locaia selectat n cadrul din stnga New creeaz un dosar nou la locaia selectat n cadrul din stnga

68

Figura 4.6 Comenzile meniului File

Delete (activ cnd este realizat conexiunea) terge dosarul sau fiierul selecta n unul din cadrele superioare Rename (activ cnd este realizat conexiunea) redenumete fiierul sau dosarul selectat n unul din cadrele superioare n urmtoarea seciune a meniului sunt listate numele ultimelor conexiuni realizate. n figura 4.6 numele Usv a fost atribuit conexiunii la serverul FTP al Universitii tefan cel Mare din Suceava. Properties (activ cnd este realizat conexiunea) afieaz proprietile dosarului sau fiierului selectat Exit, nchide aplicaia

Meniul Edit are doar dou comenzi, Select All i Invert Selection Meniul View are comenzile structurate n patru seciuni, figura 4.7. FTP Log afieaz cadrul inferior cu comenzile trimise la server i rspunsul acestuia. Toolbar afieaz bara de instrumente Status Bar afieaz bara de stare Urmtoarea seciune conine comenzi pentru modul de afiare a liserelor, ca i n Windows Explorer A treia seciune conine comenzi de aranjare a pictogramelor, la fel ca n Windows Explorer A patra seciune conine comenzile: Refresh remprospteaz coninutul cadrului Options, cea mai puternic comand, asupra creia vom reveni

Figura 4.7 Comenzile meniului View

Meniul Tools, figura 4.8, conine urmtoarele comenzi, organizate n cinci seciuni: Find caut fiiere pe Internet. Funcioneaz corect numai dac este instalat un program de cutare fpArchie (Archie este un alt serviciu oferit de Internet care permite cutarea fiierelor n reea). Dac nu este instalat acest program, la prima lansare a comenzii Find va fi accesat site-ul care conine programul n vederea descrcrii lui. Connect, deschide fereastra de dialog Connect din care se poate iniia conectarea cu un server sau edita un profil al conexiunii Quick Connect, deschide o fereastr de dialog care conine o caset text n care se introduce URL-ul fiierului care trebuie descrcat. Disconnect, ntrerupe conexiunea cu serverul FTP Figura 4.7 Meniul Tools

69

Cancel, activ din momentul n care se iniiaz o conectare, permite abandonarea procesului n curs. Quote, permite trimiterea de comenzi direct ctre server, prin linii de comand. Comenzile disponibile depind de tipul serverului, de aceea este bine ca prima comand s fie <help> pentru a se obine lista comenzilor implementate pe respectivul server. Lista este afiat n cadrul de jos al ferestrei FTP Explorer. Go to, permite schimbarea directorului de pe server prin linie de comand n care se specific doar calea spre directorul int Remember, seteaz calea curent drept cale implicit pentru profilul conexiunii curente Ascii, Binary, stabilete modul de transfer a fiierelor, ASCII sau binar Import, import profiluri definite n alte programe FTP, de exemplu CuteFTP Meniul Windows este mprit n dou seciuni. Din prima seciune sunt folosite n mod uzual comenzile Tree i List, care schimb modul de afiare a informaiei din cadrul stng al ferestrei principale, respectiv structur ierarhic sau list simpl. Din seciunea a doua, cu ajutorul comenzilor Vertical Split i Horizontal Split se pot redimensiona cadrele pe vertical i pe orizontal. Principalele comenzi ale meniurilor sunt disponibile prin intermediul butoanelor de pe bara de instrumente, funciile acestora fiind indicate n figura 4.5 4.2.2 Utilizarea programului FTP Explorer Dac descrierea meniurilor poate prea arid n lipsa clarificrii unor noiuni folosite, n cele ce urmeaz acestea se vor limpezi apelnd la un exemplu de utilizare a programului. Pentru a pune n eviden diferenele fa de modul de lucru cu linii de comand descris n paragraful 4.1 vom considera aceeai aciune i anume descrcarea n dosarul Downloads de pe discul C a unui fiier de pe serverul FTP al Universitii tefan cel Mare din Suceava. 4.2.2.1 Configurarea programului n prima etap vom stabili dosarul n care se va face transferul fiierului. Pentru aceasta din meniul View alegei Options selectai tabela Paths, figura 4.9. n caseta text Default download folder introducei calea spre directorul dorit sau folosii butonul Browse pentru localizarea acestuia. Celelalte casete text, de validare i butoane radio rmn n starea implicit. n continuare vom declara adresa de e-mail pe care programul o va folosi ori de cte ori se va conecta ca anonim. n tabela General, n cmpul pus la dispoziie introducei adresa dumneavoastr de e-mail. Apsai butonul OK. Urmeaz s comunicm programului adresa serverului FTP cu care dorim s ne conectm. Clienii FTP au o facilitate deosebit de util i anume pot memora un numr mare de adrese de servere i setrile pentru fiecare dintre acestea sub un nume, numit profilul conexiunii. La instalarea programului exist o serie de profiluri predefinite care pot fi terse i la care se pot aduga profiluri noi. Figura 4.9 Fereastra Options, tabela Path

70

Pentru adugarea unui profil nou deschidei fereastra Connect din meniul Tools - Connect sau folosii butonul corespunztor de pe bara de instrumente a ferestrei principale (al patrulea din dreapta), figura 4.6.Apsai butonul Add, figura 4.10.

Figura 4.10 Fereastra de editare a profilului conexiunii n caseta text Profile Name tastai un nume sugestiv pentru conexiune, n cazul nostru s-i spunem USV. Numele poate conine maxim 25 de caractere, inclusiv spaii. n caseta text Host Address introducei adresa serverului FTP, n cazul de fa acesta este ftp.usv.ro. n caseta text Port introducei numrul portului. De regul numrul portului este 21, dac, din motive de securitate, administratorul serverului nu a modificat numrul portului. n exemplul considerat rmne portul 21. Casetele de validare Use PASV Mode i Use Firewall se valideaz dac calculatorul se afl n spatele unui Firewall. Acest lucru este comunicat de administratorul de reea local alturi de informaiile necesare completrii tabelei Firewall din fereastra Options. n caseta text Login se introduce numele utilizatorului cu drepturi de acces la server sau, dac se bifeaz caseta Anonymous, acesta este completat automat cu irul anonymous. n cazul considerat vom valida caseta Anonymous. Caseta text Password se completeaz cu parola utilizatorului sau, n cazul accesului ca anonim se completeaz cu adresa de e-mail. Pentru c ai validat caseta Anonymous completarea se face automat cu adresa de e-mail pe care ai introdus-o n tabela General. Caseta text Initial Path, putei tasta (opional) calea spre directorul care trebuie listat. n caz c nu introducei nimic directorul listat este directorul rdcin. Casetele text Attempts i Retry Delay se completeaz cu numrul de ncercri de conectare, n cazul n care aceasta nu reuete din prima, respectiv cu timpul, n secunde, dintre dou ncercri consecutive. Lsai valorile implicite. n caseta Download Path precizai un dosar de pe calculatorul local, altul dect cel definit n fereastra Options, n care s se fac descrcarea fiierelor. Pentru fiecare profil se poate preciza un alt dosar. n aria de text Description introducei (opional) o scurt descriere a profilului. Caseta Cache data between sessios, dac este validat memoreaz pe calculatorul local toate informaiile despre directoarele de pe server astfel c acestea pot fi rsfoite i offline. Apsai butonul Save pentru a salva datele introduse pentru profilul creat.

71

Salvarea se face automat i dac, dup introducerea profilului, se apas butonul Connect. De asemenea se pot modifica datele unui profil existent care se salveaz fie cu Save fie printr-o conectare. Butonul Remove folosete pentru tergerea profilului selectat n cadrul din stnga al ferestrei Connect.

Pentru conectare apsai butonul Connect. Fereastra Connect se nchide i n cadrul de jos al ferestrei principale se deruleaz o list de aciuni ntreprinse de program i rspunsul serverului, figura 4.6. Pentru exemplul discutat, n cadrul din stnga sunt listate cele ase directoare ale directorului rdcin. Aspectul lor, identic cu al dosarelor din Windows95, face ca interpretarea coninutului s fie mult mai intuitiv dect n cazul conectrii prin aplicaia ftp.exe a sistemului de operare. Cu dublu click pe oricare din pictogramele acestor dosare putei deschide directoarele respective i coninutul lor va fi afiat n cadrul din dreapta. n continuare rsfoirea dosarelor, crearea unor dosare noi, mutarea i tergerea lor, schimbarea numelor i tergerea dosarelor sau fiierelor se face ca n Windows Explorer. Modul de afiare a informaiilor (pictograme mici, mari, list sau detalii) l selectai cu ajutorul butoanelor de pe bara de instrumente. 4.2.2.2 Transferul fiierelor Cu ajutorul FTP Explorer transferul fiierelor poate fi fcut bidirecional. Dac transferul de pe server pe calculatorul local (download) este ntotdeauna posibil, transferul invers (upload) se poate face numai dac utilizatorul are acest drept acordat de administratorul serverului. n modul anonim nu este posibil nici upload-ul de fiiere, nici tergerea, mutarea sau redenumirea lor. Pentru realizarea download-ului unui fiier, selectai respectivul fiier din cadrul din dreapta i apsai butonul Download de pe bara de instrumente. Se deschide o fereastr asemntoare ferestrelor de tip Save As, figura 4.11a, n care este afiat coninutul directorului definit ca implicit, i numele fiierului. Putei schimba directorul n care salvai din caseta text derulant Save in:, ca i numele fiierului, n caseta text File name:. Apsai butonul Save pentru realizarea transferului. Pe durata transferului se deschide o nou fereastr, figura 4.11b, care indic stadiul transferului, estimarea timpului rmas pn la terminarea lui i viteza de transmitere, n octei pe secund. La ncheierea transferului fereastra se nchide.

a) b) Figura 4.11 a) stabilirea directorului unde se face transferul i numele fiierului b) stadiul realizrii transferului Pentru realizarea transferului de pe calculatorul local pe server se selecteaz n cadrul din stnga dosarul de pe server unde urmeaz s fie transferat fiierul iar apoi se apas butonul Upload. Se deschide o fereastr asemntoare cu cea din figura 4.11a care, n locul butonului Save are un buton Open. Se selecteaz fiierul dorit a fi transferat i se apas butonul Open. Se deschide o fereastr similar celei din figura 4.11b care indic stadiul realizrii transferului. La ncheierea lui fereastra se nchide. Cu privire la transferul fiierelor pe server, exist trei opiuni legate de numele acestora. n mod implicit ele sunt transferate cu denumirea original dar exist n tabela Paths din fereastra Options nc dou opiuni: de conversie a caracterelor ce compun

72

numele n minuscule (Convert filename to lowercase) sau n majuscule (Convert filename to Proper case). ntrebri de verificare 1. Serviciul FTP al Internet-ului permite: a) conectarea a dou calculatoare din Internet b) administrarea la distan a fiierelor c) transferul de fiiere ntre dou calculatoare 2. Efectul comenzii <get> este: a) furnizeaz lista simpl fiierelor din directorul curent de pe server b) descarc fiierul cu numele specificat n argumentul cale c) furnizeaz calea ctre directorul curent 3. Un utilizator conectat ca anonim la un server FTP are dreptul de a: a) transfera fiiere bidirecional b) crea, redenumi, terge i muta fiiere i directoare de pe server c) transfera fiiere de pe server pe calculatorul local 4. Noiunea de profil, n accepiunea clientului FTP, desemneaz: a) totalitatea informaiilor legate de utilizator, reunite sub un nume b) totalitatea informaiilor legate de conexiune, reunite sub un nume c) totalitatea restriciilor impuse de Firewall, reunite sub un nume 5. Dosarul local, n care se transfer un fiier de pe server, se stabilete: a) n tabela Path din fereastra de dialog Options b) n caseta text derulant Save in din fereastra Download to c) este stabilit implicit dosarul Downloads Probleme propuse 1. Cum se ndeprteaz cadrul FTP Log din fereastra principal a programului FTP Fxplorer? 2. Cum se realizeaz o conexiune utiliznd aplicaia ftp.exe din sistemul de operare Windows 9x. 3. Ce sunt modurile de transfer ASCII i Binary? 4. Cum se salveaz un profil creat n FTP Explorer? 5. Ce semnificaie au n FTP Explorer noiunile Atempts i Retry Delay?

73

5. Proiectare pagini Web Web design

Rezumat: prezentul capitol v ofer toate informaiile necesare pentru realizarea, din punct de vedere tehnic, a unui site web personal. V sunt prezentate principalele elemente ale limbajului HTML, nsoit de exemple concrete, nvai s concepei un formular i s expediai datele coninute prin intermediul potei electronice. Tot aici aflai cum s nregistrai un site la un motor de cutare pentru a obine o poziie bun n rezultatele cutrii.

Documentele HTML sunt fiiere text cu extensia .htm sau .html. Specificitatea lor const n structur i prezena etichetelor. Toate documentele HTML sunt structurate n 2 pri, antetul (HEAD) i corpul (BODY) documentului. Etichetele (tags) sunt instrumente de marcare a textului i constau ntr-un set de cuvinte cheie plasate ntre simbolurile mai mic < i mai mare >. Prin intermediul lor se informeaz browserul asupra modului n care trebuie afiate i interpretate poriunile de text cuprinse ntre etichete. Cele mai multe etichete sunt perechi i acioneaz ca un container pentru textul coninut. Eticheta de sfrit se deosebete de cea de nceput prin faptul c mai conine un simbol, slash / naintea cuvntului cheie. Sunt ns i etichete singulare, de ex. <br> sau <li>, al cror rol va fi explicat la momentul potrivit. Toate etichetele sunt Case Insensitive, adic pot fi scrise att cu caractere majuscule ct i cu minuscule sau n combinaie. 5.1 Structura documentului HTML Dup cum am mai spus, documentul are un head i un body. mpreun cele dou componente alctuiesc sursa documentului, acea combinaie de informaii i marcaje care determin ca pagina afiat de browser s arate ntr-un anumit fel. Head-ul conine titlul documentului, eventuale scripturi i alte cteva informaii utile motoarelor de cutare (cuvinte cheie, scurt descriere, etc.). Scripturile sunt mici programe incluse n documentul HTML care sunt interpretate i executate de browser. Delimitarea antetului de restul documentului se face prin etichetele <head> </head>, iar titlul se ncadreaz ntre etichetele <title> </title>. Titlul propriu zis trebuie s fie un text care s sugereze ct mai bine coninutul paginii i s nu conin alte etichete; cu alte cuvinte ntre etichetele <title> i </title> nu trebuie s mai existe alte etichete. De asemenea un document nu poate avea dect un titlu. Acest titlu apare pe bara de titlu a ferestrei browserului. Corpul documentului reprezint partea cea mai important (ca informaie i mrime) i conine informaia propriu-zis. Corpul documentului se plaseaz ntre etichetele <body> i </body>. nainte de a trece la exemplificarea structurii documentului se mai precizeaz c toate documentele trebuie s nceap cu eticheta <HTML> i s se ncheie cu </HTML>. Exemplu:
<html><head> <title>prima pagina Web</title> </head> </body> aici ar fi corpul documentului<body> </html>

Aici se poate pune ntrebarea: cu ce scriem documentul i ce facem cu el dup ce l-am editat? De scris se poate scrie cu orice editor de text, de exemplu cu NotePad din Win9x. De salvat se salveaz cu extensia htm sau html dup ce n prealabil i s-a atribuit un nume fiierului. n browserul IE5 acest document arat ca n figura 5.1. Se observ titlul afiat pe bara de titlu a ferestrei i n cuprinsul ferestrei textul dintre etichetele <body>. Pe bara de stare mesajul Done informeaz c ncrcarea documentului de ctre browser s-a realizat cu succes.

74

Remarc: spaiile suplimentare, ca i liniile suplimentare, din coninutul documentului nu sunt luate n considerare de browsere. Acestea pot fi adugate n scopul organizrii mai lizibile i mai uor de interpretat a sursei. Exemplul de mai sus scris astfel: <html> <head> <title>prima pagina Web</title> </head> <body> aici ar fi corpul documentului </body> </html>

este mai inteligibil.

Figura 5.1 Documentul n fereastra browserului IE5.0 Un document scris numai sub aceast form ar arta urt i ar plictisi cititorul. Pentru crearea unor pagini mai atractive sub aspectul prezentrii, limbajul HTML ofer posibiliti de formatare a textului. 5.2 Formatarea documentelor HTML Pentru formatarea textelor se utilizeaz elemente de stil fizice, logice i de list. 5.2.1 Stiluri fizice Stilurile fizice permit scrierea ntr-un format prestabilit. Din acest motiv ele sunt inflexibile iar posibilitile de folosire sunt limitate. Stilurile fizice utilizeaz etichetele : <b> </b> ; determin scrierea cu caractere aldine (ngroate) a textului cuprins ntre eticheta de nceput i sfrit <i> </i> ; determin scrierea cu caractere italice <u> </u> ; determin scrierea cu caractere subliniate <tt> </tt> ; determin scrierea cu caractere de main de scris. Acest tip de scriere aloc aceeai lime tuturor caracterelor, fie c sunt litere ca i, j ori M sau W. Exemplu de mai jos este edificator pentru modul de folosire a acestor stiluri:
<HTML> <head><title></title></head> <body> <b>text aldin</b><br><i>italic</i><br><u>si subliniat</u><br> aceasta e formula apei H₂O <br> si aceasta este aria cercului pi*R²<br> <tt>Iar asa scrie masina de scris </tt> </body> </HTML>

Efectul este cel din figura 5.2 75

Figura 5.2 Exemplu de formatare a textului cu ajutorul stilurilor fizice n exemplul de mai sus au mai fost folosite etichetele  i  pentru a determina scrierea ca indice i respectiv exponent a cifrei 2 din formula apei i a ariei cercului. 5.2.2 Stiluri logice Stilurile logice, aa cum arat i numele, sunt acele stiluri care permit definirea de ctre designer a aspectului textului marcat cu aceste stiluri. Problema seamn cu definirea stilurilor n procesorul de texte Word. De exemplu titlurile (heading), au acelai rol ca n editorul Microsoft Word, adic ajut la evidenierea titlurilor i subtitlurilor ntr-un document structurat. Sunt 6 nivele de heading iar etichetele pentru ele sunt <hn> </hn>, n care n poate lua valorile de la 1 la 6. S presupunem c avem un document structurat astfel: Descoperii lumea WWW 1. Istoria WWW 2. Browsere de Internet 2.1 Internet Explorer 2.2 Netscape Navigator Atribuind titluri potrivite textul poate aprea ntr-o form acceptabil n fereastra browserului. Iat un exemplu:
<html> <head><title> Document cu headinguri</title></head> <body><h1>Descoperiti lumea WWW</h1> <h2> 1. Istoria WWW </h2> <h2> 2. Browsere de Internet </h2> <h3> 2.1 Internet Explorer </h3> <h3> 2.2 Netscape Navigator </h3> </body> </html>

n figura 5.3a se reproduce aspectul documentului fereastra IE5.07.

Toate exemplele sunt afiate n browserul IE5.0, aa nct n continuare nu se va mai face aceast specificare

76

a)

b)

c) Figura 5.3 a) Document cu diferite niveluri de titlu n fereastra IE5.0 b) acelai document n care nivelul de titlu H1 este definit folosind stilului logic c) exemplu de folosire a etichetei <br /> Se observ c ntre articolele din list browserul insereaz un spaiu suplimentar dei sursa nu indic aa ceva. Cu ajutorul etichetei <br /> (brake row), etichet nepereche, se poate realiza un salt la rnd nou, fr spaiul suplimentar. Urmtoarea secven din corpul documentului:
Descoperii lumea WWW<br>Istoria WWW<br>Browsere de Internet <br /> Internet Explorer <br /> Netscape Navigator<br />

produce urmtorul rezultat fereastra browserului, figura 5.3c.

Remarc: Recomandrile W3C cer ca n cazul utilizrii etichetelor nepereche acestea s se termine cu semnul slash /. Se va scrie deci <br /> i nu <br>. Totui, recomandarea neavnd nc un caracter obligatoriu, scrierea n ultima form nu este greit. Pe parcursul acestui capitol se vor folosi ambele forme.

Revenind la nivelul de titlu, ca stil logic de formatare a textului, acesta poate fi definit inline, chiar n interiorul etichetei, ceea ce va duce la modificarea aspectului implicit. Modificarea nivelului h1 se poate face ca mai jos:
<h1 style="font-family:Times Descoperiti lumea WWW</h1> new roman; font-size: 40; color:red">

n care se specific stilul fontului, mrimea (40 n loc de 24 ct era implicit) i culoarea (rou n loc de negru, culoarea implicit). Rezultatul poate fi vzut n figura 5.3b. Asemntor pot fi definite oricare dintre stilurile logice folosite n document. Asupra definirii stilurilor vom reveni dup nsuirea cunotinelor fundamentale referitoare la construcia unei pagini Web. n continuare sunt enumerate cteva dintre aceste stiluri i modul implicit de afiare: Eticheta <p> </p> (paragraph) servete pentru delimitarea paragrafelor n interiorul documentului. Lectura devine mai odihnitoare deoarece ntre paragrafe exist o distan mai

77

mare dect ntre rnduri i n acest fel se ofer ochiului posibilitatea de relaxare la trecerea de la un paragraf la altul. Eticheta <em> </em> (emphasize) scoate n eviden poriunea de text dintre etichete. Implicit afieaz cu caractere italice. Eticheta <strong> </strong> evideniaz mai puternic dect eticheta anterioar; implicit afieaz caractere aldine. Eticheta <dfn> </dfn> (definition) folosit pentru ncadrarea cuvintelor crora urmeaz s li se dea o definiie, afieaz implicit caractere italice. Eticheta <cite> </cite> (cite - citat) folosit pentru ncadrarea titlurilor de cri, filme, albume, etc. afieaz implicit caractere italice. Eticheta <kbd> </kbd> (keyboard) afieaz caractere cu lime fix (ca i <tt> doar c n acest caz se poate defini stilul). Eticheta <var> </var> (variable) folosit pentru evidenierea variabilelor n formule, afieaz implicit caractere italice. Dei nu face parte din categoria stilurilor logice, eticheta <pre> </pre> (preformated) determin browserul s nu mai ignore spaiile i liniile albe din text. Afieaz textul aa cum este scris ntre cele dou etichete (preformatat). Ea este util, de exemplu, pentru afiarea de ctre browser a codurilor HTML. Mai clar, dac ntr-un document este necesar s apar etichete (sau mai general coduri) HTML, scrierea lor ca un text oarecare ar face ca browserul s interpreteze i s execute codurile, i n consecin acestea nu vor putea fi afiate pe ecran. Este cazul leciilor despre HTML n format HTML! Introducerea respectivei secvene de cod ntre etichetele <pre> </pre> rezolv aceast problem dar, atenie, n locul simbolurilor < ,> se vor scrie secvenele &lt; i respectiv &gt;. Exemplu: Pentru a putea afia n fereastra browserului secvena din primul exemplu al acestui curs se va scrie:
<html><head><title> exemplu cu preformated</title></head> <body> <!-- aici ncepe secvena de cod din exemplul 1 --> <pre>&lt;html&gt; &lt;head&gt; &lt;title&gt; prima pagina Web &lt;/title&gt; &lt;/head&gt; &lt;body&gt; aici ar fi corpul documentului &lt;body&gt; &lt;/html&gt; <!-- aici se termin secvena de cod --> </body> </html>

ceea ce va produce rezultatul din figura 5.4

Figura 5.4 Cu ajutorul etichetei <pre> se pot afia codurile HTML

78

5.2.3 Stiluri de list Pentru ntocmirea listelor, ca cea din figura 5.3, sunt utile etichetele <ul></ul> pentru liste nenumerotate i <ol> </ol> pentru liste ordonate (numerotate). Fiecare articol al listei este precedat de eticheta nepereche <li />. Exemplul 1
<html> <head><title>Document cu headinguri si lista ordonata</title></head> <body><h1>Descoperiti lumea WWW</h1> <ol> <h2><li /> Istoria WWW </h2> <h2><li /> Browsere de Internet</h2> <h3><li /> Internet Explorer <h3><li /> Netscape Navigator </h3> </ol> </body></html>

Exemplul 2
<html> <head><title> Document cu headinguri si lista neordonata </title></head> <body><h1> Descoperiti lumea WWW</h1> <ul> <h2><li /> Istoria WWW </h2> <h2><li /> Browsere de Internet</h2> <h3><li /> Internet Explorer <h3><li /> Netscape Navigator </h3> </ul> </body></html>

Rezultatul celor dou exemple se poate vedea n figurile 5.5 a i b

a)

b) Figura 5.5 a) list ordonat de titluri

b) list neordonat de titluri

Listele pot fi imbricate, o list ordonat putnd conine una sau mai multe liste ordonate sau/i neordonate. Pentru separarea diferitelor pri din corpul de text se pot introduce linii (rigle) orizontale cu ajutorul etichetei nepereche <hr />. Aceast etichet admite atribute prin care se stabilesc lungimea, grosimea alinierea, aspectul liniei, etc. Atributele se scriu naintea semnului > i pot fi combinate ntre ele. Lipsa oricrui atribut determin o linie de lungime egal cu limea ecranului. Atributele sunt: WIDTH=n[%], stabilete lungimea n pixeli sau procent din limea ecranului dac numrul n este urmat de semnul percent; 79

SIZE=n, stabilete grosimea liniei n pixeli; NOSHADE, determin haurarea liniei; ALIGN=position, n care argumentul position poate fi left, right sau center, determin alinierea la stnga, dreapta sau centru a riglei. OBSERVAIE: Atributul ALIGN poate fi utilizat i n interiorul etichetei paragraf <p> pentru stabilirea alinierii paragrafului. Atributul se scrie numai n prima etichet, naintea semnului >. Unele browsere accept ca valoare a atributului i justify, ceea ce determin o alinierea a textului att la stnga ct i la dreapta. De asemenea se poate stabili i culoarea, dar despre acest atribut se va discuta mai pe larg n paragraful urmtor. 5.2.4 Formatarea fonturilor Fonturile utilizate pot fi modificate ca dimensiune, culoare i aspect cu ajutorul etichetelor <font> </font>. Ele admit atribute prin care se stabilesc caracteristicile mai sus enumerate. Mrimea: sunt 7 dimensiuni disponibile pentru fonte, de la 1, cel mai mic, la 7, cel mai mare. Pentru schimbarea dimensiunii se utilizeaz atributul SIZE=n Acesta este modul absolut de specificare a dimensiunii. Se poate specifica i dimensiunea n mod relativ, raportat la dimensiunea implicit a fontului: SIZE=+2, SIZE=-1 determin mrirea fontului cu 2 uniti, respectiv micorarea cu o unitate raportat la mrimea implicit (de regul aceasta este 3). Aspectul: ca i n Word fonturile pot fi alese pentru a da aspectul dorit documentului. Atributul care determin schimbarea fontului este FACE=fontname unde fontname este numele fontului. Browserele recunosc un numr relativ redus de fonte i ori de cte ori vor ntlni denumiri de fonte pe care nu le recunoasc le vor nlocui cu unul din tipurile cunoscute. Atributul care stabilete culoarea este COLOR= valoare. Culoarea, este codificat cu 6 caractere hexazecimale (24 de bii) rezultnd un numr de peste 16 milioane de culori. Paleta web standard conine doar 216 culori. O parte dintre culorile de baz pot fi alese prin desemnarea numelui lor ca argument al atributului COLOR, ex: red, white, yellow, blue, lightblue, cyan, darkgreen, green etc. Pentru celelalte culori codificarea se face pe sistemul RGB (Red Green Blue), folosit n televiziunea color. Argumentul valoare va avea forma #RRGGBB, ceea ce semnific faptul c fiecare culoare de baz are alocai doi digii, care in cod hexazecimal pot lua valori la 0 (zero) la F. Color= BLUE i COLOR=#0000FF au acelai efect, stabilesc culoarea albastru. Un exemplu edificator despre cum se folosesc atributele fonturilor este prezentat mai jos:
<HTML><head><title>atributele fontelor si nu numai</title></head> <body> <hr width=50% size=10 noshade align="left" /> <p align="center"><font size="-1" color="blue"> text centrat de culoare albastra si de dimensiune 2 (3 implicit -1), aspect Times New Roman (de asemenea implicit) </font> <p align="left"><font size="5" face="arial" color="green"> aliniat la stinga, de culoare verde cu dimensiunea de 5, aspect Arial</font> <p align="right"><font face="courier" color="#ff0000"> aliniat la dreapta, de culoare rosie, dimensiune 3 (implicita) si aspect Courier</font> <p align="justify"><font color="cyan" size="+3"> si aliniat "JUSTIFY", de culoare Cyan, dimensiune 4 (implicit 3 +4 adaugat) aspect Impact</font></body> </HTML>

80

Figura 5.6 Exemplu de manipulare a fonturilor Rezultatul este cel din figura 5.6 Mai multe despre folosirea culorilor se pot afla de la adresa web http://www.visibone.com/vaccc/. Atribute ale etichetei <BODY> Dac se dorete stabilirea atributelor pentru ntreaga pagin aceasta se poate realiza incluznd atribute n eticheta <body>. Lista celor mai uzuale atribute i efectul lor este prezentat n tabelul 5.1 Tabel 5.1 Atributele etichetei <body> Atributul bgcolor="numele culorii sau numrul" background="calea ctre fiierul imagine" link="numele culorii sau numrul " alink="numele culorii sau numrul " vlink="numele culorii sau numrul " text="numele culorii sau numrul" 5.3 Tabele Tabelele se introduc n document cu ajutorul etichetelor <table> </table>, care marcheaz nceputul i sfritul tabelului. Eticheta admite cteva atribute pentru formatarea tabelului: BORDER=n stabilete grosimea marginii exterioare a tabelului, in pixeli. Lipsa atributului sau n=0 fac liniile tabelului invizibile. CELLPADDING=n stabilete mrimea spaiului dintre liniile tabelului i coninutul celulei CELLSPACING=n stabilete spaierea ntre celule

Efectul
stabilete culoarea fundalului paginii stabilete imaginea de fundal stabilete culoarea legturilor din pagin stabilete culoarea legturilor active din pagin stabilete culoarea legturilor care au fost vizitate stabilete culoarea ntreaga pagin textului pentru

81

WIDTH=n[%] stabilete limea tabelului n pixeli sau procente din limea ecranului dac n este urmat de semnul procent, %. Fiecare rnd al tabelului este delimitat de etichetele <tr> </tr> (table row). Etichetele admit atributele ALIGN cu argumentele RIGT, CENTER i LEFT i VALIGN cu argumentele TOP, MIDLE i BOTTOM. Acestea permit poziionarea coninutului celulei pe orizontal, respectiv pe vertical. Eticheta <td> </td> (table data) delimiteaz coninutul unei celule. Trecerea la un rnd nou se face cu o nou etichet <tr>. Nu este obligatoriu ca toate rndurile s aib acelai numr de coloane. n mod implicit coninutul celulei este aliniat la stnga i centrat pe vertical. cu ajutorul atributelor se poate modifica setarea implicit, pe fiecare celul n parte. Un atribut special, NOWRAP mpiedic textul s treac pe o linie nou cnd ajunge la marginea din dreapta a celulei. Etichetele <table> </table>, <tr> </tr>i <td> </td> acioneaz ca nite containere, astfel c n interiorul lor pot fi plasate alte etichete pentru formatarea textului, stabilirea aspectului fundalului, etc. pentru ntreg tabelul, pentru rndul sau celula respectiv. Urmtorul exemplu arat cum se construiete un tabel 2X2 i cum se formateaz textul n interiorul celulelor.
<html> <head> <title>exemplu cu tabel</title> </head> <body bgcolor="#FF7F50" text="#FFFFFF"> <!-- culoare coral --> <div align="center"><center> <table border="4" cellpadding="2" cellspacing="4" width="80%"> <tr bgcolor="magenta"> <td>11</td> <td>12</td> </tr> <tr> <td align="center" valign="top" width="30%">21<p>&nbsp;</p> </td> <td bgcolor="white" align="right"><font color="black">22</font></td> </tr> </table> </center></div> </body> </html>

size="4"

Rezultatul se poate vedea n figura 5.7.

Figura 5.7 Tabel 2X2 creat cu sursa din exemplul de mai sus

82

n exemplul considerat se poate observa prezena unei etichete noi, <div>; aceasta a fost folosit pentru centrarea tabelului n pagin. De fapt perechea de etichete <div> </div> delimiteaz o seciune a documentului (realizeaz divizarea documentului) astfel nct respectiv zon s poat fi formatat distinct. Eticheta admite atributele ALIGN, cu cele trei sau patru argumente cunoscute, pentru stabilirea alinierii pe orizontal a seciunii delimitate i NOWRAP pentru stabilirea modului de rsucire a textului n interiorul seciunii. O seciune poate include alte subseciuni. n acest caz alinierea precizat de atributul ALIGN al unei seciuni are efect asupra tuturor subseciunilor incluse. Iat nc un exemplu de utilizare a etichetei <div>, n care un text este fragmentat n trei seciuni (blocuri de text) care sunt aliniate diferit:
<html> <head> <title> Blocul <div></title> </head> <body> Aceasta linie este o linie normal. Urmtorul bloc este aliniat la dreapta. <div align="right"> O singur linie. O singura linie. O singur linie. O singur linie.<br /> O singur linie. O singura linie. O singur linie. O singur linie.<br /> O singur linie. O singura linie. O singur linie. O singur linie.<br /> <div align="center"> Bloc aliniat pe centru. Bloc aliniat pe centru. <br /> Bloc aliniat pe centru. Bloc aliniat pe centru. <br /> Bloc aliniat pe centru. Bloc aliniat pe centru. <br /> </div> </body> </html>

Rezultatul este reprodus n figura 5.8

Figura 5.8 Un exemplu de mprire a unei pagini n seciuni Tabelele pot fi numerotate cu ajutorul etichetei <caption> </caption>. Perechea de etichete se introduce ntre etichetele <table> </table>, de obicei imediat dup eticheta <table> iar ntre ele se scrie numele tabelului, dup exemplul:
<table> <caption> Tabelul nr.1 </caption> </table>

83

Eticheta admite utilizarea atributelor, cele mai comune fiind ALIGN i VALIGN. n mod implicit (fr atribute) numele tabelului este scris deasupra tabelului i centrat. Valoarea BOTTOM pentru atributul VALIGN va determina scrierea titlului sub tabel. Fonturile pot fi stabilite cu ajutorul etichetelor <font> </font> inserate intre etichetele <caption> </caption>. Pentru evidenierea coninutului celulelor ce constituie cap de tabel, n locul etichetelor <td> </td> se folosesc etichetele <th> </th>. Acestea determin scrierea pe rndul respectiv cu caractere aldine i paragraf centrat (n lipsa altor atribute). Admite atribute de marcare. Vom ncheia acest paragraf cu explicarea a dou atribute ale etichetei <td>, ROWSPAN i COLSPAN. Dac se dorete ca o celul s aib limea mai mare dect cea a unei coloane, atunci eticheta <td> va conine atributul COLSPAN, dup modelul:
<td COLSPAN=3>..</td>

ceea ce va determina ca celula respectiv s se ntind pe limea a 3 coloane. n mod similar, pentru ca o celul s ocupe pe vertical nlimea mai multor rnduri se va folosi atributul ROWSPAN cu argumentul egal cu numrul rndurilor, dup modelul:
<td ROWSPAN=2>..</td>

n figura 5.9 se dau dou exemple de tabele rezultate n urma folosirii acestor atribute.

Figura 5.9 Tabele n care s-au folosit atributele COLSPAN i respectiv ROWSPAN Tabelele sunt frecvent utilizate pentru construirea paginilor care conin elemente grafice, fiecare celul coninnd cte un fragment de imagine. Prin alturarea corespunztoare a fragmentelor se obine imaginea de ansamblu. 5.4 Imagini ntr-un document web pot fi inserate imagini n format jpg (jpeg), gif, png sau xbm. Totui, cele mai folosite formate pentru imagini sunt JPEG i GIF i PNG. Ultimul tinde s nlocuiasc formatul GIF datorit licenei care trebuie pltite pentru utilizarea acestuia. Elementul prin care se comunic browser-ului s insereze o imagine este <img src=locaia fiierului />. Atributele cel mai frecvent folosite sunt: HEIGHT i WIDTH servesc pentru stabilirea dimensiunii imaginii (nlime i lime), n pixeli, exemplu <img src=o32.jpg Height=50 Width=60 /> ALIGN stabilete alinierea acesteia n pagin i n raport cu textul. Admite a argumentele left, right, center, top, texttop, middle, absmiddle, baseline, bottom, i absbottom. Este de dorit ca de la bun nceput imaginea s aib dimensiunile potrivite pentru a nu fi necesar redimensionarea cu ajutorul atributelor susmenionate.
Exemplu: <img src=o32.jpg Height=50 Width=60 align=center />

ALT permite specificarea unui text ca alternativ pentru imagine n cazul n care, din diferite motive, la client nu se afieaz imagini. Exemplu: <img src=o32.jpg Alt=text
explicativ />

84

BORDER permite stabilirea grosimii chenarului imaginii, n pixeli. Formatul este BORDER=n unde n este grosimea, n pixeli, a chenarului. Cnd argumentul este zero imaginea nu are chenar. Orice imagine necesit un timp suplimentar pentru ncrcare i afiare n browser, astfel nct mrimea i numrul lor trebuie alese cu grij, n caz contrar ncrcarea paginii poate dura exagerat de mult i va determina pe cel ce a accesat respectiva pagin s abandoneze ncrcarea. 5.5 Legturi Linkul sau legtura a fost unul din elementele introduse nc de la primele versiuni ale HTML i asigur legtura dintre documentul curent i alte documente, aflate pe acelai server sau pe alte servere. Introducerea unei legturi (n englez - hyperlink) se face cu ajutorul etichetei <A> </A>, care acioneaz ca o ancor. Forma etichetei este puin diferit de a celorlalte prezentate pn n acest moment.
<A href = locaia fiierului> numele legturii </A>

href este un cuvnt rezervat care indic faptul c irul de caractere de dup semnul egal reprezint adresa la care se gsete fiierul spre care se stabilete legtura. locaia fiierului reprezint numele fiierului, inclusiv calea spre acesta sau URLul corespunztor. numele legturii este un ir de caractere care va servi ca punte de legtur spre fiierul specificat (browserul nu afieaz n fereastra principal calea ctre acesta). Locaia fiierului se poate specifica n dou moduri, relativ i absolut. Adresarea relativ se face lund ca referin locaia documentului curent.

Figura 5.10 Organizarea dosarelor Pentru o mai bun nelegere s admitem c documentul pe care l crem se afl n dosarul html aflat la rndul lui n dosarul Situlmeu, de pe discul local C. Dosarul Situlmeu mai conine alte dou dosare, poze i altele. Structura ierarhic este reprodus n figura 5.10. Dac dorim s crem o legtur ctre fiierul poza1.jpg din dosarul poze, atunci vom scrie calea spre fiier ca ../poze/poza1.jpg. Semnificaia celor dou puncte este aceeai ca n DOS, adic fiierul se afl cu un nivel mai sus dect directorul curent (html). Cu alte cuvinte browserului i se comunic s caute fiierul poza1.jpg n dosarul poze aflat cu un nivel mai sus dect directorul curent. Dac se dorete adresarea fiierului cuprins.htm, aflat n dosarul curent, calea va fi: cuprins.htm. Dac acelai fiier s-ar gsi n directorul C: atunci calea se va scrie ../../cuprins.htm, adic n directorul cu dou nivele mai sus dect directorul curent. ntr-o adresare absolut calea spre fiier se scrie ca C:/Situlmeu/poze/poza1.jpg. Avantajul adresrii relative este c asigur portabilitatea site-ului. Astfel, dac se copie dosarul Site-ulmeu pe oricare alt unitate de disc, de pe calculatorul propriu sau alt calculator,

85

legturile vor funciona. n cazul adresrii absolute acest lucru nu este garantat; dac dup copierea dosarului, s spunem pe discul D, se terge folderul Situlmeu de pe discul C, atunci legturile nu vor mai funciona. Atunci cnd fiierul nu se afl pe calculatorul local, ci pe un alt calculator conectat la Internet, specificarea adresei fiierului se face prin URLul acestuia. Astfel, pentru a accesa pagina cu specificaiile limbajului HTML 4.0 de pe site-ul Consoriului 3W (cel care este abilitat s emit reglementri), calea spre fiier este http://www.w3.org./TR/html4/, iar pentru a accesa fiierul Acrobat Reader6.0 de pe serverul FTP al Universitii tefan cel Mare din Suceava, calea este ftp://ftp.usv.ro/pub/windows/acroread/AdbeRdr60_ece.exe Un exemplu de includere a acestor legturi intr-o pagin web este dat mai jos
<html><head><title> pagina cu linkuri</title><head> <body> <p>mai multe informatii despre HTML poti gasi <a href= http://www.w3.org/TR/html4/>aici</a> <p>iar pentru a descarca gratuit AcrobatReader 4.0 apasa pe<a href= ftp://ftp.usv.ro/pub/windows/acroread/AdbeRdr60_ece.exe > descarca </a> </body> </html>

n fereastra browserului codul de mai sus produce rezultatul din figura 5.11.

Figura 5.11 Pagin Web cu legturi 5.5.1 Imagini ca legturi Imaginile pot fi folosite ca legturi, n aa fel nct atunci cnd se execut click pe ele se activeaz legtura. Pentru aceasta se folosete tot eticheta ancor dar n locul numelui legturii se folosete eticheta de inserare a imaginii. Exemplu:
<html> <head> <title> link image </title> </head> <body> Facand clik pe imaginea alaturata ajungi la cei 3W <a href =http://www.3w.org/> <img src=w3c_main.gif border =0 /> </a> </body> </html>

align

center

86

5.6 Stiluri de pagin Avnd nsuite elementele de baz ale formatrii unui document Web putem reveni asupra formatrii prin definirea stilurilor, lucru care a fost amintit n paragraful 5.2.2. Aa cum am artat avantajul stilurilor logice este acela c modul n care este afiat pe ecran textul cruia i se aplic acest tip de stiluri poate fi definit. n plus, pentru a crea pagini cu aspect unitar, n care toate paragrafele, fonturile, legturile, etc. s aib acelai aspect, se pot defini stiluri de pagini. Modul de definire inline, exemplificat n paragraful amintit pentru stilul nivelul de titlu H1 este incomod, mai ales atunci cnd elementul se repet de mai multe ori n document. Pentru c definiia are efect local, doar pentru textul cuprins ntre etichetele de definire a stilului, ori de cte ori respectivul stil trebuie aplicat acesta trebuie redefinit, de unde i ineficiena metodei. O soluie elegant, care permite definirea stilurilor pentru mai multe elemente ale documentului i care rmn valabile n tot cuprinsul lui o reprezint metoda stilului ncapsulat. Aceasta const n definirea elementelor n cuprinsul Header-ului documentului, i astfel definiiile se aplic ntregului document. Sintaxa de folosire a stilurilor ncapsulate este:
<head> <style type=text/css> Selector_1 {proprietate: valoare} Selector_2 {proprietate: valoare} . Selector_n {proprietate: valoare} </style> </head>

Iat un exemplu de utilizare:

<head> <style type=text/css> H1 {font-family: Arial; font-size: 40pt; color: red} H2 {font-family: Times new Roman; font-size: 24pt; color: blue} P {font-size: 12pt; line-height:20pt } </style> </head>

Selectorii n acest exemplu sunt H1, H2 i P, iar proprietile sunt diferite n raport cu selectorul. Pentru stilurile de heading acestea sunt: font-family, font-size i color, prin care se definesc familia din care face parte fontul utilizat, mrimea i respectiv culoarea. Pentru paragraf proprietile sunt: mrimea fontului i distana ntre paragrafe line-height. Proprietile unui selector se separ prin punct i virgul ; iar ordinea lor nu este important. Dac acelai stil trebuie aplicat mai multor documente atunci secvena de cod dintre etichetele <style> i </style>, inclusiv acestea, trebuie inclus n fiecare pagin. Se poate evita acest lucru prin folosirea unei a treia metode numite legtur cu pagina de stil. Aceasta const n crearea unui fiier care conine toate directivele de formatare (adic tot ceea ce este cuprins ntre etichetele <style> i </style>) care se salveaz cu extensia css. Din documentul cruia trebuie s i se aplice stilul definit n fiierul de stil se apeleaz prin intermediul unei etichete speciale fiierul css. Eticheta folosit este o etichet nepereche i se introduce n header-ul documentului HTML
<LINK REL= stylesheet TYPE= text/css HREF= numefis.css>

Dac fiierul se afl n alt loc dect n dosarul documentului HTML atunci se va specifica i calea spre fiier, dup regulile stabilite. Aceast metod este foarte folosit deoarece permite modificarea uoar a stilurilor mai multor pagini concomitent, prin simpla modificare a fiierului cu directive. Se pot crea mai multe fiiere cu directive care s fie apelate selectiv, o parte din documente s foloseasc un stil, altele alt stil .a.m.d.

87

5.7 Hri de imagine Un efect deosebit l produc n paginile web imaginile sensibile la trecerea cursorului peste ele. Zonele sensibile (hot spot) servesc, cel mai adesea, pentru stabilirea de legturi spre alte documente. Aceste zone se definesc prin intermediul unor hri (map) pe imaginile respective. Sunt dou tipuri de hri utilizate, pe partea de server (Server-side map) sau la client (client-side map). n cele ce urmeaz se va arta cum se realizeaz o hart client-side, care are avantajul c harta este inclus n documentul HTML iar procesul de interpretare se desfoar n interiorul browserului. n felul acesta se reduce traficul ntre client i server i crete viteza de rspuns atunci cnd se execut click pe zonele sensibile. 5.7.1 Hri de imagine client-side Eticheta <MAP> </MAP> se folosete pentru definirea hrilor de imagini din interiorul unor documente HTML. Un document poate conine mai multe imagini, dar nu toate au atribuite hri. Pentru fiecare imagine creia i se atribuie o hart trebuie construit harta corespunztoare. Hrile trebuie denumite pentru a putea fi identificate n interiorul documentului. Atribuirea numelor se face cu ajutorul atributul NAME. n cod HTML acest lucru se scrie
<MAP Name=harta1></MAP>

Pasul urmtor trebuie s stabileasc zonele sensibile ale imaginii. Aceste zone pot fi dreptunghiuri, cercuri sau poligoane neregulate. Ele se definesc cu ajutorul etichetei <AREA> i atributelor SHAPE i COORDS, dup cum se arat n continuare. Eticheta <AREA> este etichet nepereche i se plaseaz ntre etichetele <MAP> i </MAP>. Atributul SHAPE poate lua trei valori: RECT pentru suprafeele dreptunghiulare, CIRCLE pentru suprafeele circulare i POLYGON pentru cele de form poligon neregulat. Precizarea coordonatelor se face prin intermediul atributului COORDS i se exprim n pixeli. Pentru dreptunghiuri se dau coordonatele colului din stnga sus i colului dreapta jos, separate prin virgule. Exemplu: <area shape="rect" coords="x1,y1, x2,y2">. Pentru formele circulare se dau coordonatele centrului i raza, de asemenea separate prin virgul. Exemplu: <area shape="circle" coords="x1,y1, r">. Pentru forme de poligon neregulat se alege un sens de parcurgere a poligonului i se dau coordonatele tuturor colurilor, n ordinea n care acestea se ntlnesc la parcurgerea poligonului. Pentru o form triunghiular oarecare se scrie <area shape="polygon" coords="x1,y1, x2,y2, x3,y3">. n exemplele de mai sus spaiile libere dintre perechile de coordonate au rol de evideniere i chiar dac se introduc n scrierea codurilor ele vor fi ignorate. Dup ce s-a definit o arie se va informa browserul asupra adresei legturii ce se va stabili la apsarea butonului stng al mouselui pe zona sensibil. Se utilizeaz cuvntul cheie HREF n interiorul etichetei <AREA>, aa cum s-a artat n cazul etichetei ancor. Aceast operaie se va face pentru fiecare zon definit n parte. n sfrit, harta definit anterior trebuie asociat cu imaginea dorit. Pentru aceasta, n punctul unde trebuie inserat imaginea, n interiorul etichetei <IMG SRC> se va introduce cuvntul rezervat USEMAP cu argumentul #harta (USEMAP= #harta1). ATENIE, de data aceasta numele hrii va fi precedat de semnul diez #! Dac sunt mai multe hri, fiecare va fi definit independent, va primi un nume distinct i va fi asociat cu imaginea corespunztoare dorit. Gestionarea imaginilor i hrilor trebuie fcut cu atenie deoarece dac unei imagini i se asociaz, din greeal, o alt hart atunci rezultatele sunt departe de ceea ce s-a dorit. n continuare se d un exemplu de utilizare a unei hri de imagine. Exemplu:
<HTML> <HEAD>

88

<TITLE>Exemplu cu client side map</TITLE> </HEAD> <body> <map name="harta1"> <area shape="rect" coords=0,42,64,77 href= "http://lectii.freehost.ro/curs1.htm" alt="lectia 1"> <area shape="rect" coords=68,42,135,77 href= "http://lectii.freehost.ro/curs2.htm" alt="lectia 2"> <area shape="rect" coords=139,42,211,77 href= "http://lectii.freehost.ro/curs3.htm" alt="lectia 3"> <area shape="rect" coords=214,42,277,77 href= "http://lectii.freehost.ro/curs5.htm" alt="lectia 5"> </map> <p align="center"> fiecare eticheta corespunde unei lectii<br> <p align="center"> <img src="cuprins.jpg" border="0" usemap= "#harta1"> </p> </body> </HTML>

Se constat c la trecerea peste zonele sensibile, definite de hart, cursorul i schimb aspectul, lund aceeai form ca la trecerea peste o legtur (de fapt chiar aa i este, fiecare hot-spot are asociat un link). Dac se menine cteva secunde cursorul peste oricare din zonele sensibile, n dreptul lui apare o caset cu un text explicativ, figura 5.12.

Figura 5.12 Text explicativ la trecerea peste o zon sensibil Aceasta este o facilitate a browserelor mai recente i este bine s fie folosit pentru a informa utilizatorul asupra efectului acionrii butonului stng al mouseului. Dac se analizeaz codul din exemplul de mai sus se observ imediat c s-a utilizat atributul ALT pentru generarea textului alternativ, n interiorul etichetei <AREA> . Sunt pagini pe web construite aproape n totalitate cu hri de imagini, iar realizarea lor este att de elaborat nct cu greu poate cineva s-i dea seama de acest lucru, cum ar fi revista online Atlas Web: http://www.atlasmagazine.com/win98.html. Singura problem care rmne de rezolvat pentru a realiza imagini cu zone sensibile este cea a determinrii coordonatelor. 5.7.2 Obinerea coordonatelor Coordonatele care trebuie introduse ca argumente ale atributului COORDS se obin simplu cu ajutorul oricrui program de prelucrare a imaginilor. Inclusiv aplicaia Paint din Windows permite acest lucru. Dup ncrcarea fiierului imagine n aplicaia respectiv, undeva pe bara de stare a aplicaiei apar coordonatele curente ale poziiei cursorului. Prima coordonat este distana pe orizontal, n pixeli, fa de marginea stng a imaginii iar a doua coordonat este distana, pe vertical fat de marginea superioar a imaginii, exprimat n pixeli. Colul din

89

stnga sus al imaginii are coordonatele 0,0. Pentru construirea hrii se plaseaz cursorul n fiecare col al zonei sensibile i se noteaz coordonatele. Pentru cerc se plaseaz cursorul n punctul unde se dorete a se stabili centrul iar apoi, dup notarea coordonatelor, se apreciaz mrimea razei prin deplasarea cursorului n diverse puncte ale imaginii. 5.8 Cadre (frames) Utilizarea cadrelor mbogete coninutul documentelor Web i creeaz noi faciliti pentru utilizator. Cadrele mpart ecranul n mai multe pri, fiecare din ele coninnd cte un document HTML. Diverse aciuni (evenimente) care au loc n unul din cadre determin efecte n respectivul cadru sau n oricare din celelalte cadre. Dei sunt elemente introduse relativ recent n specificaiile HTML nu toate browserele neleg i pot prelucra documentele care conin cadre. Ultimele versiuni ale principalelor browsere pot prelucra, fr excepie, documentele care conin cadre. Pentru crearea lor se utilizeaz dou etichete: <FRAMESET> </FRAMESET> i <FRAME>. Eticheta <FRAMESET> folosete pentru setarea cadrelor. Atributele cele mai utilizate sunt: COLS=expresie ROWS=expresie expresia stabilete numrul i dimensiunea cadrelor verticale expresia stabilete numrul i dimensiunea cadrelor orizontale

Seciunea de declarare a cadrelor ncepe cu <FRAMESET> i se termin cu </FRAMESET>. Aceast seciune se plaseaz ntre seciunile HEAD i BODY ( naintea etichetei <BODY> ) Spre exemplu, dac se dorete mprirea ecranului pe orizontal, n dou cadre, dintre care primul s ocupe 200 pixeli iar al doilea restul ecranului, codul va fi:
<frameset rows=200,*></frameset>

Dac se dorete mprirea ecranului n dou cadre verticale, din care primul s ocupe 300 pixeli, codul se scrie:
<frameset cols=300,*></frameset>

Argumentele atributelor rows i cols pot fi i sub form procentual, aa cum s-a mai artat n cazul tabelelor. Semnul asterisc indic faptul c urmtorul cadru va ocupa restul de spaiu din ecran, dar se poate preciza i explicit o anumit valoare a acestuia. De regul nu se mparte ecranul n mai mult de 3 cadre. Cteva moduri de mprire sunt artate n figura 5.13

Figura 5.13 Cteva posibiliti de mprire a ecranului n cadre Pentru prima situaie din figura 5.13 codul corespunztor este:
<frameset rows=r%,*> <frameset cols=c%,*> </frameset>

unde r i c sunt numere ce reprezint nlimea cadrului orizontal din partea superioar a ecranului, respectiv limea cadrului din partea dreapt, ambele n procente. OBSERVAIE Eticheta <frameset> poate aprea de mai multe ori n seciunea de declarare a cadrelor, dar eticheta </frameset> doar o dat, la terminarea declarrii. Pentru a comunica browserului ce anume trebuie s afieze n fiecare cadru se folosete eticheta <FRAME />. Aceast etichet se plaseaz n seciunea de declarare a cadrelor, naintea etichetei

90

</FRAMESET> de attea ori cte cadre sunt declarate. Atributele cele mai comune ale etichetei sunt explicate n tabelul 5.2 Tabel 5.2 Principalele atribute ale etichetei FRAME NAME=expresie NORESIZE Atribuie un nume cadrului spre a putea fi folosit ca int pentru efectul unei aciuni din alt cadru. Implicit nu se atribuie nici un nume. Folosirea lui previne posibilitatea redimensionrii cadrului de ctre utilizator. Are trei valori, YES, NO i AUTO. Indic dac n interiorul cadrului se afieaz sau nu o bar de derulare. Daca valoarea este YES, bara va fi afiat ntotdeauna. Dac valoarea este NO atunci bara nu va aprea, chiar dac obiectul din cadrul respectiv nu ncape complet n cadru. n mod implicit valoarea este AUTO i bara va fi afiat doar dac obiectul nu ncape n cadru. valoarea specific URLul obiectului ce se afieaz n cadrul respectiv.

SCROLLING=expresie

SRC=expresie

S ne referim n continuare la exemplul 1 din figura 5.13 unde dorim urmtoarea organizare: n cadrul de sus s fie afiat documentul sus.htm, n cadrul din stnga documentul linkuri.htm iar in cadrul din dreapta pagina principal main.htm Orice click pe o legtur din cadrul din stnga (din documentul linkuri.htm) s determine afiarea documentului de legtur n cadrul din dreapta. Pentru cadrul de sus se aloc 100 rnduri, restul fiind mprite n dou cadre verticale, cel din stnga de 250 coloane (pixeli) iar cel din dreapta ocupnd restul coloanelor din limea ecranului. Pentru aceasta vom scrie:
<frameset rows=100,*> <frame name=top src=sus.htm /> <!- s-au setat 2 cadre orizontale, celui de sus i s-a atribuit numele top si va incarca pagina sus.htm --> <frameset cols=250,*> <!-- cadrul inferior s-a impartit in doua cadre verticale din care primul ocupa 250 de coloane iar al doilea restul --> < frame name=left src=linkuri.htm /> <frame name =right src=main.htm /> <!-- cadrului din stinga i s-a atribuit numele left, va incarca pagina linkuri.htm; celui din dreapta i s-a atribuit numele right si va incarca pagina main.htm --> </frameset>

Pentru ca activarea legturii din cadrul stng s produc efect n cadrul din dreapta, n eticheta ancor a fiecrei legturi din pagina linkuri.htm se va introduce atributul TARGET cu argumentul RIGHT. Eticheta <frameset > admite i ea cteva atribute, dou dintre ele fiind explicitate n tabelul 5.3 Tabel 5.3 Atributele etichetei FRAMESET FRAMESPACING =n stabilete spaierea ntre cadre la n pixeli

91

FRAMEBORDER = expresie

stabilete existena sau inexistena chenarului despritor dintre cadre dup cum argumentul expresie ia valorile YES sau NO

Pentru utilizatorii care folosesc browsere care nu suport cadre este bine s se ofere o reprezentare alternativ a paginii sau mcar o explicaie cu privire la coninutul acesteia. n acest scop se folosete eticheta <NOFRAME> </NOFRAME>. Eticheta acioneaz ca un container n interiorul creia se afl seciunea de BODY a documentului alternativ. 5.9 Formulare (forms) Formularele sunt instrumentele prin care designerul paginii web d posibilitatea utilizatorului s completeze anumite cmpuri puse la dispoziie n interiorul paginii. La apsarea unui buton datele introduse n respectivele cmpuri sunt trimise la server unde sunt prelucrate de un program care ruleaz pe server. Acesta genereaz un document HTML cu un coninut care depinde de rezultatul prelucrrii formularului (generare dinamic a paginii) i l trimite la browser. Formularele reprezint partea interactiv a documentelor HTML. Dei funcionalitatea formularelor este legat att de programele de pe server ct i de o alt component a documentelor web, anume programele pe partea de client cum sunt JavaScript sau VB Script, care nu fac obiectul prezentului curs, se prezint totui n continuare elementele de coninut ale unui formular i cteva exemple de utilizare, uor de neles i utilizat. Informaii utile (i accesibile pentru neprofesioniti n programare) despre CGI i JavaScript pot fi gsite n [6] i [7], iar despre programarea diferitelor aplicaiilor n Internet, n [8]. Eticheta care delimiteaz un formular este <FORM> </FORM>. n interiorul etichetei se ntlnesc urmtoarele etichete care implementeaz formularul: <INPUT />, <SELECT> </SELECT>, <OPTION />, <TEXTAREA> </TEXTAREA>. Eticheta <FORM> poate aprea de mai multe ori ntr-un document, dar numai dup ce formularul anterior a fost nchis cu eticheta </FORM>. n interiorul unui formular pot fi folosite oricare dintre etichetele nvate pn acum, cu condiia s fie utilizate corect. Are dou atribute, ACTION i METHOD. La rndul lui atributul ACTION poate fi folosit n dou moduri, a. ACTION = URL, unde URL este adresa programului care va prelucra formularul b. ACTION = mailto: adresa de e-mail. Acest mod de folosire nu necesit program de prelucrare pe server i nici utilizarea (dect facultativ) de scripturi n documentul HTML, datele fiind expediate prin e-mail la adresa specificat. Este ns i modul cel mai puin utilizat deoarece presupune, pe de o parte, prelucrarea manual a datelor de ctre cel care le primete i pe de alt parte existena unui program de e-mail corect configurat pe calculatorul client. Al doilea atribut se folosete pentru a stabili modul n care sunt preluate i transmise datele din formular: METHOD = metoda de schimb a datelor. Metoda de schimb a datelor poate fi POST sau GET, prima fiind cea mai utilizat. 5.9.1 Definirea unui cmp de intrare. Eticheta <INPUT />, etichet nepereche are urmtoarele atribute: A) atributul TYPE = nume_tip, n care nume_tip poate avea urmtoarele valori text definete un cmp pentru introducerea unui text password definete un cmp pentru introducerea unui ir de caractere care nu vor fi afiate ci nlocuite cu asteriscuri

92

B) C)

D) E) F)

checkbox (caset de validare) definete o caset care poate fi selectat sau nu de utilizator ntr-o list de opiuni ce nu se exclud una pe alta radio definete un cmp care poate fi selectat sau nu ntr-o list de opiuni care se exclud reciproc button definete un buton a crui aciune este precizat de un handler de evenimente (JavaScript) submit definete un buton a crui acionare trimite datele din formular la server sau prin e-mail la adresa specificat reset definete un buton a crui acionare anuleaz toate datele introduse n cmpuri i le readuce la valorile implicite hidden (ascuns) definete un cmp de intrare invizibil a crui valoare este trimis mpreun cu restul valorilor din formular. Se folosete pentru a trece informaii de la un script la altul sau de la un formular la altul atributul NAME = ir de caractere folosete pentru identificarea elementului de formular n cadrul formularului atributul VALUE = ir de caractere stabilete valoarea implicit din cmpurile de intrare. Mai precis, pentru cmpurile de tip radio i checkbox valorile atributului sunt cele care se transmit la server dac casetele respective au fost alese. Pentru cmpurile de tip button, reset i submit, valorile atributului sunt cele afiate n interiorul butonului n locul denumirilor Button, Reset sau Submit. Pentru cmpurile de tip text i password caracterele introduse de utilizator le vor nlocui pe cele implicite atributul CHECKED, se aplic doar cmpurilor de tip radio sau checkbox. Acolo unde este folosit cmpul respectiv apare ca marcat implicit atributul SIZE= valoare stabilete numrul de caractere afiate n cmpurile de intrare de tip text i password atributul MAXLENGTH= lungime ir seteaz numrul maxim de caractere ce pot fi n interiorul cmpurilor de intrare de tip text sau password. 5.9.2 Definirea unui cmp de selecie

De multe ori este necesar s se pun la dispoziia utilizatorului o caset text cu o list de opiuni predefinite. Pentru acest scop se folosesc etichetele <SELECT> </SELECT> i <OPTION />. Prima etichet definete lista. Pentru identificare n interiorul formularului se folosete atributul NAME, iar pentru stabilirea lungimii listei (numrului de opiuni afiate n list) se utilizeaz atributul SIZE = lungime list, lungime list fiind un numr ntreg pozitiv. Atributul MULTIPLE permite selectarea mai multor opiuni. OBSERVAIE. Dac nu se utilizeaz atributul SIZE, fereastra n care sunt listate opiunile este afiat de browser cu mrimea implicit, iar dac numrul de opiuni depete aceast mrime n fereastr vor fi listate doar o parte dintre acestea. Va apare ns n partea dreapt a listei o bar de derulare vertical cu ajutorul creia pot fi defilate toate opiunile listei. Acelai lucru se ntmpl dac numrul opiunilor depete lungimea listei declarat cu SIZE. Dac se precizeaz prin intermediul atributului SIZE lungimea listei, aceasta va fi afiat integral ntr-o fereastr dimensionat corespunztor. Exemplificarea efectului se poate vedea n figura 5.14.

93

Figura 5.14 List cu 6 opiuni a) declarate prin SIZE b) fr declaraie de lungime Eticheta <OPTION />, nepereche, servete pentru introducerea listei de opiuni. Dac se dorete ca una dintre opiuni s fie selectat implicit se folosete atributul SELECTED. Iat un exemplu de editare a unui cmp de selecie:
<select multiple size=6> <option /> optiunea 1 <option selected /> optiunea 2 <option /> optiunea 3 <option /> optiunea 4 <option /> optiunea 5 </select>

Efectul este cel din figura 5.14a. 5.9.3 Definirea unei arii de text. Atunci cnd trebuie pus la dispoziia utilizatorului un cmp mai mare n care acesta s poat introduce un text mai amplu se utilizeaz o zon de text. Eticheta corespunztoare este <TEXTAREA> </TEXTAREA>. Pe lng atributul NAME deja cunoscut eticheta admite i atributele ROWS = nr de rnduri i COLS = nr de coloane, prin care se specific dimensiunea ariei de text, n rnduri i coloane. Valorile atribuite trebuie s fie numere ntregi i pozitive.

Figura 5.15 Diverse elemente de formular folosite ntr-un document Dac ntre eticheta de nceput i de sfrit a ariei text se plaseaz un text, acesta va fi afiat n interiorul ariei de text ca valoare implicit, i trebuie nlocuit de textul introdus de utilizator. n ncheierea acestei enumerri s vedem cum se pot folosi elementele de formular prezentate ntrun document Web. Codul folosit pentru generarea acestor elemente de formular este:
<HTML>

94

<head> <title>elemente de formular</title></head> <body> <form name= action= method=POST> cimp tip text <input type="text" size="20" name="text1" value="abcd" /><br> cimp tip password <input type="password" size="6" name="text2" value="abcd" /><br> buton radio <input type="radio" name="opt1" /> si un buton radio selectat <input type="radio" name="opt2" checked /><br> caseta de validare <input type="checkbox" name="opt3" /> si caseta de validare selectata <input type="checkbox" checked name="opt4" /><br> buton oarecare<input type="button" name="buton1" value="un buton" /> buton submit <input type="submit", name="buton2" value= "trimite" /><br> arie de text<textarea cols="40", rows="12" name="text3" > introduceti aici comentariul dumneavoastra </textarea> </form> </body> <HTML>

Documentul ncrcat n browser are aspectul din figura 5.15.

Putei s introducei n pagina dumneavoastr de web un formular fr a avea nevoie de vreun program pe partea de server sau s cunoatei JavaScript. Acest formular folosete pota electronic pentru trimiterea datelor i, evident, va trebui s prelucrai datele i s rspundei manual celui ce v-a trimis formularul. n exemplul care urmeaz se pune la dispoziia utilizatorului o arie de text n care acesta i poate introduce comentariul legat de subiectul propus n pagina dumneavoastr. La apsarea butonului expediaz textul va fi trimis pe adresa de e-mail specificat ca argument al atributului ACTION. Sursa codului este:
<HTML> <head> <title>mailto:</title> </head> <body> <form method="post" action="mailto:adresa de e-mail" enctype="text/plain"> <textarea rows="10" cols="40" name="comentariu"> Comentariul dumneavoastra </textarea> <input type="submit" value="expediaza" > </form> </body> </HTML>

aici

Atributul enctype este folosit pentru a seta tipul de criptare a informaiei la expediere. n cazul de fa argumentul este text/plain, adic informaia este de tip text astfel c va putea fi citit n corpul emailului. Pentru a putea rula codul, sau pentru a-l putea utiliza efectiv, calculatorul pe care se ruleaz trebuie s aib instalat un client de e-mail iar adresa de e-mail din eticheta FORM trebui s fie valid. n continuare se dau, cu titlu de exemplu, cteva moduri de manipulare a formularelor cu ajutorul Javascript. Exemplul 1 adun dou numere care se introduc n dou casete text. Pentru efectuarea adunrii se folosete butonul Rezultat
<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-function AddNumbers() { x = eval(AddForm1.Value1.value)+ eval(AddForm1.Value2.value); alert ("rezultatul= "+x); } // --> </SCRIPT> </HEAD> <body> <FORM NAME="AddForm1">

95

<INPUT TYPE="text" NAME="Value1" Size="5">+ <INPUT TYPE="text" NAME="Value2" Size="5"> <INPUT TYPE="button" VALUE="Rezultat" onClick="AddNumbers()"> </FORM> </body> </HTML>

Exemplul 2 arat cum se poate face verificarea coninutului unui formular.

<html><head> <script language="javascript"> <!--ascunde pentru browserele vechi function test1(form) {if (form.raspuns.value=="") alert("introduceti optiunea dumneavoastra"); else if (form.raspuns.value<"1" || form.raspuns.value>"3") alert("nu exista asemenea optiune"); else if (form.raspuns.value=="1") alert("corect");else alert("gresit, corect era 1") } --> </script></head> <body> JavaScript este: <cite> <ol> <li> Un limbaj de programare <li> O versiune simplificata de Java <li> O scriere veche din insulele Java </ol> </cite> <form> raspunsul corect este <input name="raspuns" type="text" size="1" ><br> <input type="reset" value="sterge"> <input name="check" type="button" value="raspuns" onclick="test1(this.form)"> </form> </body> </html>

Din ambele exemple se poate constata c scriptul este plasat n interiorul antetului. El se ncarc o singur dat la ncrcarea documentului. De asemenea, n ambele cazuri sunt utilitate funcii, n primul caz fr parametri iar n al doilea caz cu un parametru, test1 (form). Funciile se declar n interiorul scriptului i se folosesc n corpul documentului, ori de cte ori este necesar, cu precizarea parametrilor actuali. Instruciunile funciei sunt scrise ntre acolade i sunt separate prin ;. Pentru browserele vechi care nu recunosc versiunile superioare de JavaScript este indicat s se ascund scriptul pentru a nu fi interpretat n mod eronat. Acest lucru se face incluznd scriptul propriu zis ntre etichetele de comentariu.

Departe de a fi epuizat subiectul, vom pune punct aici scurtei noastre incursiuni n tehnica proiectrii paginilor Web cu ajutorul limbajului HTML, recomandnd ca material bibliografic extrem de util lucrarea [9]. 5.10 Editarea, verificarea, gzduirea i promovarea unui site Web. 5.10.1 Editarea i verificarea unui Site Web. Un site web este o colecie de documente web reunite sub o anumit tem. Documentele pot fi stocate (gzduite) pe unul sau mai multe servere Web din Internet. nainte de a transfera respectivele documente de pe calculatorul unde au fost create pe server este necesar s se verifice funcionarea corect a legturilor, att ntre documentele locale ct i cu cele de pe alte servere. Acelai lucru trebuie fcut atunci cnd paginile au incluse imagini, sunete sau alte obiecte. Folosirea adreselor relative pentru paginile i obiectele de pe calculatorul local este obligatorie pentru a asigura funcionarea corect a legturilor dup transfer. De asemenea se recomand ca toate documentele i obiectele s fie organizate ntr-un dosar (folder) unic care va conine, la rndul lui, alte dosare tematice. De exemplu, toate documentele HTML vor fi incluse n dosarul Myhtml de pe discul C:, toate imaginile folosite n paginile respective se vor plasa

96

n dosarul Pictures, toate obiectele multimedia n dosarul Media, scripturile JavaScript n dosarul JS i aa mai departe. Dosarele Pictures, Media i JS se vor fi coninute de dosarul principal Myhtml. O prim verificare const n mutarea dosarului MyHTML pe o alt unitate de disc, pe D: sau chiar A: i apoi verificarea funcionrii de pe noua locaie. Dac totul este n regul ansele ca site-ul s funcioneze i dup transferul fiierelor pe server sunt foarte mari. n cazul cnd anumite legturi nu funcioneaz, sau lipsesc imagini din pagini se vor verifica adresele de link pentru fiecare n parte i se corecteaz greelile. O alt recomandare este ca numele tuturor fiierelor s fie formate din maximum 8 caractere, iar extensiile pentru fiierele HTML s fie aceleai, fie htm fie html, pentru a se evita complicaiile legate de specificarea incorect a fiierelor. Din acelai motiv, pentru fiierele tip JPEG se va folosi, n mod unitar, aceiai extensie n numele fiierului, fie jpg fie jpeg. Cnd site-ul este creat sub sistemul de operare Windows, numele fiierelor sunt Case Insensitive. De aceea un scrierea numelui fiierelor cu combinaii de majuscule i minuscule nu afecteaz funcionalitatea legturilor la testarea pe calculatorul unde a fost editat site-ul. Deoarece serverele Web care gzduiesc paginile lucreaz sub alte sisteme de operare, de regul Unix sau Linux, este posibil ca o parte din legturi s nu funcioneze tocmai din aceast cauz. Spre exemplu un fiier cu numele Poza1.jpg dac este referit din interiorul unei pagini ca poza1.jpg, pe calculatorul local imaginea coninut de fiier va fi afiat n pagin n timp ce pe server ea nu va mai fi afiat. Pentru aceasta este bine ca toate numele de fiiere s fie scrise cu minuscule. La transferul fiierelor cu ajutorul clienilor FTP sau prin programe de management al fiierelor puse la dispoziie de serverele Web exist posibilitatea de a opta pentru convertirea numelui fiierelor n lower case. n acest fel numele tuturor fiierelor de pe server vor conine numai caractere minuscule. Singura grij ar mai fi ca referirea lor n interiorul documentelor s fie fcut tot cu minuscule. Dintr-un motiv ce va fi explicat n paragraful urmtor se recomand ca pagina principal a siteului, cea care trebuie s asigure legturile spre cele mai reprezentative pagini ale acestuia s fie intitulat index.html. Aceast pagin trebuie s aib dimensiuni mici (recomandat sub 60kB) pentru a se asigura ncrcarea ei rapid. n cazul unei conexiuni prin linie telefonic i modem la o rat de transfer de 28800b/s (3,6KB/s) o pagin de asemenea mrime se ncarc n aproximativ 17s, ceea ce este destul de mult. Mai trebuie inut cont c dei viteza de transmitere ntre calculator i server poate fi de 28800b/s sau mai mare, viteza efectiv de transfer a informaiei este, de cele mai multe ori, mai mic, funcie de trafic. Studiile efectuate arat c majoritatea covritoare a utilizatorilor renun la vizualizarea paginilor a cror ncrcare dureaz mai mult de 30s. Din acest motiv pagina index trebuie s conin doar imaginile strict necesare i acestea la o rezoluie acceptabil. Imaginile cu nalt rezoluie pot fi puse la dispoziia utilizatorului n alte pagini, ca legturi ale imaginilor din pagina index. 5.10.2 Gzduirea unui Site Web Pentru a deveni disponibil pe Internet site-ul creat trebuie gzduit (hosted) pe un server Web. Acest lucru se poate realiza n dou feluri: 1) ISPul cu care este ncheiat contractul de furnizare a serviciilor de Internet are inclus serviciul de hosting i ofer un spaiu de disc variabil, funcie de ofert, tipic 5-10MB. Tot el poate s nregistreze site-ul cu o denumire personalizat, de exemplu www.gigiturism.ro. Alt posibilitate este ca URLul site-ului s fie ales i comunicat de ISP sub forma unui director, de exemplu www.gigiturism.ro . 2) gzduirea gratuit pe servere comerciale. Acestea adaug bannere publicitare pe fiecare pagin gzduit dar nu percep nici un fel de tax pentru hosting. n primul caz ISPul furnizeaz informaiile privind setarea site-ului personal. De cele mai multe ori aceste informaii constau n comunicarea unui nume de utilizator, a unei parole i a adresei 97

web URL a paginii index. Transferul fiierelor se face via FTP utiliznd un client FTP. Nu se adaug bannere publicitare paginilor gzduite; mai mult, este posibil ca ISPul s asigure din pagina proprie un link spre site-ul gzduit, ceea ce poate conduce la o cretere a numrului de vizitatori. La rezilierea contractului ISPul terge site-ul care nu va mai fi disponibil. n al doilea caz gzduirea este gratuit dar preul pltit este c paginile vor conine bannere publicitare. n aceast situaie utilizarea paginilor care conin cadre nu este recomandat deoarece bannerele au dimensiuni mai mari dect limea cadrului i aspectul paginii, n ansamblu, are de suferit. (Exist i oferte de upgrade a serviciului de hosting, contra cost, prin care se pune la dispoziie un spaiu de disc mai mare i se elimin i bannerele.) Fa de situaia anterioar avantajul n cel de al doilea caz este c paginile rmn disponibile un timp nelimitat, neexistnd clauze contractuale n acest sens. Cteva servere care gzduiesc gratuit pagini web sunt www.geocities.com, www.tripod.com, www.angelfire.com, www.xhost.ro, www.as.ro. Transferul fiierelor se poate face fie prin FTP fie prin upload cu ajutorul unui site manager pus la dispoziie de serverul gazd. NOT. Proprietarii serverelor nu ncurajeaz gzduirea siteurilor comerciale sau cu scop de profit, att timp ct serviciul de gzduire este gratuit. Este momentul s explicm motivul pentru care este recomandat ca pagina principal s se numeasc index.html. Majoritatea serverelor gazd sunt setate pentru a interpreta paginile cu aceast denumire ca pagini principale. Altele, mai puine, au setat ca denumire a paginii principale default.html. Avantajul este c se scurteaz adresa paginii. De exemplu, n loc s se introduc adresa complet a paginii principale a site-ului, www.gigiturism.ro/index.html, se tasteaz scurt, www.gigiturism.ro . 5.10.3 Promovarea unui Site web Odat transferate fiierele pe serverul gazd i probat funcionarea site-ului aceasta nu nseamn, automat, c o persoan care navigheaz pe Internet va gsi paginile respective fr s cunoasc precis adresele lor. ansa ca respectivele pagini s poat fi descoperite din ntmplare este att de mic nct nici nu merit luat n calcul. Pentru a face posibil gsirea paginilor respective de ctre motoarele de cutare trebuiesc realizate dou lucruri: 1. Adugarea de etichete speciale META n antetul paginilor 2. nregistrarea paginilor la ct mai multe motoare de cutare 5.10.3.1 Etichetele META Cnd un utilizator caut ceva pe Internet apeleaz la serviciile unor motoare de cutare (search engine) cum ar fi Google, Yahoo, Altavista, Infoseek, Lycos, etc. n procesul de cutare acestea folosesc informaiile coninute de nite etichete speciale, etichetele META. Aceste informaii nu sunt afiate n pagina web dar pot fi vizualizate n surs. n cele ce urmeaz sunt prezentate dou dintre acestea. Forma general a etichetelor META este
<META NAME=nume_eticheta CONTENT= continut>

Argumentul atributului NAME poate lua mai multe valori din care enumerm: description, specific faptul c eticheta conine descrierea, pe scurt, a coninutului paginii. Aceast descriere se introduce ca argument a atributului CONTENT i este afiat de motorul de cutare atunci cnd gsete pagina. Descrierea nu trebuie s depeasc 200 de cuvinte. Formatul este: <META NAME=description CONTENTt= descrierea pe scurt> keywords, specific faptul c eticheta conine cuvintele cheie, acele cuvinte considerate ca reprezentative pentru coninutul paginii. Formatul este: <META NAME =keywords CONTENT= niruirea cuvintelor cheie>

98

Cuvintele trebuie separate prin spaiu sau virgule, iar n total nu trebuie s depeasc 1000 de caractere. Ele nu sunt afiate de motorul de cutare ci doar folosite de acesta n procesul de cutare dup cuvinte cheie. De exemplu o pagin care are ca obiect prezentarea serviciilor oferite de un hotel din municipiul Suceava poate avea ce descriere urmtorul : <META NAME =DESCRIPTION CONTENT =hotelul ASTRA din Suceava ofer servicii de cazare la standard de 3 stele, bar, restaurant - 60 locuri -, saun. 30 de camere cu 2 paturi, 2 apartamente i central termic proprie la preuri romneti> iar ca i cuvinte cheie <META NAME =Keywords CONTENT=hotel cazare camere 3stele turism servicii restaurant Suceava Romania hosting accomodation rooms> author, specific faptul c eticheta conine numele autorului paginii, numele acestuia constituind argumentul atributului CONTENT. Pentru cazul exemplificat este util ca site-ul s conin i o versiune ntr-o limb de circulaie european. Alegerea limbii trebuie s poat fi fcut din pagina index. Fiecare pagin va avea propria descriere i cuvinte cheie, n limba respectiv. Pagina index va conine cuvinte cheie n toate limbile n care paginile sunt disponibile. Etichetele META pot conine i directive ctre roboii de cutare prin care acetia sunt instruii s nu indexeze pagina curent i paginile care au linkuri n pagina curent:
<META NAME=robots CONTENT="noindex,nofollow">

sau s nu indexeze pagina dar s indexeze paginile care au linkuri n pagina curent:
<META NAME=robots CONTENT="noindex,follow">

Tot cu ajutorul unei etichete META browserul poate fi determinat s ncarce automat o alta pagin, specificat, dup un timp, de asemenea specificat:
<META HTTP-EQUIV=Refresh CONTENT="10; URL=http://www.google.com/">

face ca pagina care conine aceast etichet s fie nlocuit dup 10 secunde cu pagina index a motorului GOOGLE. 5.10.3.2 nregistrarea unei pagini Simpla introducere a etichetelor META n HEADul documentului nu rezolv problema gsirii acestuia de ctre motoarele de cutare. nregistrarea unei pagini la un motor de cutare, sau mai corect a unui URL este o operaie prin care respectiva pagin este indexat de respectivul motor. Aceasta nseamn c adresa URL este introdus ntr-o baz de date care este cercetat la lansarea cererii de cutare. O pagin indexat la un motor va fi gsit doar de motorul respectiv. O promovare eficient presupune nregistrarea paginii la ct mai multe astfel de motoare. Sunt disponibile trei procedee pentru a realiza acest lucru. Primul procedeu folosete o legtur din pagina motorului de cutare intitulat Submit a Site sau Add URL. Aceast legtura apare la unele motoare chiar n pagina principal iar la altele trebuie descoperit prin cutare n paginile spre care exist legturi din pagina principal. Activarea respectivelor linkuri deschide o fereastr care conine toate informaiile necesare adugrii paginii. La unele motoare indexarea se face automat, prin intermediul unor roboi, dar la altele se face manual (Yahoo) ctre o echip de editori. n oricare din variante indexarea nu se realizeaz imediat, solicitarea ateapt ntr-o coad pn cnd este rezolvat. Durata de ateptare variaz de la 2 sptmni pn la aproape 2 luni (Lycos). La momentul editrii prezentei lucrri Altavista este motorul care asigur cea mai rapid indexare. nregistrarea este gratuit dar sunt i motoare care o fac contra cost. A doua metod const n folosirea unor programe, ex. SubmitWolf, care adaug paginile la mai multe motoare de cutare. Aceste programe nu sunt gratuite dect n versiuni demonstrative, la

99

care indexarea se face la un numr mic de motoare i mai puin cunoscute. Astfel de programe pot rula pe calculatorul clientului sau online. n sfrit, a treia metod const n apelarea la serviciile unor site-uri specializate n promovarea paginilor pe Internet. Aceste servicii sunt oferite de profesioniti i asigur, de regul, o bun clasare n lista de rezultate a motoarelor de cutare. Serviciile sunt contra cost.

ntrebri de verificare 1. Un document HTML este structurat n: a) o singur parte b) dou pri c) un numr variabil de pri funcie de coninutul documentului 2. Etichetele folosesc pentru: a) separarea diferitelor pri ale documentului b) pentru organizarea codului surs n scopul creterii inteligibilitii c) pentru marcarea textului i stabilirea aspectului paginii Web 3. Care din urmtoarele etichete sunt nepereche? a) <META>, <P>, <BR>, <FRAME> b) <HR>, <LI>, <AREA>, <OPTION> c) <MAP>, <STYLE>, <OL> 4. Atributul CELLSPACING determin: a) spaierea ntre celulele unui tabel b) spaiul dintre chenarul celulei i coninutul ei c) cte celule adiacente include celula curent, pe vertical sau orizontal. 5. Care din urmtoarele linii de cod HTML sunt corecte? a) <img src=poza2.gif WIDTH=110 HEIGHT =71 ALIGN=top usemap=harta2a> b) <A href=http://www.evz.ro><img src=logoevz.bmp height=25 width=40></A> c) <Map name=map01><Area shape=circle coords=40,40,18></Map> 6. Atributul ALT se folosete pentru: a) introducerea unui text alternativ pentru imagini b) desemnarea unui font alternativ fontului utilizat c) desemnarea unui text alternativ pentru hot-spots 7. Eticheta FRAME folosete pentru: a) definirea cadrelor unei pagini b) setarea coninutului unui cadru definit anterior c) comunic browserului c pagina ncrcat conine cadre 8. Deosebirea dintre un element de intrare de tip text i unul de tip password const n: a) elementul password permite introducerea a maximum 8 caractere b) nu exist deosebiri dac nu sunt identificate prin nume c) elementul password ascunde caracterele introduse de la tastatur nlocuindu-le cu asteriscuri 9. Rolul butonului SUBMIT este: a) definit de atributul VALUE b) trimite datele din formular ctre server sau prin e-mail la adresa specificat cu atributul ACTION c) acelai ca al oricrui buton dar are valoarea implicit SUBMIT Probleme propuse 1. Creai o pagin Web care s conin o list ordonat de 5,6 articole. Dup primul articol introducei o nou list care s conin articolele rmase. Salvai i vizualizai n browser. Notai diferenele. 2. Rulai urmtorul exemplu i vizualizai sursa. Salvai fiierul surs pe hard discul staiei de lucru i introducei atributul NORESIZE pentru unul sau mai multe cadre. Salvai fiierul, 100

deschidei-l apoi cu IE i observai efectele. Dai valori diferite atributului SCROLLING, salvai fiierul i observai rezultatele. Observai diferena dintre efectele linkurilor din cadrul superior i cel din stnga. Sursa exemplului este:
<html> <head> <title>Exemplu cu cadre</title> </head> <frameset rows="30%,*" > <frame src="usemap1.htm" name="sus" scrolling="NO"> <frameset cols="130,*" framespacing="0" frameborder="no"> <frame src="linkuri.htm" name ="dr"> <frame src="http://www.yahoo.com" name="bottom"> </frameset> <body></body> </html>

3. n acelai exemplu introducei atributele FRAMESPACING i FRAMEBORDER cu diferite argumente, succesiv, n prima i a doua etichet frameset. Salvai de fiecare dat modificrile i urmrii efectul n browser.

101

Rspunsuri la ntrebrile de verificare Capitolul 1 1. a) 2. b) 3. b) 4. c) 5.b) 6. a), b) Capitolul 2 1. Conectarea, cererea, rspunsul i deconectarea 2. b) 3. c) 4. a), c) 5. c) 6. c) 7. b) Capitolul 3 1. c) 2. a) 3. b) 4. a) 5. b),c) 6. a), b), c) 7. c) 8. b) Capitolul 4 1. c) 2. b) 3. c) 4. b) 5. a),b) Capitolul 5 1. b) 2. c) 3. b) 4. a) 5. c) 6. a),c) 7. b) 8. c) 9. b)

102

Bibliografie 1. Robert E. Kahn, The role of government in the evolution of the Internet; Revolution in U.S. Information Structure, Ed. National Academy of Engineering 1994, ISBN: 0-309-05287-4 2. Claudiu Bulceanu, Reele locale de calculatoare, Ed. Tehnic, Bucureti, 1995, ISBN:97331-0855-3 3. Christian Crumlish, Primii pai in Internet Bucuresti, Ed. All Educational, 1997- ISBN 973-9229-95-6 4. Mircea Mihlcic, Cuceritorul Google, Revista CHIP Octombrie 2001 5. Mihai Jalobeanu, Acces in internet. Posta electronica si transferul de fisiere : ghid / Ed. Promedia Plus Cluj-Napoca,1996 - ISBN 973-97377-2-2 6. David Taylor, Crearea paginilor Web cu HTML 4, Ed. Teora, Bucuresti 1999 - ISBN 973601-903-9 7. Dan Somnea, Iniiere in JavaScript si tehnologiile Netscape, Ed. Tehnic Bucuresti 1998 ISBN 973-31-1229-1 8. Stefan-Gheorghe Pentiuc, Elemente de programarea aplicaiilor pe Internet, Ed.Mediamira(Colectia Inginerului) - Cluj-Napoca 2001 - ISBN 973-9358-62-4 9. Teodoru Gugoiu, HTML prin exemple, Ed. Teora, Bucuresti, 2001 - ISBN 973-20-0455-X

103