Investete n oameni !

Proiect cofinanat din FONDUL SOCIAL EUROPEAN prin Programul Operaional Sectorial Dezvoltarea Resurselor Umane 2007 2013 Axa prioritar. 2 Corelarea nvrii pe tot parcursul vieii cu piaa muncii Domeniul major de intervenie 2.3 Acces i participare la formare profesional continu Titlul proiectului: Centrul de formare profesional continu n turism i servicii Cod contract: POSDRU/80/2.3/S/59744 Beneficiar: Universitatea Dimitrie Cantemir din Trgu-Mure

DESIGNER WEB - SUPORT DE CURS -

Trgu-Mure 2010 1

CUPRINS Capitolul I. COMUNICAREA LA LOCUL DE MUNC........................................................7 Traian Moldovan 1. Specificul comunicrii organizaionale 1.1 Organizaia ca spaiu al comunicrii 1.2 Reelele de comunicare n organizaie 2. Modaliti de comunicare organizaional 2.1 Comunicarea formal 2.2 Comunicarea informal 2.3 Comunicarea scris i comunicarea oral 2.4 Roluri n comunicare 3. Variabile procesuale ale comunicrii 4. Efectele comunicrii la nivel individual i organizaional 5. Strategii de comunicare organizaional 5.1 Sisteme de comunicare 5.2 Programe de comunicare 6. Influenele parametrilor organizaiei asupra comunicrii 7. Comunicarea managerial Capitolul II. LUCRUL N ECHIP...........................................................................................19 Camelia Stanciu 1. Munca n echip delimitri conceptuale 2. Construirea unei echipe eficiente 2.1 Etapele dezvoltrii echipei 2.2 Implicaiile statutului de membru al grupului 2.3 Reguli necesare n vederea meninerii unei echipe eficiente 3. Conducerea echipelor 3.1 Liderul ndatoriri generale 3.2 Calitile liderului 3.3 Esena unei conduceri eficiente 3.4 Erorile i avantajele conducerii 4. Rezolvarea creativ a problemelor n echip 4.1 Eteape n rezolvarea creativ de probleme 4.2 Tehnicile creative 5. Avantajele i dezavantajele muncii n echip 5.1 Avantajele muncii n echip 5.2 Dezavantajele muncii n echip Capitolul III. COMUNICAREA N LIMBA ENGLEZ..........................................................38 Berariu Cristina 1. Basic Skills 1.1 Formal letters 1.2 Elements of an emloyment file 1.3 The letter of application 1.4 Dealing with complaints 1.5 Confirming reservations 2. Basic Grammar 2.1 Simple present

2.2 Simple past 2.3 Future tense 2.4 Present perfect Capitolul IV. IGIENA I SECURITATEA MUNCII..............................................................48 Lucian Cepoi 1. Definiia i obiecul igienei muncii 2. Boli profesionale 3. Adaptarea organismului n timpul muncii 4. Capacitatea de munc 5. Oboseala n munc 6. Boli profesionale 7. Microclimatul locului de munc, ventilaia 8. Radiaii 9. Zgomote. Electricitatea 10. Igiena muncii la femei 11. Factori de risc pentru sntate la locul de munc 12. Accidentele de munc i prevenirea lor 13. Legislaie i reglementri privind securitatea la locul de munc, prevenirea i stingerea incendiilor Capitolul V. DEZVOLTAREA PROFESIONAL......................................................................55 Monica Filipian 1. Idei preconcepute cu privire la nvarea pe tot parcursul vieii 2. Motivarea adulilor pentru nvare 3. Formarea i dezvoltarea profesional 4. Conceperea unui plan de dezvoltare profesional 5. Autoinstruirea 6. Stadiile carierei Capitolul VI. LEGISLAIE GENERAL I SPECIFIC MUNCII.....................................64 Brndua Gorea 1. Relaiile de munc 1.1 Contextul i temeiul juridic al relaiilor de munc. Munca i Dreptul muncii 1.2 Izvoarele dreptului muncii 1.3. Clarificri preliminare 1.4. Caracterele juridice ale contractului individual de munc 1.5. Condiii de validitate 1.6. Acte necesare n vederea ncheierii contractului de munc 1.7. Clauze specifice ale contractului individual de munc 1.8. Clauze obligatorii ale contractului individual de munc 1.9. Clauze facultative n contractul individual de munc 1.10. Drepturile i obligaiile prilor n cadrul contractului individual de munc 1.11. Drepturile i obligaiile salariatului 1.12. Drepturile i obligaiile angajatorului 1.13. Modificarea contractului individual de munc 1.14. Suspendarea contarctului individual de munc 1.15. ncetarea contractului individual de munc 1.16. Nulitatea contractului individual de munc 1.17. ncetarea de drept a contractului individual de munc

1.18. ncetarea contractului individual de munc prin acordul prilor 1.19. ncetarea contractului individual de munc din iniiativa angajatorului 1.20. Demisia 1.21. Forme specifice ale contractului individual de munc 2. Rspunderea juridic n dreptul muncii 2.1 Definiie, fundament juridic i clasificarea rspunderii juridice n dreptul muncii 2.2 Rspunderea disciplinar 2.3 Rspunderea patrimonial 2.4 Rspunderea contravenional 2.5 Rspunderea penal 3. Conflictele de munc. Jurisdicia muncii 3.1 Noiunea de conflicte de munc: reglementare, clasificare 3.2 Conflictele de interese: noiune, conciliere, mediere i arbitraj 3.3 Greva: noiune, cadru legal, tipuri de grev 3.4 Jurisdicia muncii 4. Medierea n dreptul muncii 4.1 Reglementarea romn a medierii conflictelor de munc 4.2 Serviciile de mediere a muncii Capitolul VII. APLICAREA PROCEDURILOR DE CALITATE.79 Avram Clin Capitolul VIII. INTRODUCEREA INFORMAIILOR I DATELOR N FORMATE ELECTRONICE.........................................................................83 Avram Clin Capitolul IX. PROCESAREA INFORMAIILOR I DOCUMENTELOR DIN FORMATELE BRUTE................................................................................92 Avram Clin Capitolul X. VALIDAREA DATELOR.....................................................................................100 Avram Clin 1. Validarea HTML-ului 2. Validarea link-urilor 3. Validarea accesibilitii 4. Validarea checkbox-urilor Capitolul XI. ASIGURAREA SECURITII DATELOR.....................................................109 Avram Clin 1. Definirea securitii informaiei 2. Stabilirea cerinelor 3. Politica de securitate 4. Organizarea securitii 5. Securitatea personalului 6. Managementul comunicaiilor i al operrii 7. Dezvoltarea i ntreinerea sistemului 8. Devirusarea dispozitivelor de stocare

Capitolul XII. UTILIZAREA ECHIPAMENTELOR PERIFERICE-SPECIFICE.............117 Avram Clin 1. Echipamentele periferice de intrare 2. Echipamente periferice de ieire Capitolul XIII. ANALIZA SCOPULUI PAGINI WEB..........................................................125 Avram Clin 1. Principiile designului web 2. Organizarea unui site 3. Metodologia de construire a site-ului 4. Tehnici de design web 5. Greeli de design Capitolul XIV. PROIECTAREA STRUCTURII SIT-ULUI...................................................136 Avram Clin 1. Aliniere 2. Proximitatea 3. Repetiia 4. Contrastul Capitolul XV. PROCESAREA IMAGINILOR, CREAREA DE ANIMAII I FLASH-URI............................................................................144 Avram Clin 1. Pregtirea noului sit 2. Crearea unui sit atractiv, uor de meninut, folosind Macromedia Dreamweaver, 3. Fireworks i Flash Capitolul XVI. ELABORAREA DE PROTOTIPURI.............................................................177 Avram Clin 1. Ce este HTML? 2. Ce este JavaScript? 2.1. Cum poate fi inclus un script n pagin? 2.2. Modul de execuie al scriptului 2.3. Ce se poate face cu JavaScript? 3. Limbajul PHP 3.1. Primii pasi 3.2. Notiuni introductive 3.3. Funciile matematice Capitolul XVII. REALIZAREA SIT-ULUI.............................................................................235 Avram Clin Capitolul XVIII. TESTAREA SIT-ULUI.................................................................................239 Avram Clin 1. Corectarea paginilor 2. Testarea paginilor 3. Probleme n funcionarea paginilor Web

Capitolul XIX. PUBLICAREA SIT-ULUI.............................................................................246 Avram Clin 1. Numele de domeniu 2. Serviciul de gzduire Web (Web hosting) 3. Organizarea i denumirea fiierelor 4. Transferul fiierelor Capitolul XX. NTREINEREA SIT-ULUI..........................................................................251 Avram Clin 1. Dezvoltarea unui newsletter 2. Reguli pentru un newsletter reuit

Capitolul I. COMUNICAREA LA LOCUL DE MUNC Traian Moldovan 1. Specificul comunicrii organizaionale 1.1. Organizaia ca spaiu al comunicrii Comunicarea este fluxul vital care face posibile performanele unei organizaii. De calitatea i funcionalitatea ei depinde modul n care sunt folosite resursele i sunt atinse scopurile. Eficiena unei organizaii se bazeaz pe specializarea funciilor la nivel de compartimente i de indivizi i pe complementaritatea acestor funcii. Din aceste caracteristici de baz ale activitii organizaionale rezult necesitatea schimbului de informaii ntre compartimente, ntre indivizi, ntre organizaie i mediul su socio-economic. Orice organizaie const, dup cum arat Graham i Bennett1, din premise (scopurile activitii comune n.n.), angajai, conducere, echipamente, materiale, fonduri. n procesul muncii comunicarea joac un rol esenial pentru c orice sistem sociotehnic presupune existena unui flux informaional care face posibil funcionarea lui ca ntreg. Munca n cadru organizaional necesit coordonarea eforturilor participanilor n realizarea unei performane. Conducerea comunic angajailor deciziile sale, controleaz executarea lor, iar deciziile sunt bazate la rndul lor pe fluxul de informaii. Funciile organizaionale ale comunicrii sunt urmtoarele: a) Control - s clarifice ndatoririle, s stabileasc autoritatea i responsabilitile. b) Informare - s furnizeze baza deciziilor. c) Coordonare - s fac posibil aciunea comun eficient. d) Motivare - s stimuleze cooperarea i implicarea n atingerea obiectivelor. e) Emoional - s permit exprimarea tririlor sentimentelor etc. Comunicarea se realizeaz att interpersonal, ct i intraorganizaional (ntre subuniti ale aceleiai organizaii) i extraorganizaional (cu persoane sau organizaii legate funcional de activitatea organizaiei: furnizori, clieni, public, etc.). Fiecare dintre aceste niveluri are grade de complexitate diferite i presupune restricii legate de rolurile organizaionale (superior /subordonat, compartimente de decizie /execuie), norme specifice i structura organizaiei. Informaia circul prin reele de comunicare, cuprinznd mai multe persoane, grupuri, compartimente, care ndeplinesc att roluri de emitor ct i de receptor. 1.2. Reelele de comunicare n organizaie Modul de organizare al activitii (natura sarcinilor) determin i organizarea comunicrii ntre participanii la activitatea de grup. Reeaua de comunicare poate fi definit ca o structur prin care sunt stabilite modalitile de circulaie a informaiei i rolurile pe care le joac fiecare participant. Tipul de reea de comunicare influeneaz eficiena comunicrii, prin accesibilitatea canalelor pentru participani: exist reele restrictive care permit contactul unei persoane numai cu o anumit parte a reelei i implicit accesul la un fragment i nu la ntreaga informaie i reele flexibile, n care participanii au o mai mare libertate (acces practic nelimitat) de a folosi canalele. Experimentele de laborator ale lui Leavitt, Bavelas i Barett pe reele formate din 5 persoane au pus n eviden urmtoarele tipuri de reele de comunicare (vezi fig. 3.1.). Structura reelelor de comunicare n organizaie este mult mai complicat dect cea reprezentat n figura de mai jos. n funcie de natura lor (reele formale sau reele informale), structura lor este mai mult sau mai puin bine definit, dar legitile pe baza crora funcioneaz comunicarea sunt aceleai.
1

Graham, H.T., Bennett, R. (1995), p. 121.

A B C

A C D

B A C B B C

A E D B C

A E D

D E E
lan

"Y"

cerc

multicanal

Fig. 1. Reele de comunicare posibile ntre 5 persoane n cazul reelelor restrictive (lan, y, x), care au grade de centralizare diferite (cel mai ridicat pentru x, cel mai sczut pentru lan), accesul participanilor este inegal, persoana central C avnd la dispoziie mai mult informaie dect persoanele de la periferia reelei; mai mult, ea poate controla circulaia informaiei servind ca punte de legtur ntre participani. n timp, prin controlul exercitat asupra circulaiei informaiei n reea, persoana central va acumula o putere suplimentar va putea controla pe ceilali participani la reea prin acordarea / refuzul accesului la informaie, adoptnd rolul unui lider (informal) n raport cu grupul. Ca atare persoana central va avea un grad mai mare de satisfacie derivat din comunicare dect cele periferice, a cror satisfacie este invers proporional cu distana fa de centru. Reelele flexibile (cerc, multi-canal) sunt descentralizate, nici o persoan neavnd o poziie favorizat, care s-i permit monopolizarea informaiei. Accesul la informaie este egal, nici unul din participani nu are posibilitatea de a face din gestionarea informaiei o surs de putere individual, ceea ce are ca efect o mai mare satisfacie a participanilor dect n cazul reelelor restrictive. Moralul grupului este mai ridicat dect n cazul anterior. 2. Modaliti de comunicare organizaional Comunicarea organizaional poate fi formal (realizat pe canale impuse de structura organizaiei, de normele existente i de relaiile funcionale dintre persoane, grupuri, compartimente, n conformitate cu reguli explicite i, uneori, implicite) i este preponderent legat de activitatea comun; i informal (informaie fr legtur direct cu activitatea, cu o puternic tent afectiv), canalele folosite sunt altele dect cele formale, regulile de comunicare sunt mai puin stricte. Reelele de comunicare formale i informale sunt coexistente i uneori interferente, n sensul c cele informale pot bloca circulaia informaiei n reeaua formal, o pot distorsiona n funcie de relaiile i interesele celor implicai, sau, dimpotriv, pot flexibiliza i mbunti comunicarea formal. 2.1.Comunicarea formal. Reelele formale de comunicare sunt prescrise prin organigram, document care reprezint organizarea funcional a activitilor i natura relaiilor de subordonare i coordonare dintre compartimente i persoane. Derularea comunicrii formale scrise sau orale este guvernat de o serie de reguli implicite i explicite privind coninutul (ce fel de informaie se transmite), responsabilitatea (cine emite i cine controleaz i semneaz n cazul mesajelor scrise),

forma (oral / scris, modul de structurarea a mesajului, coninutul prii de identificare, formulele de adresare), momentul (ocazii, termene) i destinaia mesajelor (cui sunt adresate). Comunicarea poate fi unidirecional E R, mai facil i mai rapid, sau bidirecional E R, mai lent, necesitnd rbdare, timp alocat, abiliti comunicaionale, dar ducnd la decizii mai bune i la acceptarea mai larg a acestora de ctre executani. Tehnicile de comunicare difer dup sensul de circulaie al informaiei: Comunicare descendent poate avea loc n sensul cererii de situaii, date, etc. sau al emiterii de decizii, dispoziii, instruciuni, informaii. Formele concrete folosite de o organizaie pot fi decizii, circulare de informare, brouri sau manuale cu norme i instruciuni, ziare de ntreprindere, scrisori ctre fiecare angajat, mesaje la staia radio, dri de seam, rapoarte n faa adunrii generale a salariailor sau acionarilor. Comunicarea ascendent poate fi un rspuns la cererile de situaii i date ale conducerii sau emiterea unor cereri, plngeri, opinii. Formele folosite pot fi note de serviciu, rapoarte, dri de seam, reglementate prin normele de organizare i funcionare. Pe lng acestea conducerea poate folosi la fundamentarea deciziilor sale date furnizate de chestionare de opinie sau atitudini, forme de colectare a propunerilor i sugestiilor salariailor. Tehnici recente de canalizare a insatisfaciilor salariailor sunt aa-numitele hot-lines2 i ua deschis3. Comunicarea organizaional nu se limiteaz ns doar la aceste forme; exist modaliti specifice de comunicare operativ, bidirecional, ntre niveluri ierarhice, compartimente diferite ca edinele, comitetele, interviurile, grupurile de discuie. n cazul reelelor formale sensul de circulaie poate fi (a) descendent (de la compartimentele /persoanele de decizie spre cei care execut deciziile), (b) ascendent (de la instanele de execuie spre cele de decizie) i (c) orizontal (ntre persoane aflate la acelai nivel ierarhic). n figura de mai jos, comunicarea este realizat pe canale impuse de structurarea ierarhic a activitii. Dac F vrea s comunice cu P, trebuie s urmeze canalele ascendente E - D - C - B - A i apoi descendente L M - N - O. n acest lan de emitori /receptori, mesajul su ar putea fi supus unor distorsiuni repetate, situaie care ar putea fi evitat dac ei ar putea stabili o comunicare orizontal, mai direct.

A B C D E
(c) (b) (a)

L M N O P Q

F G

Hot-lines - linii telefonice permanente prin care salariaii pot comunica unor persoane special desemnate nemulumirile, reclamaiile n legtur cu orice aspect legat de munca lor (condiii, relaii, salariu, etc.), la care primesc un rspuns sau o rezolvare ntr-un termen dat. 3 Ua deschis - subalternii au acces oricnd / sau n anumite zile la efii lor pentru a-i comunica reclamaiile, propunerile, etc.

Fig. 2. Conceptul punilor de legtur al lui Fayol4 Exist organizaii cu structuri de comunicare rigide, care nu permit o comunicare orizontal intra sau extragrupal, ceea ce poate fi un avantaj atunci cnd activitatea impune aa-numita unitate de comand (cazul structurilor de tip militar) sau, dimpotriv, un dezavantaj, dac activitatea cere flexibilitate i dinamism n comunicare (structuri de tip industrial, comercial sau n domeniul serviciilor sau al relaiilor cu publicul). n acest din urm caz, funcionarul sau muncitorul care trebuie s rezolve o problem cu ajutorul unui omolog al su din alt serviciu sau atelier, ar irosi mult din timpul su i al superiorilor si parcurgnd ntregul lan F - E - D - C - B - A - L - M - N O - P. Este mult mai practic pentru activitate ca el s aib posibilitatea comunicrii orizontale cu P. Este general admis c reelele ierarhice sunt mai rigide i mai lente, dar permit controlul i ntresc autoritatea, n timp ce o organizare mai puin strict permite o comunicare mai democratic i mai flexibil, furniznd participanilor mai mult satisfacie. Unele organizaii permit un acces mai democratic al angajailor la informaiile din sistem. Bergman5 (1994) arat c ntr-o organizaie informrile predominante sunt descendente, iar pentru informarea ascendent exist 3 reguli implicite: Dac doreti s fii informat vei afla. Dac nu ai iniiative, efii nu-i vor trimite informri. Ignorarea a ceea ce ai fi putut s afli dac aveai iniiativ nu poate fi o scuz invocabil. 2.2.Comunicarea informal. Paralel cu comunicarea formal sunt iniiate comunicri informale ntre participani, pentru a schimba informaii care nu au o legtur direct cu activitatea. Cu timpul se constituie reele informale de comunicare, bazate pe criterii afective simpatie / antipatie, interese comune legate (sau nu) de organizaie; canalele folosite sunt altele dect cele formale, regulile de comunicare sunt mai puin stricte. Reelele de comunicare formale i informale sunt coexistente i uneori interferente, n sensul c cele informale pot bloca circulaia informaiei n reeaua formal, o pot distorsiona n funcie de relaiile i interesele celor implicai sau, dimpotriv, pot flexibiliza i mbunti comunicarea formal. Structura reelelor de comunicare informale este aleatorie, orizontal i vertical, contactele personale scurtcircuiteaz reeaua formal, funcionarea lor se bazeaz pe comunicare nepermanent, bi- i multi-direcional. Formele mai frecvente de comunicare organizaional informal sunt zvonurile, semnele secrete de avertizare, materialele satirice scrise. O metod modern de studiere a canalelor de comunicare informal n organizaii este analiza ECCO (Episodic Comunication Channels in Organization) care are ca scop aflarea momentului n care fiecare persoan recepioneaz o unitate de informaie i care este reeaua de difuzare a ei. Se lanseaz un zvon i, dup un interval de timp, la o anumit or toi angajaii, simultan, sunt rugai s rspund la un chestionar care are ntrebri de tipul: Cnd ai auzit ieri informaia X sau o parte a ei? cu detalierea unor aspecte legate de ce au auzit, cnd, care parte a informaiei, de la cine, prin ce mijloc (la telefon, direct, ntre patru ochi, n grup). Se pot identifica astfel persoanele surs (emitori), structura reelei, orientarea ei orizontal i vertical. Analizele astfel realizate au pus n eviden faptul c majoritatea participanilor la reea sunt receptori (pasivi) i emitorii sunt relativ puini. 2.3. Comunicare scris i comunicare oral n funcie de natura, scopul i coninutul mesajelor, forma de prezentare poate fi scris sau oral. "Vorbele zboar, scrisul rmne" spune un proverb. Modalitile de comunicare organizaional (fa n fa, scris, etc.) sunt alese n funcie de natura sarcinii, coninutul mesajului, specificul receptorului. Comunicarea oral este mai rapid i produce o satisfacie
4 5

Ap. Luthans, 1985, p. 421. Bergman, A. (1994), p. 50.

10

crescut, dar n cazul unor mesaje standard (instruciuni, reglementri, norme, rapoarte) este mai potrivit cea scris, att pentru posibilitatea de difuzare mai rapid i mai uniform, ct i pentru c poate fi mai util n stabilirea responsabilitilor n situaii de litigiu. Comunicrile scrise sunt folosite n organizaie n cazul mesajelor care trebuie s dureze n timp, ori de cte ori trebuie prevenit uitarea sau fixat responsabilitatea ntr-o manier lipsit de echivoc. Comunicrile scrise pot constitui elemente ale unor nregistrri contabile, pot fi o documente care vor fi pstrate un anumit timp n fonduri arhivistice, pot fi folosite ca probe n justiie. Cu ct organizaia este mai mare i mai complex, cu att ponderea documentelor scrise n ansamblul comunicrii crete. ntr-o organizaie, comunicrile scrise pot fi standardizate (toate formularele care sistematizeaz informaii despre diferite aspecte ale activitii) sau ocazionale. Traseul comunicrilor scrise poate fi clar fixat (mai ales n cazul comunicrilor standardizate, existnd persoane i chiar compartimente specializate care le ntocmesc, le dirijeaz circuitul lor sau care le aprob, dar exist i comunicri scrise ocazionale, care au un traseu mai puin riguros. Unele organizaii au o descriere clar a tuturor acestor aspecte, sau chiar o reglementare strict (cele care au implementat deja sisteme de asigurarea calitii), n timp ce n altele sistemul funcioneaz oarecum de la sine, n baza tradiiei sau doar a activitii n sine, fiind caracterizat prin grade diferite de dezordine (sistem haotic de comunicare). n cazul celor din urm, n momentul implementrii unui sistem de calitate pot aprea o mulime de dificulti legate de structurarea i formalizarea sistemului i de obinerea unei funcionri de calitate. Organizaiile care implementeaz Sistemul de Asigurare a Calitii (SAC) au reguli i proceduri complete pentru organizarea fluxului informaional, pentru tipizarea i codificarea tuturor documentelor scrise care circul n sistem. Sistemul SAC este un bun model de organizare a comunicri scrise, fixnd responsabilitile i asigurnd trasabilitatea n domeniul procesrii documentelor. 2.4. Roluri n comunicare Rolurile n comunicare sunt manifestri comportamentale ale indivizilor n procesul de comunicare. Aa cum am artat anterior, persoanele centrale sunt mai active n reea, mai satisfcute i dein, prin nsi poziia lor, o putere potenial rezultat din monopolizarea informaiei. Ele o pot transpune n fapt reglementnd circulaia informaiei ntre membrii i intrarea informaiei noi n reea. Acest rol activ n comunicare se manifest i n influenarea rezultatului cooperrii (performana n munc) i n luarea deciziilor. Controlorul informaiei poate fi i o alt persoan dect persoana central a reelei. Rolul de controlor poate fi jucat de oricine, n circulaia ascendent (subordonatul poate influena decizia superiorilor selectnd informaia care le parvine) sau n cea descendent (eful comunic subordonailor numai ceea ce trebuie s tie i n felul acesta le influeneaz cooperarea i performana), numai c prerile participanilor la reea difer referitor la ceea ce trebuie s tie fiecare). Controlul are aspecte pozitive i negative, ducnd la furnizarea unor cantiti insuficiente sau excesive, n unele cazuri producndu-se baraje. Omul de legtur este o persoan a crei activitate presupune contacte frecvente cu dou sau mai multe grupuri. Ea faciliteaz coordonarea acelor grupuri informndu-le reciproc despre activitile celorlalte, atunci cnd ele nu interacioneaz n procesul muncii. Legtura este necesar mai ales n organizaiile cu difereniere mare a subunitilor sau cu activiti cu un grad mare de autonomie. 3. Variabile procesuale ale comunicrii Transmiterea mesajului de la emitor la receptor este afectat de o serie de variabile care in de cei doi ageni, de canal sau de structura mesajului.

11

Acurateea mesajului este meninerea unitii i semnificaiei prin codificare /decodificare la nivelul emitorului, respectiv al receptorului i este influenat att de credibilitatea sursei (E) ct i de structura mesajului. Majoritatea studiilor asupra acestui aspect este realizat la nivelul receptorului. De exemplu superiorii considerai credibili erau percepui ca furniznd informaie mai clar. Acurateea perceput (aa cum recepteaz destinatarul mesajul) este diferit de cea real (aa cum a fost emis) i depinde de credibilitatea sursei, de ncrederea pe care R o are n ea i de influena pe care acesta o exercit asupra lui R i mai puin de structura obiectiv a mesajului. n comunicarea oral, gradul de acuratee al transmiterii mesajului este mai mic dect n comunicarea scris, datorit faptului c nelegerea de ansamblu a mesajului este dependent de calitile mnezice ale receptorului: acesta va nelege n funcie de capacitatea de a evoca ct mai multe uniti de informaie stocate n memoria de scurt durat. Cu ct mesajul a fost mai lung, cu att el va uita mai multe uniti de informaie i va nelege n mai mic msur mesajul. Comunicarea scris previne acest neajuns prin faptul c forma i coninutul mesajului sunt consemnate i pstrate intacte pe un suport exterior (hrtie sau format electronic), pot fi recitite de mai multe ori, n ritmul optim de nelegere al receptorului, permind o mai mare acuratee a transmiterii coninutului mesajului. Un alt factor care influeneaz acurateea este diferena dintre repertoriile de semnificaii ale emitorului i ale receptorului: cu ct aceast diferen este mai mare, cu att nelegerea mesajului de ctre receptor este mai sczut, deci acurateea este mai mic. Indexul Flesch 6este o metod de studiere a acurateei recepiei mesajelor n comunicarea scris, prin care urmrete stabilirea proporiei dintre cantitatea de informaie citit i cea neleas i reinut, prin calcularea unor aspecte (numrul de silabe reinute din 100 de cuvinte, lungimea medie a unei propoziii reinute - n cuvinte, n funcie de dificultatea textului i nivelul de instruire al receptorului). Rezultatele sunt folosite n analiza gradului de adecvare a instruciunilor i reglementrilor la nivelul de nelegere al celor vizai i eventuala reformulare a mesajelor n forme accesibile. Deschiderea spre comunicare este o variabil individual legat de emitor: unii participani sunt mai deschii, au mesaje mai directe i las s transpar mai mult informaie despre ei nii, alii sunt mai nchii, mai prudeni. Diplomaii de exemplu, sunt foarte nchii, mesajele lor trebuiesc traduse. Avem tendina de a fi mai prudeni n comunicarea cu persoanele necunoscute i cu cele cu statut social diferit, dar frecvena contactelor favorizeaz deschiderea. n comunicarea interpersonal exist o tendin spre simetrie n atitudinea fa de comunicare n sensul c avem tendine de a reduce schimburile de informaii cu persoane percepute ca nchise i invers. Comunicarea nchis are rolul de a menine diferenele de statut i este iniiat i meninut de regul de cel favorizat. Distorsiunea este reproducerea incorect a unei informaii obiectiv corecte prin exagerarea aspectelor favorabile sau defavorabile, filtrarea unor aspecte, blocarea sau omiterea complet a unor date i poate fi contient sau nu. n comunicarea ascendent, subordonatul poate s blocheze informaia negativ important pentru scop i s exagereze informaiile pozitive despre sine, ceea ce duce la pierderea abilitii superiorului de a discerne informaia relevant de cea irelevant i la adoptarea unor decizii greite. Fenomenul se produce mai ales atunci cnd E nu are ncredere n R. Superiorul are tendina de a filtra sau bloca mai puin informaia negativ i de a exagera mai puin pe cea pozitiv. Comunicarea descendent este afectat mai mult de control dect de distorsiune n sensul c sunt omise informaiile nerelevante pentru subordonai. Excesul de informaie (redundana mesajului) se produce atunci cnd E transmite mai mult informaie dect poate recepiona R i este mai frecvent n comunicarea organizaional dect
6

Apud Muchinsky, 1987, p. 557.

12

deficitul. Organizaiile ncearc s limiteze cantitatea de informaie care este accesibil fiecrui participant la activitate la un nivel optim prin definirea reelelor de comunicare. Organigrama reprezint nu numai raporturile funcionale generale ntre entitile componente ale organizaiei, ci i reelele de comunicare formal care decurg din aceste raporturi. Dirijnd fluxul informaional prin reele prestabilite, informaia este distribuit, n funcie de coninutul ei, doar persoanelor care au nevoie de ea pentru activitate. Problema este de a stabili, dup caz, limita de la care ncepe excesul, aceasta depinznd de calitile persoanei. Excesul are influen pozitiv asupra satisfaciei (persoanele care primesc mai mult informaie sunt mai mulumite) i negativ asupra performanei reale n munc. Individul are tendina de a dori mai mult informaie dect are n mod real nevoie pentru c aceasta i produce un sentiment de certitudine n luarea deciziilor, chiar dac acestea sunt de slab calitate. Aprri fa de excesul de informaie. Atunci cnd capacitatea de recepie a individului este depit el se apr prin omisiune (refuz s prelucreze, s decodifice o parte din informaie), filtrare (separarea informaiei relevante de cea irelevant), aproximare (categorizarea informaiei dup o schem simplificatoare) sau pur i simplu prin evitarea informaiei. Excesul de informaie poate depinde i de coninutul sarcinii i de feedback-ul rezultatului, dar atunci cnd el devine cronic poate fi un factor de stres. Deficitul de informaie poate s afecteze n sens negativ performana, mai ales cnd este legat direct de procesul muncii (persoana nu primete suficient informaie util); dar comunicarea nu se refer numai la acest aspect, ci ea privete o serie de alte domenii: comunicare interpersonal, cunoaterea activitii colegilor de munc, a celorlalte grupuri, a conducerii, a obiectivelor organizaiei. Deficitul de informaie este compensat de apariia zvonurilor: ele iau natere prin emiterea i rspndirea unor opinii de ctre un lan sau o reea de comunicare. Distorsiunea interpretrilor este accentuat de suprapunerea i amplificarea unor opinii ale emitorilor succesivi i de creditarea unor lideri de opinie. 4. Efectele comunicrii la nivel individual i organizaional Climatul de comunicare este atmosfera general n care are loc comunicarea organizaional. Climatul influeneaz att procesul comunicrii, ct i efectele sale asupra performanei individuale i de grup i a satisfaciei. Climatul de cooperare este caracterizat prin flexibilitate, spontaneitate, respect, empatie, ncredere reciproc, centrare pe sarcin. Participanii sunt preocupai de rezolvarea problemelor de serviciu, se apreciaz i se respect reciproc, nu acioneaz pe baza unor agende ascunse. Climatul defensiv este generat de lipsa de ncredere reciproc ntre angajai, suspiciune, tendin de a-i domina i controla pe ceilali, tendin de securizare prin recurgere la agenda ascuns (una spun i alta gndesc i fac). Participanii sunt preocupai mai mult de conflicte i tensiuni dect de activitatea propriu-zis, sunt manipulativi, blocheaz i filtreaz informaia i ncearc s dobndeasc prin aceasta mai mult putere personal. Climatul de comunicare depinde nu numai de natura organizaiei, ci i de valorile i tradiiile sale, de grupurile de putere existente i de relaiile dintre ele, de politicile manageriale, de gradul de rigiditate al reelelor de comunicare. Performana n munc poate fi abordat la mai multe niveluri: individual, grupal, organizaional. Pe lng variabilele individuale care influeneaz performana (aptitudini, competene, motivaie, trsturi de personalitate, stare de sntate) i alte variabile organizaionale, de natur tehnic, tehnologic i de organizare a activitii (echipamente, spaiu i orar de munc, tehnologii, management, sisteme de stimulare etc.), comunicarea interpersonal i organizaional este considerat ca un factor important. Cercetrile au artat c feedback-ul - cunoaterea rezultatelor imediate i finale ale activitii proprii - are o influen pozitiv indiferent de sursa de la care provine (organizaie, efi, colegi, sarcina n sine). Comunicarea rezultatelor are un rol informaional i totodat motivaional: centreaz atenia pe aspectele relevante ale sarcinii,

13

orienteaz spre comportamente dezirabile i adecvate performanei; excesul de feedback poate deteriora performana n timp ce deficitul poate duce la un comportament aleator i ineficient. Pentru a evita deteriorarea performanei la nivel organizaional prin integrarea lent a noilor angajai, unele firme au conceput programe speciale de familiarizare rapid prin furnizarea informaiilor eseniale despre norme, reglementri, canale de comunicare, etc. Un experiment de laborator realizat de Zand7 a demonstrat c grupurile cu niveluri ridicate de ncredere interpersonal i cu o mai mare deschidere sunt mai eficiente n rezolvarea problemelor i n soluionarea conflictelor. Rezultatele au fost confirmate i de un alt studiu al lui OReilly i Roberts realizat pe 43 de echipe ale Marinei SUA i pe trupele speciale de asalt ale poliiei, au artat c cele mai eficiente aveau i comunicarea cea mai deschis i mai fidel (nedistorsionat). Nu toate aspectele comunicrii contribuie egal la performan, aceleiai frecvene a comunicrii ascendente a doi angajai fiindu-le asociate coninuturi diferite: unul furnizeaz informaii utile deciziei, cellalt cere permanent ndrumri. Satisfacia n munc este influenat i ea de comunicare, aa cum am artat n paragrafele precedente: cei care au acces la mai mult informaie sunt mai mulumii, dei au performane mai slabe, deficitul de informaie i distorsiunea creeaz insatisfacie, mai ales atunci cnd este vorba de informaie util pentru munc. Excluderea de la comunicare creeaz nu numai insatisfacie ci i nesiguran i tensiune emoional. Eficiena activitii la nivel grupal depinde de natura reelei (formal / informal) i de structura ei (restrictiv / flexibil). Reelele formale sunt destinate circuitului informaiilor necesare bunei desfurri a activitii i, din acest motiv sunt i restrictive: participanii au acces numai la acele informaii care le sunt indispensabile activitii proprii i colaborrilor implicate. Cu ct organizaia este mai ierarhizat, cu att controlul fuxului informaional crete. Reele restrictive, prin faptul c au circuite informaionale i reguli de comunicare bine definite, au avantajul c permit o execuie rapid (principala raiune a unitii de comand) i nu las loc pentru deliberri, interpretri individuale. Dezavantajul lor este legat de faptul c nu permit dect n mic msur realizarea funciei expresive a comunicrii, au tendina de a genera stri de insatisfacie, tensiuni, opoziie, filtrri i blocaje. Funcionalitatea reelelor nerestrictive, fie ele formale sau informale este afectat de lentoarea difuzrii mesajelor, de dependena transmiterii de caracteristicile individuale ale participanilor (motivaie, interese etc) i de tendina spre exces de informaie. Avantajul lor const n faptul c satisfacia generat de accesul la informaie mrete coeziunea grupurilor i loialitatea fa de organizaie. Existena reelelor de comunicare informal nu are numai efecte negative asupra eficienei activitii. Rezistena la schimbare poate fi contracarat promovnd elemente ale schimbrii prin aceste reele: credibilitatea informaiilor va fi crescut de asocierea lor cu sursele informale, iar angajaii vor accepta mai uor persuasiunea i vor adera la schimbrile propuse. 5. Strategii de comunicare organizaional 5.1. Sisteme de comunicare Sistemele de comunicare organizaional iau natere, odat cu organizaia, att la nivel formal, ct i la nivel informal. Un sistem de comunicare organizaional presupune existena unor principii i norme formale (reglementri legale, regulamente interne, proceduri), tradiii, principii, proceduri etc., de natur informal, care guverneaz procesul i rezultatele comunicrii. La acestea
7

Apud Muchinsky (1987), pp. 569-570.

14

se adaug reele de comunicare, mijloace i tehnici de comunicare, roluri comunicaionale ndeplinite de actorii procesului (indivizii i compartimentele), responsabiliti. Un bun sistem de comunicare organizaional scris trebuie s se bazeze pe urmtoarele principii: Eficien: documentele trebuie s rspund nevoilor de comunicare rezultate din activitatea practic a organizaiei; ele trebuie concepute ntr-o form simpl i clar (acuratee), trebuie sa fie complete i ntocmite / procesate la timp. Reelele de comunicare trebuie, la rndul lor, s fie explicit stabilite ca structur i direcie de circulaie a informaiei. Procedurile de procesare trebuie s cuprind termene i responsabiliti de procesare. Transparen: toi participanii la sistemul de comunicare scris trebuie s cunoasc coninutul i forma documentelor standardizate, coninutul i forma orientative ale celor nestandardizate, reelele (circuitul) i procedurile de procesare pentru fiecare document cu care lucreaz. Responsabilitate: fiecare participant la sistemul de comunicare organizaional trebuie s fie contient de importana asumrii responsabilitii pentru emiterea, recepia i procesarea documentelor legate de sarcinile sale de serviciu. Stabilirea unor proceduri standard de participare la sistemul de comunicare organizaional fixeaz n mod clar responsabilitile i previne orice ambiguitate i pasare a responsabilitii. 5.2. Programe de comunicare Comunicarea organizaional eficient presupune existena unor principii clare, utilizarea unor mijloace i asigurarea bunei funcionri a reelelor de comunicare existente. Principii un bun program de comunicare trebuie s aib dou sensuri (asigurarea feedbackului); subiectele comunicrilor trebuie s aparin sferei de interes a lucrtorilor; comunicrile sunt eficiente cnd au ca obiect fapte i ineficiente cnd constau n discursuri sau teorii; stilul comunicrilor trebuie s fie obiectiv (nici condescendent, nici paternalist, nici cald, emoional sau dimpotriv, vexatoriu). Mijloace vizite neoficiale ale conducerii la locurile de munc au un efect de calm, satisfacie i stimulare, conducerea invizibil are efecte proaste; discuii directe ef / subaltern; edine scurte, n grupuri mici; anihilarea zvonurilor prin discutarea deschis n grup. Simptome patologice de evitat refuzul efului de a comunica clar obiectivul de atins; teama efului c subalternul s cunoasc obiectivele superioare; refuzul efului de a comunica subalternilor informaiile necesare pentru a-i ndeplini munca. 6. Influenele parametrilor organizaiei asupra comunicrii Comunicarea organizaional difer n funcie de mrimea organizaiei, de gradul de centralizare, de gradul de incertitudine n activitate: n organizaiile mici comunicarea este predominant oral, realizat prin contacte directe, orizontal i pe vertical, toi participanii au acces egal la informaie, comunicarea scris fiind folosit mai mult n relaiile cu exteriorul;

15

n organizaiile mari predomin comunicarea scris, informaia circul mai lent, este difereniat pe compartimente (nu toi participanii au nevoie n procesul muncii de aceeai informaie, de aceea este mai practic pentru toat lumea ca ea s fie selectat n funcie de activitate); cu ct numrul compartimentelor coordonate crete, cu att reeaua de comunicare este mai complicat i mai ncrcat de informaie; datorit lungimii mari a canalelor de comunicare, probabilitatea distorsiunilor este mai mare dect n cazul organizaiilor mici, comunicarea oral este limitat la persoanele care interacioneaz direct n procesul muncii; n reelele centralizate de comunicare accentul cade pe comunicarea vertical (ascendent /descendent) i distana dintre vrful i baza ierarhiei se mrete; informaia circul prin lanuri ierarhice stabilite, dar nevoia de control difer dup tipul muncii i gradul ei de organizare. De exemplu, la un atelier de reparaii auto (munc autonom) nevoia de comunicare este mai mare dect la o secie de montaj semiautomatizat dintr-o fabric de automobile, unde tactul benzii controleaz ritmul muncii i ndeplinirea sarcinilor, simplificnd comunicarea, dar, dincolo de un grad de automatizare, defeciunile frecvente ale utilajelor cresc nevoia de comunicare ntre participani. reele descentralizate au o organizare predominant orizontal, cu mai puine niveluri ierarhice; pentru integrarea prilor (unitile de munc) se folosete mai mult comunicarea orizontal direct, n cazul cooperrii pentru rezolvarea sarcinilor de munc, iar comunicarea vertical are ca scop predominant controlul; gradul de incertitudine n activitate este variabil de la un domeniu la altul, de la o organizaie la alta, dar este puternic dependent de condiiile externe organizaiei. De exemplu o firm trebuie s fac fa schimbrilor de pe piaa produselor i a muncii, din domeniul financiar, al tehnologiei, al resurselor de materii prime; n aceast ipostaz, deciziile strategice devin importante pentru nsi existena organizaiei. Datorit marii variabiliti a factorilor care sunt implicai n decizie, a imposibilitii de a-i controla, crete incertitudinea deciziei, ceea ce atrage dup sine o nevoie crescut de comunicare intraorganizaional i mai ales extraorganizaional. Comunicarea aduce informaie suplimentar i astfel este posibil reducerea incertitudinii. 7. Comunicarea managerial

Managerul, ca persoan care gestioneaz resursele materiale, financiare i umane ale unei organizaii i asum funcii specifice: planificare, organizare, comand, coordonare i control. Exercitarea fiecreia din aceste funcii presupune comunicarea cu ceilali membrii ai organizaiei i cu persoane, grupuri sociale i instituii exterioare organizaiei. Bunul mers al ntregii organizaii, supravieuirea ei n mediul social, depind de modul n care managerul gestioneaz o a patra resurs, de natur subtil - informaia. S-a spus: informaie = putere. De fapt circulaia informaiei comunicarea - este cea care leag ntre ele celelalte resurse. n i prin activitatea sa, managerul stabilete structurile i imprim stilul de comunicare, i consolideaz puterea. Formula de mai sus ar putea fi exprimat: comunicare = putere. Managerul exist ca putere real n organizaie i i ndeplinete funciile comunicnd: Planificarea activitii se bazeaz pe o ampl informare intern asupra resurselor materiale, financiare, umane, asupra disfunciilor i problemelor interne ct i pe informare extern asupra situaiei de pe pia, a diferitelor evenimente care afecteaz organizaia, informare vital mai ales n condiiile unei situaii dinamice, cum este cea din societatea romneasc n tranziie. Calitatea deciziilor luate depinde de calitatea i cantitatea de informaie de care dispune managerul la un moment dat. Deciziile manageriale, concretizate n obiective i planuri de realizare sunt apoi comunicate tuturor celor implicai n realizarea lor.

16

Organizarea - funcie subsecvent planificrii, presupune stabilirea i atribuirea de sarcini, determinarea structurilor funcionale, stabilirea termenelor i a parametrilor de executare a sarcinilor (cine, ce, cum, cnd are de fcut). Alocarea resurselor organizaiei este mediat de comunicarea intern, deci eficiena organizrii depinde, alturi de competena managerului, de felul n care se informeaz i i informeaz pe ceilali. Comanda - funcia cea mai sensibil determinat de comunicare - const n direcionarea subordonailor pentru atingerea obiectivelor prin dispoziii, ordine, instruciuni. Modul n care managerul i conduce oamenii spre obiective, delegarea responsabilitilor, motivarea pentru munc depind de stilul de comunicare. Coordonarea resurselor i compartimentelor funcionale pe parcursul realizrii obiectivelor, climatul de colaborare, atenuarea tensiunilor, rezolvarea conflictelor i depind i ele de stilul de comunicare i de tactul managerului. Controlul const din verificarea ndeplinirii obiectivelor de ctre fiecare persoan i compartiment funcional n condiiile prescrise (termene, calitate etc.), evaluarea performanelor i comportamentului organizaional al angajailor. Stilul de comunicare, relaionare i conducere se manifest plenar n interviurile de comunicare a evalurii, discuiile de disciplinare, analiza rapoartelor subordonailor i ntocmirea propriului raport de activitate. Analize ale ponderii comunicrii n activitatea managerial au artat c timpul alocat acesteia este foarte mare i crete odat cu nivelul ierarhic. Aceast situaie pune nc o dat n eviden importana abilitilor sociale i comunicaionale pentru munca managerului. Munca real a managerului se concretizeaz prin roluri interpersonale, informaionale, decizionale. Rolurile interpersonale sunt jucate de manager ca persoan de legtur ntre organizaie i exterior, ntre membrii organizaiei, ntre diferite compartimente, ntre persoane i compartimente / instane ierarhice. Personalitatea managerului se manifest n fiecare dintre aceste relaii i se modeleaz prin exercitarea rolurilor. Rolurile informaionale, manifestate prin gestionarea resursei informaie, contribuie la cutarea i primirea de informaii (interne i din mediu) necesare deciziilor, transmitere de informaii utile pentru ndeplinirea sarcinilor de ctre subordonai, reprezentarea organizaiei n exterior. Rolurile decizionale, implicite actului de conducere, se bazeaz pe primele dou categorii i constau n adoptarea de strategii de dezvoltare, schimbare, rezolvarea disfuncionalitilor pentru atingerea obiectivelor. Exercitarea acestor roluri manageriale presupune folosirea funciilor organizaionale ale comunicrii (informare, coordonare, control, motivare, exprimare emoional) pentru ndeplinirea funciei de gestiune a tuturor resurselor organizaiei. Iat cteva exemple de situaii de comunicare fr de care munca managerial ar fi de neconceput: participarea la edine (operative, de comitet de direcie etc.), discuii telefonice cu personalul din subordine, discuii cu alte persoane din conducere, discuii cu diferii clieni, furnizori, alte organizaii, audiene, activiti de protocol (primirea unor delegaii din ar i din strintate), rezolvarea corespondenei i semnarea mapei, discuii cu liderii sindicali din firm, consultarea unor materiale de specialitate. Scopurile comunicrii manageriale sunt strns legate de obiectivele generale ale organizaiei: informare, comand i instruire, influenare i convingere, ndrumare i sftuire, integrare i meninere. Managerul face s circule informaia util atingerii acestor obiective, coordoneaz sursele intermediare de comunicare, face s ajung informaiile utile la timpul potrivit i la persoana potrivit, folosete informaia pentru a face clare scopurile organizaiei pentru angajai, pentru a-i cointeresa i a le crea satisfacia atingerii scopurilor. Adeziunea angajailor la scopurile organizaiei, concertarea i concentrarea eforturilor lor se pot realiza folosind toate formele i resursele comunicrii manageriale.

17

Bibliografie Cimpean E.A.(2005), Managementul firmei si dezvoltarea resurselor umane in organizatii, Cluj-Napoca: Editura Risoprint Constantin Stoica, A., Constantin, T., (2002) managementul resurselor umane, Iai: Institutul European Sechelarie, O.M., Petrior, N.F., (1998), resursele umane o provocare pentru managementul contemporan, Piteti: Editura Paralela 45 Pnioar, I.O., (2004), Comunicarea eficient, ediia a II-a, Iai: Editura Polirom Popescu, D., (1998), Arta de a comunica, Bucureti: Editura Economic oitu, L., (1997), Pedagogia comunicrii, Bucureti: Editura Didactic i Pedagogic, Jablin, F.M., Putnam, L.L, (2001), The New Handbook of Organizational Communication, Publishers: Sage, Thousand Oaks

18

Capitolul II. LUCRUL N ECHIP Camelia Stanciu 1. Munca n echip delimitri conceptuale Echipa este locul unde se ntlnesc i interacioneaz grupuri diferite care i mprtesc speranele despre scopuri i roluri ntr-o atmosfer armonioas8. Exist muli termeni care descriu munca n grup n cadrul organizaiilor i modul n care i defoar activitatea. Grupul de lucru reprezint colectivul de persoane implicate n organizaii, ce ndeplinesc sarcini n vederea realizrii obiectivelor organizaiei din care fac parte. Ele au aceleai obiective globale de lucru, autoritatea necesar, autonomia i resursele cerute de scopurile propuse9. Munca este exercitarea efortului i aplicarea cunotinelor i aptitudinilor n vederea realizrii unui scop. Termenul relaie de munc descrie raporturile care exist ntre angajatori i angajai la locul de munc. Aceste raporturi pot fi formale (de ex., acorduri de procedur, contracte de munc) sau informale sub forma contractului psihologic, care exprim anumite presupuneri i ateptri n legtur cu ce au de oferit i sunt doritori s dea efectiv managerii i angajatorul (Kessler & Undy). Munca n echip este capacitatea de a munci mpreun pentru a realiza o idee comun, capacitatea de a direciona realizrile individuale spre obiectivele organizaionale, este sursa ce le permite oamenilor obinuii s ating rezultate neobinuite (A. Carnegie). 1.1. Diferena dintre grupuri i echipe Toate echipele sunt, prin definiie, grupuri, dar nu este necesar ca reciproca s fie adevrat, adic toate grupurile s fie echipe. n literatur exist tendina de a folosi termenii de grup i echip unul n locul celuilalt i nu este uor s se fac o distincie ntre aceste noiuni. Echipele apar cnd un numr de persoane au un obiectiv comun i recunosc c succesul lor personal depinde de succesul altora. Acele persoane sunt interdependente. n practic, aceasta nseamn c n cele mai multe echipe oamenii vor contribui cu abiliti diferite. De asemenea, nseamn c tensiunile i comportamentele contradictorii vor fi demonstrate n echip. Belbin arat c pe msur ce munca n echip devine un termen la mod, a nceput s nlocuiasc tot mai mult referirea la grupuri i orice activitate este descris acum ca munc n echip. Tot el pune sub semnul ntrebrii dac este util distincia dintre grupuri i echipe, oferind cteva caracteristici care s realizeze diferena dintre cele dou10. Echip Mrime Selecie Leadership Percepie Limitat Esenial Partajat / prin rotaie nelegerea reciproc cunotinelor Grup Medie / mare Irelevant Singular a Concentrare pe lider

8 9

Tripon, A., On, A., Petelean, A., 2003, Management operaional. Performana n echip, p. 7 West, M.A., 2005, Lucrul n echip, p. 33 10 Belbin, M., Beyond the Team

19

Stil Spirit

Coordonare a rolurilor Interaciune dinamic

Conformism convergent Oponenii sunt persecutai de majoritate

Prin munca n echip se nelege un numr restrns de persoane cu abiliti complementare care urmresc un scop, obiective de realizat i o abordare comun, pentru care se consider reciproc responsabile (J.R. Katzenbach & D.K. Smith). Aceast definiie identific cteva trsturi importante ale echipelor: numr mic de persoane cu abiliti complementare; urmrirea unui scop comun; urmrirea unor obiective comune de realizat; urmrirea unei abordri comune; se consider reciproc responsabile. Echipa ca structur socioprofesional se caracterizeaz prin11: obiective comune definite cu rigoare, realism i credibilitate; sistem de norme, valori etice i principii mprtite de toi membrii; responsabiliti precise, atribuii clare, statut i roluri bine determinate i distribuite celor cu caliti adecvate; participare direct la adoptarea i aplicarea deciziilor; ncredere, respect reciproc i cooperare activ; comunicare deschis i onest; climat psihosocial prielnic colaborrii i sprijinului reciproc; preuire i recunoatere a muncii i rezultatelor obinute de ctre membrii echipei; recompensarea succeselor individuale i de echip. Echipele: sunt cele mai indicate pentru a rezolva probleme complexe care necesit opinii i cunotine diferite; reprezint un excelent mediu de nvare; sunt mult mai orientate spre obiective dect organizaia n ansamblu, i stabilesc mult mai uor o viziune i un scop propriu; valorific mai bine resursele fiecrui membru; sunt mai flexibile dect grupurile organizaionale deoarece pot fi mult mai uor formate, dizolvate, reorganizate sau redimensionate; cultiv loialitatea i funcioneaz pe principiul toi pentru unul i unu pentru toi; favorizeaz delegarea de responsabiliti pentru c ofer garania de a controla comportamentul membrilor si prin norme proprii. Munca n echip presupune colaborarea mai multor persoane care mpart acelai spaiu de lucru, n vederea atingerii unui el comun. n concepia lui H. Owen, V. Hodgson, H. Gazzarg, indiferent de locul n care se lucreaz (birou, spital, coal, etc.), trebuie obinut urmtorul acronim: Efortul Conjugat Holist Incit la Performane Apreciabile Sarcinile care se preteaz mai degrab lucrului n echip dect muncii individuale trebuie s fie alese n funcie de urmtoarele criterii12:
11

Ardvoaice, Gh., 2008, Liderul i munca n echip, p. 9

20

completivitate sarcini complete; cerine variate sarcina presupune multiple competene stpnite de diveri indivizi; necesitatea interdependenei i interaciunii sarcina presupune cooperarea, comunicarea, schimbul de informaii i dezbaterea deciziilor cu privire la metoda cea mai eficient de lucru; semnificaia sarcinii contribuia important a sarcinii la atingerea scopurilor organizaionale sau la dezvoltarea societii n general; oportunitatea de a acumula noi cunotine asigur membrilor ansa de a-i mbunti sau extinde deprinderile i cunotinele; posibiliti de executare a sarcinii sarcina poate fi executat astfel nct s constituie o provocare pentru membri, cerndu-le mai mult responsabilitate i deprinderea unor noi aptitudini pe parcurs; autonomie gradul de libertate pe care l au echipele cu privire la felul n care i fac treaba, de la ceva nensemnat precum momentul pauzelor de lucru, la luarea deciziilor privitoare la noi produse sau alt personal. 2. Construirea unei echipe eficiente

2.1. Etapele dezvoltrii echipei Modelul cel mai cunoscut i mai rspndit de evoluie a echipei (Tuckman, 1965) presupune 5 stadii: formarea, etapa de agitaie, normarea, etapa de funcionare i ntreruperea activitii. Formarea La acest nivel apare adesea un grad ridicat de anxietate. Membrii echipei pun ntrebri care reflect interesul cu privire la rolurile atribuite i la resurse. Indivizii din cadrul echipei caut informaii despre ali membri, mai ales legate de background-ul acestora i experiena n tipul de sarcin pe care echipa trebuie s o execute. Etapa este caracterizat de ncercri repetate de a identifica sarcinile n termeni de parametri relevan i de a stabili cum anume se vor realiza, precum i de stabilirea tipului de informaii necesare i a modului n care vor fi utilizate. Cea mai important sarcin este stabilirea clar i de comun acord a obiectivelor. Tipuri de comportamente disfuncionale n echipele aflate n tranziie13 La membrii echipei La conductorul echipei La ntreaga echip Anxietate evident fa de Tentative de preluare a Creterea / scderea stimei de perspective controlului sine Tentative de a se face Schimbri aparent aleatorii Comportament competitiv neobservai Evaluri incorecte ale Redefinirea domeniului Reevalur ale carierei personalului Scderea nivelului de profesionale Idei preconcepute negative ingenuitate Bucuria / regretul fa de Nepotism Neclariti n ceea ce privete schimbarea conductorului Ateptri exagerate / frustrare obiectivul/prioritile grupului Stare de confuzie temporar Reacii la stres Suspendarea lucrului Sabotaj Un numr excesiv de edine / Lips de ncredere sau repro ntrevederi Testarea noului conductor Formarea de noi coaliii Panic Renunarea la proiectele Aspiraie la funciile inovante
12 13

West, M.A., op.cit., p. 35 Tuckman, B.W., 1965, Development Sequence in Small Groups, Psychological Bulletin

21

importante Reacii la stres

Schimbarea sistemului de recompense

Etapa de agitaie n timpul acestui stadiu apar conflictele ntre indivizi i subgrupuri. Sunt vizate alegerile, autoritatea i/sau competena coordonatorului, iar membrii nu accept eventuale ncercri de dominare din partea conducerii. Acest stadiu se caracterizeaz prin onestitate i deschidere n rezolvarea divergenelor. Normarea n timpul normrii are loc rezolvarea conflictelor, iar echipa ncepe s abordeze sarcina din perspectiva unei cooperri pozitive. Se ntocmesc planuri i se stabilesc standarde. Apar norme sau reguli acceptate i modaliti de lucru referitoare la comportamentul individual i colectiv. Normele trebuie impuse n conformitate cu nevoile organizaiei. Etapa de funcionare Membrii echipei ncep s vad rezultatele date de concentrarea constructiv a energiei asupra sarcinii comune. Se stabilete o structur de lucru eficient, n mijlocul creia indivizii se simt bine i ncep s colaboreze mai relaxai. La acest nivel trebuie organizate sisteme de revizuire regulat pentru ca echipa s dea randament n continuare i s fie n legtur cu mediul n care acioneaz. ntreruperea activitii La acest stadiu nu ajung, de regul, toate echipele, dar, n timp, membri importani vor prsi grupul, iar proiectele majore vor fi finalizate sau ntrerupte. Nu toate grupurile urmeaz schema propus de Tuckman. n unele cazuri se constat reluarea unor etape pentru a le parcurge gradat, la diverse niveluri. 2.2. Implicaiile statutului de membru al grupului Deoarece n primele faze rezultatele sunt minime, exist tentaia de a le parcurge n vitez sau de a le scurt-circuita, spernd c prin aceasta, grupul va atinge productivitatea maxim. Dei tentant, acest idee nu d rezultate. La fel ca i oamenii, care trec prin stadii de evoluie n funcie de vrst, experien, maturitate i ali factori, echipele trec i ele prin etape previzibile, a cror durat depinde de factori precum: maturitatea indivizilor i a echipei, complexitatea sarcinilor, conducerea acesteia, climatul organizaional i cel extern. Grupurile i pot nceta evoluia la diferite etape; unele nu ajung niciodat pe deplin funcionale. Dat fiind caracterul inevitabil al acestor etape, timpul necesar pentru ca echipa nou constituit sau cea modificat s devin pe deplin productiv se poate reduce prin mprtirea preocuprilor i ateptrilor legate de grup, ceea ce duce la reducerea tensiunilor, a ngrijorrii sau anxietii tipice etapelor de formare i antrenare. Membrii grupului se pot nelege ntre ei pentru a evita surprizele i astfel se poate accelera realizarea unei atmosfere de ncredere, care permite renunarea la aspectele interpersonale n favoarea celor legate de sarcinile profesionale, echipa putnd acum s mearg nainte i s funcioneze. Apartenena la echip n ceea ce privete componena echipelor, e necesar s existe o combinaie de persoane cu abiliti i caractere diferite. Dac sunt prea asemntoare, crearea de noi idei va fi limitat i toat lumea va dori s joace aceleai roluri i s ndeplineasc aceleai sarcini. Pentru a creai menine echipe performante trebuie luate n considerare toate elementele care influeneaz eficacitatea grupurilor. Printre aceste elemente diversitatea membrilor are un loc aparte. Atunci cnd membrii echipei sunt omogeni exist o serie de avantaje: uurina de a crea

22

relaii sociale ntre membriii nceputul interaciunii necesare pentru a munci mpreun. Pe de alt parte omogenitatea poate s limiteze punctele de vedere, ideilei creativitatea. Din diversitate provine o baz mai mare de talente, informaiii perspective variate care pot s mbunteasc procesul de luare a deciziilor sau de soluionare a unor probleme. Aceste aspecte sunt importante atunci cnd echipa lucreaz la sarcini complexe. Cercetrile au artat c diversitatea poate crea probleme n stadiile iniiale de formare a echipelor. Aceasta apare atunci cnd conflictele interpersonale care pornesc din diversitate vin s ncetineasc procesele de grup cum ar fi construirea relaiilor, definirea problemei i partajarea informaiilor. Chiar dac echipele ar putea ntmpina dificulti n a rezolva aceste probleme, se poate dezvolta un potenial de performan o dat aceste probleme au fost rezolvate. Trebuie s ne asigurm c membrii echipei sunt tratai egal. ntr-o echip de pn la 6 membri este probabil ca toi s devin implicai. Cei mai tcui nu vor fi dominai de personalitile mai puternice, iar aceia care nu doresc s munceasc nu se pot ascunde att de uor. n general, aceasta este mrimea ideal. Grupurile mai mari, de pn la 10 persoane, cuprind adesea una sau dou persoane care nu contribuie foarte mult, dar care pot fi productive. n cele mai mari, se observ o implicare redus. Odat ce au fost stabilii membrii echipei, acetia trebuie s nvee s lucreze mpreun. Munca n echip poate avea legtur cu persoane din afara grupului; de exemplu, pot fi implicai ageni economici sau organizaii comunitare. Claritatea sarcinii Trebuie s ne asigurm c sarcina este clar pentru toi. Acest aspect nu ar trebui s se limiteze doar la a le spune n ce const; trebuie s le permitem s se gndeasc la ea i s pun ntrebri pentru clarificare. Aceasta nu numai c le va furniza informaii concrete, ci le va i permite s-i formeze o viziune mai clar n privina sarcinii i a ceea ce ar trebui s realizeze. Pe parcursul unei activiti mai ndelungate n echip, fixarea unor termene face sarcina mai uor de abordat, poate contribui la creterea motivaiei, fiecare etap poate fi realizat cu succes, iar progresul va fi mai uor de monitorizat.

Implicarea membrilor echipei Pentru ca o echip s funcioneze cu succes, membrii si ar trebui s fie complet dedicai finalizrii sarcinii i realizrii obiectivelor. Ei trebuie s sprijine procesul i produsul muncii n echip. Realizarea unui consens i asumarea sarcinii de ctre fiecare membru al echipei este foarte important, att n vederea obinerii succesului n echip, ct i n vederea dezvoltrii fiecrui membru. Competiia dintre membrii unei echipe joac rar un rol ntr-o munc de echip eficace. Membrii trebuie s devin camarazi, s-i ofere sprijin, s-i mpart echitabil munca, ntr-o manier care s promoveze eficacitatea. n concepia lui V. Ricu, construirea unei echipe eficiente presupune un bun design al lucrului n echip, n care sunt specificate obiectivele care trebuie ndeplinite, strategia i succesiunea pailor, sarcinile specifice, numrul necesar de oameni, rolurile pe care acetia trebuie s le ndeplineasc i abilitile pe care trebuie s le posede. Autorul descrie 3 tipuri de abiliti de care o echip trebuie s in cont pentru a ajunge la rezultate bune pe plan profesional: are nevoie de oameni cu expertiz tehnic; echipa trebuie s includ persoane capabile s identifice problemele i persoane cu abiliti de rezolvare a problemelor; s decid competent.

23

Factorii de personalitate nu pot fi ignorai. n mod ideal, membrii unei echipe de succes nregistreaz scoruri nalte la dimensiunile: extraversie, agreabilitate, contiinciozitate i stabilitate emoional. Echipele eficiente tind s aib dimensiuni reduse mai puin de 10 membrii. Cnd este vorba de numrul membrilor unei echipe, experii propun abordarea Think small, respectiv o echip s fie format din cel mai mic numr de membrii care pot realiza sarcina cerut. O echip performant necesit un leadership eficient, care s fie n msur s traseze direcii clare i s genereze un climat de ncredere membrilor si. Echipele au un el sau un obiectiv spre care tind toi membrii si, ns liderul trebuie s aib grij s menin energia i concentrarea acestora, meninndu-i orientai spre elul colectiv, chiar dac circumstanele se schimb permanent. N. Ceau consider c dac avem cteva persoane care lucreaz mpreun, se ajut reciproc i stau n acelai birou, nu putem vorbi de o echip, ci doar de cteva persoane care mpart acelai spaiu i fac acelai tip de activitate. Pentru a vorbi de o echip, trebuie identificat acel ceva n jurul cruia s-a format colectivul14. n practic, impactul pe care aceste grupuri de lucru l au asupra performanei organizaiei sunt urmtoarele: 1. eficien sporit: o echip sudat poate fi coordonat mai eficient i va urmri coerent sarcinile; 2. comunicare mai bun: datorit existenei unui scop comun, barierele de comunicare se estompeaz, iar membrii grupului dialogheaz deschis i degajat despre probleme i soluii; 3. grad ridicat de motivare: existena colaborrii i comunicrii cu cei din echip n vederea realizrii obiectivelor comune reprezint pentru fiecare membru al grupului de lucru un motiv de a veni la munc din plcere; 4. retenie sporit: nimeni nu-i dorete s plece dintr-o echip n care se simte bine; 5. profit pentru companie: existena unor angaji eficieni i motivai are n timp efecte benefice asupra profitului companiei. Esena construirii unei echipe rezid n clarificarea speranelor despre scopuri i roluri. O echip este un eco-sistem. Dezvoltarea echipei i a individului se petrece dinuntru n afar. Indivizii participani se concentreaz mai nti asupra schimbrii pe care trebuie s o fac n ei nii i apoi asupra extinderii la alte domenii de influen din echip15. Alctuirea unei echipe performante reprezint o activitate foarte complex. Avem de-a face cu indivizi diferii, cu profiluri psihologice diferite, cu interese i ateptri diferite; din scopurile echipei trebuie delimitate obiectivele de urmrit pentru fiecare membru, iar acestea trebuie percepute ca fiind scopuri proprii. Iniial, echipa se prezint ca un grup n formare n care au loc fenomene psihosociale specifice de relaionare a persoanelor, de acomodare a unora cu altele, de asimilare a statutelor i rolurilor lor. Atunci cnd toate aceste procese se stabilizeaz i funcioneaz normal se poate vorbi de un grup structurat i coeziv, deci de o echip16. Gh. Ardvoaice arat faptul c selecia celor mai potrivii oameni trebuie s se realizeze dup un set de criterii17, precum: pregtire profesional de specialitate, n concordan cu specificul domeniului de activitate; experien; caracter integru, personalitate bine conturat, atitudine ferm i principial; loial instituiei, liderului i celor cu care lucreaz; spirit de echip, capacitate de a pune la dispoziia grupului ntregul su potenial de munc;
14 15

Ceau, N., Training manager, Ed. Codecs Tripon, A., On, A., Petelean, A., ibidem 16 Ardvoaice, Gh., op.cit., p. 48 17 Idem, p. 49

24

puterea i deprinderea de a sesiza disfunciile, cauzele acestora i de a propune soluii pentru mbuntirea muncii; abiliti relaionale pentru a instaura i menine raporturi interumane corecte; for moral pentru eventualele eecuri; tria de a-i comunica nemijlocit efului ce aspecte din actul de conducere sunt deficitare, de a formula i avansa metode de lucru noi; creativitate, spirit inovator, preocupare pentru implementarea elementelor de noutate, pentru schimbri radicale atunci cnd necesitile muncii o cer. R. Eales-White afirm c o echip se formeaz din motive organizaionale i motive individuale18. Rezultatele obinute n urma unui sondaj realizat pe 230 de manageri resurse umane din SUA, indic faptul c printre beneficiile muncii n echip se numr: o viziune mai bun n legtur cu stabilirea direciilor majore privind producia, o programare detaliat i eficient a produciei i creterea capacitii angajailor cooptai n echipe de a rezolva conflictele dintre ei. Majoritatea firmelor i stabilesc sau trec printr-un proces de stabilire a valorilor i a propriei viziuni asupra viitorului lor. Datorit schimbrii rapide i nesiguranei din mediile de afaceri,, dac acest proces este perceput ca necesar i poate fi eficient dac viziunea i valorile sunt stabilite n comun, dac ele coincid cu cele ale liderului i, de asemenea, dac exist schimbare la nivel de structur i sistem, care s asigure alinierea la viziunea i valorile menionate. Figurile urmtoare prezint comparativ echipa eficient i echipa ineficient. Fig. 1 Echipa eficient19
Procese bine definite i gestionate Scop i direcie clare i comune Energie i entuziasm Umor i bun dispoziie

ntrebri ingenioase i suport

Roluri clare

Hotrre

Devotament i implicare

Concentrare i perseveren

Gndire i planificare

nva din greeli

Creativi i flexibili

Feedback i ajustare

Deschii i oneti

Comunicare intern i extern

Produc performane semnificative

18 19

Eales-White, R., 2004, Cum s formezi echipe eficiente, p. 15 Eales-White, op.cit., p. 20

25

Fig. 2 Echipa ineficient20

Pierdere de timp Membri izolai Lipsa simului direciei sau al scopului Lipsa rolurilor clare

Lipsa sprijinului

Intrigi Apariia subgrupurilor Subminarea autoritii liderului

Lipsa planificrii sau erori n planificare

Obiective secrete i politica puterii

Prea conservatori nu i asum riscuri

Lips de experien

Nerespectarea limitelor de timp

Idei neluate n seam

Urmrirea excesiv a procedurii i a detaliilor

Prea serioi i concentrai pe sarcini

Produc performane slabe

M.A. West prezint cteva indicaii cu privire la nfiinarea unei echipe eficiente21: 1. Echipele trebuie s aib de executat sarcini interesante. Indivizii vor lucra mai intens dac sarcinile impuse i motiveaz, fiind interesante, provocatoare i plcute n acelai timp. Cnd sarcina e interesant, indivizii devin mult mai angajai, mai motivai i mai cooperani n ndeplinirea ei. 2. Indivizii trebuie s simt c au un rol important n soarta companiei. Fenomenul de lene social apare mai ales cnd indivizii cred c nu au o contribuie semnificativ la realizarea sarcinii. O modalitate de a-i face pe membri s se simt importani pentru echip este utilizarea strategiilor de negociere i clarificare a rolului. Examinarea atent a ndatoririlor fiecrui participant i identificarea obiectivelor individuale i de echip fac ca membrii s neleag i s demonstreze celorlali contribuia personal la succesul echipei. 3. Indivizii trebuie s aib de executat sarcini semnificative. Sarcinile individuale trebuie s fie semnificative i s aduc satisfacii. La fel cum pentru o echip este important s aib o sarcin interesant de realizat, tot astfel i membrii vor depune mai
20 21

Idem, p. 19 West, M.A., idem, p. 37

26

mult efort, vor fi mai creativi i mai dedicai dac sarcinile individuale sunt captivante i provocatoare. 4. Contribuiile individuale trebuie s fie indispensabile, unice i evaluate n conformitate cu un standard. Investigarea fenomenului de lene social indic faptul c acesta este rar ntlnit atunci cnd oamenii i percep contribuia ca fiind indispensabil performanei ntregii echipe. La fel de important este ca i munca individual s fie supus evalurii. Indivizii trebuie s simt c nu doar munca lor este indispensabil, ci i c realizrile lor sunt vizibile pentru ceilali. 5. Trebuie s existe obiective clare de echip nsoite de feedback n vederea atingerii performanei. Din aceleai motive pentru care este important ca indivizii s aib scopuri clare i feedback asupra activitii, este vital cai ntreaga echip s aib succes la aceste aspecte. Cercetrile arat c performana este ridicat atunci cnd oamenii primesc sarcini precise (Locke i Latham, 1991). Obiectivele constituie un factor de impulsionare dac se asigur i feedback. 2.3. Reguli necesare n vederea meninerii unei echipe eficiente respectai-v colegii, tratai-i aa cum ai dori s fii voi tratai, ca pe nite oameni capabili, cu caliti, cu trebuine, aspiraii i scopuri la fel de legitime ca ale voastre; lucrai bine i intens, urmrii obinerea performanelor nu pentru a-i surclasa pe colegi, pentru a le dovedi c suntei mai inteligent i mai priceput dect ei, sau pentru a demonstra efului c suntei mai valoros dect oricine, ci din nelegerea necesitilor muncii, a nevoii de a ndeplini bine ndatoririle de serviciu; comunicai, informai-v reciproc, consultai-v cu ceilali, ajutai-v n procesul pregtirii i derulrii unei aciuni; n caz de succes, bucurai-v mpreun; n caz de eec, pstrai-v calmul i luciditatea, nu v nvinuii unul pe altul; cutai mpreun cauzele eecului i reluai cu ncredere aciunea iniial; nu transformai divergenele de opinii i soluii n motive de ceart sau acuze. Privii-le ca pe ceva firesc, cutai s sesizai elementele comune, avei tria de a recunoate i a aprecia deschis ideea celuilalt atunci cnd este mai bun; evitai denigrarea i calomnia, nu comentai negativ diveri colegi i nu formai grupulee care s dezbine echipa; ajutai-v i cooperai activ. Acceptai ideea c astfel v completai reciproc nu din compasiune sau pentru a acoperi, substitui nepriceperea celuilalt, ci pentru reuita aciunii, pentru ndeplinirea activitilor organizaiei; indiferent de valoarea i experiena pe care o avei, de aportul personal la realizrile grupului, nu afiai aere de superioritate, evitai arogana i trufia, ci promovai lauda sincer i ndemnul prietenesc; apreciai cu franchee i onestitate rezultatul muncii colegilor, nu le subapreciai iniiativele i strdaniile de a obine performane. Discutai pe marginea lor, nvai din experiena celorlali, cerei-le ajutorul atunci cnd avei nevoie; nu-i nvinuii pe alii pentru greelile personale; asumai-le, recunoatei deschis n ce const vina voastr acest lucru va consolida imaginea personal n ochii colegilor; dezvoltai i consolidai sentimentul de prietenie, mprtii din tririle, frmntrile i satisfacia voastr, abordai cu tact i discreie i problemele care depesc cadrul profesional. J.C. Maxwell descrie 10 etape care trebuie parcurse pentru a investi n propria echip22: 1. Luai decizia de a pune bazele unei echipe!
22

Maxwell, J.C., 2005, Totul despre lideri, atitudine, echip, relaii, p. 157-160

27

Hotrrea de a dezvolta membrii echipei reprezint primul pas spre construirea unei echipe mult mai bune. 2. Selectai cei mai buni oameni cu putin! Cu ct oamenii din echip sunt mai buni, cu att potenialul lor este mai mare. 3. Pltii preul necesar instruirii echipei! 4. Facei lucrurile mpreun ca o echip! Singurul mod de a dezvolta identitatea i coeziunea ntre membrii echipei este s i reunii nu numai ntr-o formul profesional, ci i ntr-o formul personal. 5. Conferii membrilor echipei responsabilitate i autoritate! Cea mai semnificativ evoluie a oamenilor apare deseori ca urmare a ncercrilor i greelilor din experiena personal. Orice echip care dorete s treac la un nivel superior de randament trebuie s ofere membrilor echipei autoritate i responsabilitate. 6. Ridicai n slvi succesele obinute de echipa voastr! Oamenii sunt dispui s munceasc din greu dac sunt apreciai pentru eforturile lor. 7. Verificai dac investiiile fcute n echip dau roadele scontate! Trebuie s observai dac obinei un ctig pentru timpul, energia i resursele pe care le investii. Unii oameni se dezolt foarte repede, alii mai ncet, dar rezultatul final dorit este progresul. 8. Nu mai investii n juctorii care nu se dezvolt! Una dintre cele mai dificile experiene pentru orice membru al unei echipe este s lase n urm un coechipier. Dar este necesar s facei acest lucru dac un membru din echip refuz s se dezvolte sau s se schimbe pentru binele colegilor. 9. Creai noi oportuniti pentru echip! Atunci cnd o echip are posibilitatea de a pi pe un teritoriu nou sau are ansa de a se confrunta cu noi provocri, trebuie s se extind pentru a le putea face fa cu succes. 10. Oferii echipei cea mai mare ans pentru a reui! Una din cele mai importante sarcini pe care le avei de ndeplinit este ndeprtarea obstacolelor n aa fel nct echipa s aib o ans ct mai mare de a obine succesul.

3. Conducerea echipelor 3.1. n concepia lui M. West23, liderul are trei ndatoriri generale: crearea condiiilor care s asigure ndeplinirea sarcinii; formarea i meninerea unitii echipei; instruirea i susinerea echipei n vederea obinerii succesului. Crearea condiiilor adecvate nseamn n primul rnd s ne asigurm c grupul are o sarcin precis de executat i c deine resursele necesare atingerii scopului (buget necesar, cazare, echipamente IT, etc.). Pentru a crea i menine o echip unitar, liderul trebuie s se asigure c membrii posed deprinderile i abilitile necesare. Liderul trebuie s iniieze procese care s contribuie la eficiena echipei, prin luarea unor decizii convenabile, rezolvarea problemelor, managementul conflictelor i dezvoltarea unor mijloace noi i mbuntite ale muncii n echip. Operativitatea acesteia nu se obine dect prin exerciiu. Rolul liderului este acela de a ncuraja echipa n scopul deprinderii lucrului n grup. Instruirea i orientarea echipei spre victorie presupune intervenia pentru ndrumare i susinere n vederea realizrii unui lucru eficient. Liderul trebuie s nvee s fie sensibil la dispoziia membrilor, la ct de bine comunic i interacioneaz unul cu altul.

23

Idem, p. 68

28

Coordonarea echipei difer de modul tradiional de conducere. Conductorii tradiionali tind s dea instruciuni i ndrumri, mai degrab dect s caute sfaturi i s joace rolul unor mediatori. Nu ncearc s se integreze, ci s impun preri, avnd un rol mai mult autoritar dect de susinere. Liderii eficieni ai unei echipe mprtesc responsabilitile acesteia, ncurajndu-i pe membri s-i asume responsabilitatea atunci cnd lucrurile nu merg bine. Liderii ncearc s cordoneze echipa ca pe un ntreg, ca pe un tot unitar, nu doar asupra fiecrui component al ei. Conducerea se refer la procesul de iniiere a unor intervenii strategice adecvate motivrii i ndrumrii echipei. Funcia de conducere implic n mod categoric impunerea unei direcii precise asupra activitii echipei. Viziunea impus de lider i provoac pe ceilali, sporindu-le motivaia24. Locke i Latham (1991) cred c suntem mai receptivi la scopuri clare i interesante, dect la simplul ndemn f tot posibilul!. Astfel, planul este precis, orientnd membrii i asigurnd contribuia lor la atingerea obiectivului stabilit. Realizarea scopului are consecinele sale membrii pot vedea valoarea rezultatului pentru clieni i pentru ei nii, ceea ce i determin s se implice total n ncercarea de a transforma elul n realitate. Funcia de conducere presupune modelarea sau proiectarea echipei, astfel nct aceasta s funcioneze eficient25. Acest lucru se poate realiza lucrnd la autoritatea, dimensiunea, configuraia i vechimea echipei. Funcia de conducere include ctigarea suportului organizaional care ajut echipa s-i ating scopul26. Aceasta presupune acordarea unor recompense adecvate, instruirea corect a indivizilor, cunoaterea informaiilor referitoare la funcionarea i strategiile organizaionale de care au nevoie. Funcia de conducere presupune planificarea potrivit a interveniilor n vederea succesului27. Grupurile sunt receptive la interveniile din partea conducerii mai ales la nfiinare, pe parcursul executrii sarcinii sau cnd o etap a activitii s-a ncheiat. n concepia lui J. Maxwell28pot fi comparate dou prototipuri de lideri: Lideri care au obinut succesul prin competiie i consider pe cei din jur nite dumani Se concentreaz numai asupra lor nii Sunt mereu suspicioi la adresa altora Ctig numai dac sunt buni cu adevrat Victoria depinde de talentele lor Obin o victorie mic i puin bucurie Sunt i nvingtori, dar i nvini
24 25

Lideri care au obinut succesul prin colaborare i consider pe cei din jur prieteni Se concentreaz asupra altora Le ntind o mn de ajutor semenilor lor Ctig dac sunt buni sau dac echipa lor este bun Victoria lor depinde de talentele celor din jur Obin o victorie mare i o bucurie pe msur Sunt numai nvingtori

3.2. Acelai autor enumer o serie de caliti pe care trebuie s le posede potenialul lider29: Caracterul

Idem, p. 71 Ibidem 26 Idem, p. 72 27 Ibidem 28 Maxwell, J.C., op.cit., p. 168 29 Idem, p. 174

29

Calitile care trebuie s nsoeasc un caracter pozitiv sunt: sinceritatea, integritatea, autodisciplina, nclinaia spre nvtur, ncrederea pe care o inspir, struina, contiinciozitatea i un puternic respect pentru munca n echip. Influena Arta de a conduce presupune exercitarea unei influene puternice. Toi liderii sunt posesorii a dou caracteristici: se ndreapt spre o destinaie i sunt capabili s-i conving semenii s-i urmeze. Atitudinea pozitiv Individul a crui atitudine l determin s adopte o perspectiv complet pozitiv este o persoan fr limite. Oamenii nzestrai cu atitudini pozitive pot s ajung n locuri inaccesibile semenilor lor. Talentul de a lucra cu oamenii Talentul de a lucra cu oamenii implic o grij permanent pentru semenii notri, capacitatea de a-i nelege i hotrrea de a interaciona cu ei, care devine o prioritate de grad zero. Propriul comportament va influena i determina comportamentul pe care ceilali l manifest fa de noi. Performana Poetul Archibald MacLeish scria: Un singur lucru este mai dureros dect nvatul din experien s nu nvei din experien. Oamenii care nu au nregistrat performane, fie nu au nvat nimic din din greelile comise, fie nu au ncercat s fac nimic n via. ncrederea Oamenii sunt atrai de indivizi care inspir ncredere absolut prin ntreaga lor fiin. ncrederea este apanajul unei atitudini pozitive. Cei mai mari lideri ai lumii rmn ncreztori n forele lor indiferent de situaie. ncrederea confer putere. Un lider de excepie are capacitatea de a drui ncredere att n forele proprii, ct i n forele oamenilor si. Autodisciplina Liderii adevrai se caracterizeaz printr-o disciplin de fier. Cnd este vorba de disciplin, oamenii aleg din dou lucruri: suferina impus sacrificiul pe care l implic disciplina i suferina provocat de regretul care se nate din oportuniti ratate i mediocritate. n cazul liderilor, exist dou aspecte importante care trebuie analizate: unul l constituie emoiile, iar al doilea timpul. Liderii eficieni recunosc faptul c reaciile lor emoionale sunt propria lor responsabilitate. Liderul care nu permite ca aciunile altor persoane s-i dicteze reaciile, are parte de o libertate nelimitat. n ceea ce privete timpul, oamenii disciplinai l folosesc la maxim; iat 3 caracteristici ale liderilor disciplinai: i identific cu exactitate obiectivele pe termen scurt i lung; i concep un plan pentru realizarea acestor obiective; sunt animai de o dorin puternic ce i determin s continue lupta pentru ndeplinirea obiectivelor. Arta de a comunica eficient Un lider care nu are capacitatea de a comunica nu poate s-i exprime viziunea n aa fel nct s-i determine pe oameni s acioneze n spiritul ei. Abilitatea unui lider de a inspira ncredere este similar cu abilitatea de a comunica eficient. Comunicarea nseamn interaciune pozitiv. 3.3. Esena unei conduceri eficiente reprezint articularea unui plan clar i ndrumarea echipei prin viziune i strategii spre atingerea scopului. Liderii i pot ncuraja pe participani s fie flexibili n abordarea activitilor, analiznd obiectiv procesele care au loc i nvnd odat cu ceilali cum se lucreaz mai bine n echip. Un bun conductor va reprezenta interesele grupului: i va proteja reputaia, l va ajuta la rezolvarea creativ a conflictelor. De asemenea, se va ngriji de identitatea echipei. Esena conducerii eficiente presupune cldur afectiv. 3.4. Erorile i avantajele conducerii

30

R. Sternberg a identificat patru tipuri de convingeri greite care i pot induce n eroare pe lideri30: Eroarea egocentrismului: liderul consider c totul se nvrte n jurul lor i iau n calcul doar propriile interese i nevoi atunci cnd iau o decizie important. Eroarea omniscienei: liderii pot s tie multe lucruri, dar e o eroare s cread c tiu totul. Eroarea omnipotenei: liderii cred c sunt atotputernici i pot face ceea ce vor, fr s se gndeasc la legitimitatea sau moralitatea faptelor lor. Eroarea invulnerabilitii: liderii cred uneori c li se permite orice, c pot scpa nepedepsii, c se pot sustrage de la rspundere. R. Hackman (1990, 2002) a identificat 4 tipuri de capcane care pot determina eecul liderilor31: Numirea colectivului de munc echip, dar tratarea mambrilor n mod individual. n cadrul echipei pot fi stabilite responsabiliti individuale, pentru ca apoi, responsabilitile fiecruia s fie coordonate de lider, astfel nct suma eforturilor combinate ale membrilor s dea natere produsului ntregii echipe. A doua strategie este aceea de a desemna o sarcin i a le atribui indivizilor rspunderea de a identifica modul n care o pot realiza. Hackman susine c un procedeu mixt, n care oamenilor li se spune c sunt o echip, fiind ns tratai ca indivizi separai, cu propriile performane i recompense, nu face dect s conduc la confuzie i ineficien. Exacerbarea sau diminuarea autoritii. Exacerbarea autoritii poate genera anxietate membrilor; diminuarea ei poate duce la prea mult libertate i chiar la haos, n lipsa unei direcii. Simpla formare a unui grup mare. Atunci cnd configuraia grupului e neclar, iar responsabilitile nu au fost stabilite, membrii pot cdea victime unor fenomene precum lenea social sau atitudinea de profitor. Hackman susine pentru a obine o structur stabil sunt necesare 3 elemente: o sarcin bine planificat (care s-i motiveze pe membrii), echipa s fie bine nchegat (cu un numr mic de membri care s realizeze eficient proiectul) i s dispun de informaii clare i precise cu privire la limitele autoritii i responsabilitii sale. Desemnarea unor obiective interesante, fr a acorda atenie sprijinului organizaional. Dei lucrul n grup este considerat actualmente elementul de baz al funcionrii organizaiilor, persoanele care coordoneaz echipele sau lucreaz n cadrul lor nu sunt suficient instruite; prin urmare, liderii trebuie s depun un efort considerabil pentru a-i exercita influena orizontal i vertical, pentru a asigura echipelor sisteme de sprijin adecvate n organizaii. Convingerea c membrii au deja competena necesar lucrului n echip. Conducerea unui grup presupune contientizarea constant a proceselor care au loc n cadrul acesteia, precum i intervenia la momentul potrivit pentru a asigura un randament sporit. 4. Rezolvarea creativ a problemelor n echip 4.1. Etape n rezolvarea creativ de probleme Creativitatea de grup se refer la generarea noului prin interaciune n cadrul unui grup de persoane. Rezultatele creativitii de grup se finalizeaz n inovaii, invenii comune sau n soluii la problemele complexe sociale, la evenimente sau relaii umane care nu comport soluii unice.

30 31

West, M., idem, p. 77 Idem, p. 85

31

Rezolvarea problemelor mai puin structurate presupune gndirea lateral, care ncurajeaz identificarea i punerea unor noi probleme i, implicit, gsirea unor noi soluii. n aceste cazuri se valorific creativitatea, abilitatea i capacitatea managerilor de a prevedea i genera idei. Rezolvarea problemelor implic 4 stadii bine definite: explorarea problemelor, generarea alternativelor, selectarea unei opiuni i implementarea acesteia. Explorarea Clarificarea i investigarea unei probleme constituie, probabil, cea mai important etap n rezolvarea acesteia. De obicei, membrii echipei ncep s caute soluii nainte de a clarifica, analiza sau redefini problema nsi. Aceast etap se refer la concentrarea asupra scopului sau analiza deintorilor de interese. Ideaia Dac se reuete mpiedicarea ncercrilor de a oferi soluii n prima etap, pasul urmtor const n propunerea diverselor modaliti de a rezolva problema. Atunci cnd iau o decizie, echipele caut n general s ias dintr-un impas. Dac cineva emite o idee care este preluat imediat, trebuie fcute modificrile de rigoare. Studiile legate de rezolvarea problemelor arat c cea mai bun metod este s ncepem cu generarea soluiilor posibile. n aceast etap, atmosfera de siguran creat prin susinerea verbal a inovaiilor este deosebit de important pentru promovarea ncrederii. Selecia n continuare, scopul este acela de a susine o controvers constructiv pentru identificarea unei soluii adecvate. Este recomandabil o atitudine critic, dar pozitiv i ncurajatoare. Dac n a doua etap s-au obinut mai multe rspunsuri, vor trebui alese 3 sau 4 care par mai potrivite; este important s nu optm doar pentru cele obinuite; cel puin o propunere trebuie s sugereze o nou modalitate de a aborda problema. edina de brainstorming negativ este indicat pentru orice idee. Brainstorming-ule negativ contribuie la descoperirea dezavantajelor n mod constructiv i la remedierea lor prin modelarea propunerilor. Echipa nu trebuie s aleag o soluie doar pentru c e o soluie, ci pentru c este cea mai bun. Implementarea Urmnd cu seriozitate primele trei etape, echipa va realiza faptul c implementarea este pasul cel mai simplu i mai profitabil al rezolvrii problemelor. Pe parcursul acestei etape, membrii trebuie s abordeze dificultile care apar i s fie pregtii pentru a modifica corespunztor modul de aplicare a soluiilor identificate. n etapa implementrii, inovatorul trebuie s obin sprijin referitor la resurse, timp i cooperare din partea persoanelor din afara grupului care ar putea influena eficiena procesului de aplicare. Metodele i tehnicile creative sunt utilizate n scop pragmatic (de rezolvare efectiv a unei probleme ntr-un mod mai original) i educativ, de dezvoltare a aptitudinilor persoanei, aptitudini care particip la procesul de soluionare creativ. n pofida prejudecii c metodele i tehnicile creative intervin doar n etapa de generare, de producere a ideilor, acestea sunt utilizabile n toate stadiile procesului de rezolvare creativ a situaiilor cu care ne confruntm, ncepnd cu depistarea i definitivarea formulrii problemei i terminnd cu strategia de implementare a soluiei. 4.2 Tehnicile creative ofer noi modaliti de abordare a problemelor cu care se confrunt grupul i aduc alternative neobinuite pentru strategiile deja existente, care vizeaz acceptarea provocrilor. Iat cteva dintre aceste tehnici32: Brainstorming-ul clasic

32

Cmpean, E.A., 2006 (coord.), Educaia pe tot parcursul vieii. Semnificaii i coninut, p. 99

32

n cadrul acestei tehnici, membrii grupului emit ct mai multe idei, scopul fiind acela de a obine un numr mare de propuneri, fr a se preocupa de calitatea lor. Participanii accept sugestiile, reinndu-i criticile i ncearc s le utilizeze pentru a genera noi idei aa-numitul fenomen de parazitare. Sunt cunoscute mai multe modaliti de obinere a ideilor i soluiilor intermediare care conduc la soluia final: - progresiv liniar, care presupune o succesiune de raionamente, astfel nct fiecare idee genereaz o alta; - analitic, care presupune o analogie, o confruntare permanent a ideilor i o analiz individual a lor fr evaluare, n care se accept toate ideile, chiar i cele neobinuite sau absurde; - mixt, reprezentnd o combinaie a primelor dou. Aceast metod are ca punct de plecare rezultatul studiilor de psihologie social difereniat i pornete de la urmtoarele idei fundamentale33: - fiecare individ normal este apt de creativitate n msura n care nu este inhibat de atitudinile reprobative ale celorlali membri ai grupului i n msura n care atomosfera care creaz n grup l las s fie spontan; - prin intermediul discuiilor n grup, ideile se amplific i se mbogesc continuu, fr a avea o paternitate precis, ele fiind o emanaie a ntregului grup; Regulile acestei metode sunt: - cantitatea genereaz calitatea, deci cu ct numrul de idei va fi mai mare, probabilitatea de a gsi idei valoroase va fi mai mare; - orice critic este interzis; - separarea momentului emiterii ideilor de evaluarea lor critic; - stimularea asociaiei de idei pe baza celor exprimate de alii; - imaginaia, chiar absurd, este binevenit. Varianta scris a brainstorming-ului Aceast tehnic este o variant a brainstorming-ului clasic, care are n vedere competena superioar a indivizilor fa de grupuri la edinele de brainstorming, rezultatul fiind generarea unui numr mare de idei ntr-o perioad de scurt de timp. Membrii echipei stau la o mas rotund, avnd n fa cteva pagini albe pentru notarea ideilor. Dup ce scriu 10-15 idei, persoanele pun hrtiile n mijloc. Apoi, fiecare va nota sugestiile pe paginile colegilor. Sunt ndemnai n special s paraziteze propunerile celorlali. Metoda este util atunci cnd membrilor le este greu s gndeasc mpreun de la nceput. Ideile notate pe hrtie pot circula i pot fi dezvoltate pe parcursul mai multor zile. O variant productiv a tehnicii amintite implic utilizarea reelelor de calculatoare. Brainstorming-ul n reea (brain-netting) presupune crearea unui fiier la care au acces toi utilizatorii. Problema n discuie apare sub forma unui titlu n fiierul respectiv i toi membrii introduc idei sau sugestii legate de propunerile colegilor. Astfel, indivizii pot comunica i la distan; mai mult, toi au acces la rezultatele procesului. Aceast variant a brainstorming-ului are cteva avantaje34: - este mai profund dect barainstorming-ul oral; - ndrznesc i cei timizi; - se respect ritmul celor leni, care au posibilitatea s participe la acest aciune de grup. Brainstorming-ul negativ

33 34

Androniceanu, A., 1998, Managementul schimbrilor. Valorificarea potenialului creativ al resurselor umane, p. 58 Stoica-Constantin, A., 2004, Creativitatea pentru studeni i profesori, p. 207

33

Brainstorming-ul negativ este utilizat mai ales ca o strategie de a promova concentrarea asupra sarcinii i gndirea critic n echip. Este util pentru verificarea unei propuneri noi sau pentru evaluarea tacticilor, practivilor sau a obiectivelor deja existente (West,1996, 1997). Urmrirea scopului Aceast metod poate fi folosit n etapa explorrii i clarificrii problemelor, implicnd examinarea i evaluarea critic a scopurilor propuse. Este util, de asemenea, la reexaminarea modului n care sunt definite problemele i ideile. Mai mult, ea este esenial pentru a ncuraja membrii s identifice i s cerceteze ipotezele principale care sunt deseori preluate fr discernmnt. Abordarea n discuie duce la conceperea unui numr mult mai mare de scopuri dect cel stabilit iniial de echip. Formulrile de tipul a vrea s... i cum s..., care preced enunarea obiectivului, ajut la clarificarea acestuia. Tabelul de elemente Se refer la descompunerea unei probleme n mai multe elemente sau componente, organizndu-se un brainstorming pentru fiecare i alegndu-se apoi ideile care par mai promitoare sau mai creative, n vederea propulsrii echipei. Un astfel de tabel ne ofer ntr-un timp foarte scurt un numr mare de variante de rezolvare, ns metoda este aplicabil doar n cazul n care avem de-a face cu o problem care poate fi divizat n mai multe elemente. Exemplu Echipa trebuie s lanseze o idee pentru organizarea unui eveniment social nou, care s-i fac pe oameni s se simt bine n afara serviciului. Elementele acestei probleme pot fi urmtoarele: persoanele care vor participa, locul n care se va organiza evenimentul, activitile care se vor desfura, timpul i scopul ntrunirii. Apoi, grupul genereaz idei pentru orice tem sau component n parte. Urmtoarea etap presupune alegerea ideilor mai neobinuite din numeroasele combinaii posibile, generate de tabelul de elemente. Analiza deintorilor de interese Este vorba despre analiza propunerilor de schimbare sau a obiectivelor echipei din perspectiva celor afectai direct de activitatea grupului. Poate oferi sfaturi utile n privina modificrii adecvate a sugestiilor de schimbare sau a scopurilor echipei. Modelul Osborn pleac de la premisa c potenialul de creativitate i inovare al indivizilor i grupurilor este ngrdit de diferite mprejurri. Modelul i propune s deblocheze acest potenial i s prescrie procedurile de stimulare pas cu pas a ideilor creativ-inovative35. Procesul creativ de rezolvare a problemelor decizionale este menit s favorizeze desfurarea elementelor cheie ale procesului decizional: definirea problemei decizionale, producia de idei i elaborarea soluiei. 5. Avantajele i dezavantajele muncii n echip Munca n echip poate suda sau destrma grupul. Cel care i propune s ajung la performan prin construirea i consolidarea unei echipe nvingtoare, devine astfel responsabil pentru reuita sau eecul grupului pe care l-a creat. Reuitele sau nfrngerile nu se datoreaz n exclusivitate nici efului, nici subalternilor, ci sunt rezultatul ambelor pri. Succesele echipei servesc la ntrirea angajrii membrilor ei n activitate, n timp ce lipsa lor poate duce la nemotivare i la un randament sczut. 5.1. Avantajele muncii n echip.

35

Osborn, A.F., 1963, Applied Imagination: Principles and Procedures of Creative Problem-Solving, p. 166

34

Necesitatea muncii n echip a devenit tot mai evident pe msur ce politicile de resurse umane au evoluat, iar companiile au nceput s in cont de nevoia de comunicare i contact uman a propriilor angajai, contientiznd valoarea motivaional superioar a dialogului i susinerii reciproce ntr-o echip. n orice activitate, succesul este de cele mai multe ori rodul efortului comun, al muncii n echip. ntr-o echip ideal, oamenii au posibilitatea de a-i fructifica propriile atuuri. Relaia dintre membrii echipei are un impact considerabil asupra performanelor ei. Crearea unor raporturi calde ntre membrii depinde de: comunicare (deschis i onest), ncredere i respect reciproc, valorile mprtite, cooperare i colaborare, folosirea n comun a informaiilor i cunotinelor, un mediu sigur i stimulativ n care oamenii s se simt ncurajai i s nu se team de acuzaii n caz de eec i nu n ultimul rnd, depinde de umorul acestora. Munca n echip reprezint calea succesului i a performanei. Un alt avantaj al muncii n echip este dezvoltarea empatiei. Manifestarea empatiei n cadrul echipelor este esenial pentru c fiecare membru are posibilitatea de a se dezvolta i de a-i folosi propriul potenial. Empatia ajut echipele s-i cldeasc ncrederea i s colaboreze cu eficacitate. Dezvoltarea unor interaciuni empatice depinde de o strns colaborare ntre lider i membrii echipei, care s stimuleze: o abordare constructiv i pozitiv a comunicrii la nivel interpersonal, mai ales n situaii neplcute; sprijin oferit pentru nvare i pentru depirea situaiilor dificile de ndat ce acestea apar; asigurarea accesului egal al tuturor membrilor la exprimarea opiniilor i preocuprilor lor; un tratament echitabil pentru toi; preuirea n egal msur a tuturor membrilor echipei; nelegerea indicatorilor emoionali din cadrul interaciunilor; capacitatea de a controla emoiile n cadrul interaciunilor personale; grija reciproc artat de membrii echipei i capacitatea lor de a-i nelege sentimentele. Printre avantajele muncii n echip se mai numr cele legate de climatul afectiv pozitiv. Membrii unei echipe ajung s se cunoasc foarte bine, conlucrnd la depirea dificultilor curente. n plus, diversitatea i varietatea soluiilor oferite crete aritmetic cu fiecare membru. De aceea, lucrul n echip poate fi extrem de motivant, fiecare proiect aducnd cu sine experiena contactului cu ceilali i bucuria de a beneficia de sprijinul acestora. Dac aceste legturi ajung s fie puternice, confortul afectiv poate suplini i compensa alte lipsuri, inclusiv cele legate de salarizare. Lucrul n echip este folosit adesea ca mijloc de combatere i diminuare a rutinei zilnice. Nu salariul se constituie n cel mai important factor de motivare, ci coninutul muncii, natura sarcinilor curente i modul n care aceast activitate, prestat 8-10 ore/zi, corespunde cel mai bine necesitilor interne de dezvoltare. Munca n echip presupune ncredere. Interaciunea este un plus al echipelor. Lucrul n echip i determin pe membrii si s interacioneze, s se susin i s nu gndeasc individualist. O echip bine construit permite membrilor si s se concentreze pe valorificarea propriilor talente i competene. Membrii echipei i pot acorda sprijin reciproc i n privina nivelului de motivare, a direcionrii activitii spre atingerea obiectivelor dorite i contientizrii strategiilor greite. Prin confruntarea unor idei diferite, echipa genereaz mai mult inovaie i creativitate dect o persoan izolat. Prin combinarea experienei i abilitii lor de nvare, membrii unei echipe bine construite pot oferi mai mult flexibilitate. Alte avantaje ale lucrului n echip: stabilirea unor scopuri clare, agreate de toat lumea; rolurile fiecrui membru sunt bine definite, avnd n vedere abilitile de expertiz i capacitile fiecruia; 35

resursele sunt utilizate optim; exist un nalt grad de motivare al persoanelor; sprijinul i ncurajarea membrilor echipei l ajut pe fiecare s-i rezolve sarcinile; relaiile personale se mbuntesc; crete participarea la actul decizional; realizarea deplin a potenialului individual; sunt mai indicate pentru a rezolva probleme complexe care necesit opinii i cunotine diferite; valorific mai bine resursele fiecrui membru;

5.2. Dezavantajele muncii n echip Dei munca n echip are avantajul de a fi mai eficient prin faptul c le permite membrilor si s i completeze reciproc abilitile, trebuie avut n vedere faptul c nu orice proiect poate fi relizat n echip. Atunci cnd avem de-a face cu o astfel de activitate i cnd se dorete realizarea ei n echip, apar anumite dezavantaje. Un aspect negativ al muncii n echip este acela c rezistena la schimbare este n general mai mare dect n cazul persoanelor separate. Practica ne demonstreaz c nu e suficient ca un grup profesional s fie format din personaliti puternice, competente i cu experien. Dac ntre acestea nu exist compatibiliti, nelegere reciproc, viziuni i motivaii comune centrate pe acceptarea scopului propus, solidaritate i camaraderie, nu se pot obine performane apreciabile. Valorificarea potenialului de munc al fiecruia, evoluia n cariera profesional nu se ndeplinesc fr a respecta cerinele formrii i meninerii spiritului de echip. La aceast stare, care poteneaz calitatea i randamentul muncii fiecruia, se ajunge numai atunci cnd oamenii neleg c ntregul nu este egal cu suma prilor, ci cu ceva mai mult, care se nate din interaciunea cu grupul, din armonia relaiilor interpersonale, din identificarea oamenilor cu valorile i scopurile grupului. A lucra ntr-un grup dezbinat, n care certurile i nenelegerile sunt frecvente, se manifest orgoliile i antipatiile, atitudinile de izolare, de desconsiderare sau indiferen, n care fiecare ncearc pe cont propriu s-i rezolve problemele, n care denigrarea celuilalt este practicat n mod curent, reprezint fr ndoial un obstacol serios pentru a munci cu plcere n echip. Nu toi oamenii pot lucra n echip; lucrul n echip cere angajailor s coopereze unii cu alii, s schimbe informaii, s se confrunte cu diferenele, s le accepte i s-i sublimeze interesele personale n favoarea interesului de grup. Rolul i eficientizarea muncii n echip sunt recunoscute, ns drumul ctre atingerea performanelor profesionale poate fi alunecos. De aceea, managerii trebuie s acorde o importan desvrit la crearea a ceea ce se cheam echip de succes. n cadul echipei pot aprea conflicte. Faptul de a depinde de cineva poate fi destul de frustrant pentru unii, mai ales atunci cnd partenerii nu-i respect angajamentele, termenele sunt depite n lan, ntrzierea se amplific continuu, motiv pentru care se acord att de mult importan prezenei unor caliti absolut necesare acestui tip de organizare a muncii. Echipa nseamn comunicare direct, oblignd la asumarea constant a responsabilitii propriilor sarcini, deoarece nendeplinirea acestora este imediat sancionat de grup. De obicei, la nceput oamenii se declar ca fiind buni juctori de echip, gata s fac fa oricror sarcini i gata s dialogheze cu oricine, deschii la ideile i sugestiile altora. Un test psihologic de extraversie i comunicare poate infirma aceste declaraii, profilnd o persoan care lucreaz mai bine individual i care prefer solitudinea. Iat de ce disponibilitatea exprimat trebuie s fie real. Dincolo de aparene pot exista nemulumiri n colectiv. Dinamica grupului conine i factori ascuni, unii incontieni, alii neexprimai, care altereaz procesul de realizare a aciunilor n vederea atingerii obiectivelor comune.

36

Teama de conflict i de implicare (inamicii interaciunii) reprezint un alt dezavantaj. Desfurarea activitii n echip poate genera anumite probleme, lipsa ncrederii reciproce poate da natere unor nenelegeri ntre membrii. De aici genereaz teama de conflict. ncercarea de evitare a conflictului conduce la autocenzurarea comunicrii. O alt consecin negativ a lucrului n echip poate fi i sentimentul redus de satisfacie personal la finalul unui proiect, n cazul specialitilor care dau rezultate mult mai bune dac lucreaz singuri. ntr-o echip pot interveni i momente mai dificile cauzate de conflicte determinate de cele mai multe ori de probleme interpersonale, de lipsa de comunicare, de persoane dificile n echip, de roluri nu prea bine definite. Aceste momente dificile i-ar putea detrmina pe unii s spun c singuri ar fi reuit mai bine, c unele activiti au avut de suferit din cauza unor colegi de echip mai slab pregtii sau mai puin implicai. Automatizarea excesiv a echipelor poate afecta coordonarea eforturilor cu cele ale altor echipe. Pe considerentul c cei care dein aptitudini dezvoltate multilateral pot desfura mai multe activiti, s-ar putea ajunge la desfiinarea unor posturi i la suprancrcarea personalului cu activiti suplimentare.

Bibliografie Androniceanu, A., 1998, Managementul schimbrilor. Valorificarea potenialului creativ al resurselor umane, Ed. All Educational, Bucureti Ardvoaice, Gh., 2008, Liderul i munca n echip, Ed. Antet Armstrong, M., 2003, Managementul resurselor umane, Ed. Codecs Eales-White, R., 2004, Cum s formezi echipe eficiente, Ed. All Beck, Bucureti Maxwell, J.C., 2005, Totul despre lideri, atitudine, echip, relaii, Ed. Amaltea, Bucureti Osborn, A.F., 1963, Applied Imagination: Principles and Procedures of Creative ProblemSolving Owen, H., Hodgson, V., Gazzard, H., 2004, Manual de leadership, Ed. Codecs Stanciu, C., 2006, Rezolvarea creativ a problemelor n echip, n Educaia pe tot parcursul vieii. Semnificaii i coninut, coord. A.E. Cmpean, Ed. University Press Stoica Constantin, A., 2004, Creativitatea pentru studeni i profesori, Institutul European, Iai Tripon, A., On, A., Petelean, A., 2003, Management operaional. Performana n echip, Ed. Universitii Petru Maior, Tg. Mure Tuckman, B.W., 1965, Development Sequence in Small Groups, Psychological Bulletin West, M.A., 2005, Lucrul n echip. Lecii practice, Ed. Polirom, Iai

37

Capitolul III. COMUNICARE N LIMBA ENGLE Berariu Cristina

1. BASIC SKILLS 1.1. FORMAL LETTERS Outline 1. Formal greeting: Dear Sir/Madam (when you do not know the name of the person you are writing the letter to); Dear Mr/Ms Gregory (when you know the persons name) 2. Introduction Opening remarks/reason for writing 3. Main body Write about main aspects of the letter in details, starting a paragraph for each aspect 4. Ending Closing remarks (e.g. I look forward to hearing from you) 5. Formal ending: Yours faithfully ((when you do not know the name of the person you are writing the letter to); Yours sincerely (when you know the persons name) Useful language Opening remarks (mild) I am writing in connection with / to complain about/ to inform you that (strong) I wish to express my deep/ strong dissatisfaction with To introduce new points Firstly, secondly, thirdly With regard to, As regards Closing remarks (mild) I feel/believe I am entitled to a refund (strong) I insist on/ I demand a full refund or I shall be forced to take legal action / the matter further I hope that I will not be forced to take further action

38

1.2. ELEMENTS OF AN EMPLOYMENT FILE APPLICATION FORMS

Private and confidential Please complete and return it to the Personnel Director Which post are you applying for? How did you hear about it? Surname Permanent home address telephone Date of birth Nationality Marital status Number of children (age) Name and address of next of kin (state relationship)

Forenames Mr/Mrs/Miss Present address Place of birth Maiden name (if applicable) Have you been employed by us before? If yes, please give details

What training courses or further studies have you undertaken? Languages (state proficiency) Give names and addresses of previous employers, working backwards from present job Dates Name/address salary Job title and duties Reason for leaving

1.3. THE LETTER OF APPLICATION Outline 1. Introduction Opening remarks/reason for writing a. The name of the job/course, where and when you saw it advertised 2. Main body a. Age, present job and studies b. Qualification c. Experience d. Skills and personal qualities that are suitable for the job 3. Ending Closing remarks Any other important information (when you are available for the interview, where and when you can be contacted, references you can send, a remark that you hope that your application will be considered, etc)

39

Example of Job Application Letter

15 October 2009 The Office Manager PO Box 143 Sumner Park QLD 4074

Dear Sir/Madam Re: Receptionist Position I am applying for the position of receptionist, which was advertised in The Courier Mail on Saturday 14 Octoberl 2009. I have over 5 years experience working in a busy office environment as a Receptionist and general office administrator. I have recently completed a Certificate II in Business Administration at Sarina Russo Schools | Australia. In all my previous employment positions, I have been required to operate a 10 to 15 line switchboard and general commander systems. I am competent is the use of Microsoft Word, Excel and PowerPoint and have a current typing speed of 40 words per minute with 100% accuracy. Since beginning my working career I have gained many skills in the area of customer service and feel that I would be a valuable asset to your organisation. I have enclosed my resume and can be contacted at anytime for an interview on 333 3333 33. Yours faithfully, Maria Georgianu

1.4. DEALING WITH COMPLAINTS Useful language Opening remarks I am writing to offer my apologies for To emphasize what you say Clearly, obviously, needless to say . To express reality In fact / As a matter of fact / Actually Making amendments Please allow me to suggest / offer as compensation I insist on to make up for your loss / inconvenience Closing remarks Once again my sincere apologies for the inconvenience caused I hope that you can overlook this regrettable error.

Practice A. You work at an airport in your country and have received this letter from Andrew Rogers, a tourist. Read the letter and discuss his complaints: 40

Dear Sir / Madam, Im writing to express my dissatisfaction with some of your services which I consider need improvement: First, delivery and installation of two sets of scales at the check in should be dealt with a.s.a.p. so as to avoid endless queues. Second, as only one piece of luggage per person is allowed onto the aircraft, please make sure this rule is implemented and there will not be any quarrel on the plane. Finally, on arrival, we had to wait 50 minutes for my suitcases in the Baggage Reclaim area. This speed of delivery is totally unacceptable. I hope you will investigate these matters and promptly solve them. I look forward to hearing from you. Yours faithfully Andrew Rogers B. Read the letter of apology the airport administration manager wrote to the tourist: Dear Mr. Andrew Rogers, I am writing to express our most sincere apologies for the inconveniencies our services have caused you. As regards the lack of sufficient equipment at the check-in desk, it was due to an unexpected increase in the number of passengers. I would like to assure you that we have already solved this problem by installing additional scales as we do not like crowds in our airport. As far as the amount of luggage we allow on the aircraft is concerned, I am sure that our staff will be more careful in the future and will strictly forbid any passenger to disobey this rule. Finally, I am sorry to say that the delayed delivery of your luggage was due to a technical problem which failed to be reported on time, yet I assure you that this was a single occurrence which is unlikely to happen again. I hope that you will accept our apologies and will continue to use our airport in your future travels. Yours sincerely, Dan Deleanu Airport Administration Manager

Task 1 Write a letter of complaint to the Administration of the Otopeni Airport mentioning the following: Your luggage was improperly handled and as a result one of the troller wheels came off while the zip locker of one of the exterior compartments was broken. Task 2 You are the administration manager of the Otopeni Airport. Write a letter of apology to the dissatisfied tourist. 1.5. CONFIRMING RESERVATIONS

41

The Park Hotel has received the following Letter.

19 Brunswick Road, York, Y02 1PB England 10th September, 2002

Here is the reply

PARK HOTEL

Main Boulevard, 112, DK-Copenhagen 4, Denmark

Telephone/fax: + 01-107 092 e-mail: parkdk@dn.com

The Manager, Park Hotel, Main Boulevard, 112 DK-Copenhagen 4 Denmark Mr. Peter Gable

September 12th, 2002

19 Brunswick Road, York Y02 1PB England

Dear Sir, My family and I stayed at your hotel when we visited Copenhagen last year. We are now planning a second visit during November this year and hope it will be possible to stay at the Park again. We require two twin-bedded rooms with baths for six nights, from November 15th. We would like rooms with a view over the park again, if possible. Please let us know if a deposit is required. Yours faithfully, Dear Mr. Gable, Thank you for your letter of September 10th 2002. We have much pleasure to confirm your booking of two twinbedded rooms with baths from 15th of November 21st 2002, inclusive. Your rooms have a view over the park as requested. A deposit is not required. We are looking forward to your visit.

Peter Gable

Yours sincerely, Mr. A. Murdock Advance Reservations

2. BASIC GRAMMAR 2.1. SIMPLE PRESENT/ PREZENTUL SIMPLU

FORM: verb + (e)s - pers.3 sg. I work We work You work You work He works They work She works It works Forma negativ: DO NOT (DONT) / DOES NOT (DOESNT) I dont work in the afternoon shift He doesnt work at night.

USES: 1. habitual actions (usually, generally, every day) He works in the currency department. I read and answer my e-mail every day.

Spelling (ortografie) La adugarea terminaiei s au loc urmtoarele transformri:

42

1) consoan + y + s = ies; try = tries; cry = cries 2) anumite verbe adaug es: go goes; do does; watch watches; wash washes; dress dresses. Pronunciation (pronunie) Terminaia prezentului simplu la persoana a 3-a singular se citete: /s/ /z/ cooks goes speaks does stops tries Interogativ/negativ
? DO/DOES Do I work ? Do you work? Does he work? Does she work? Does it work? Where do you work? What do you do? How do you get there? When does he work? Do we work? Do you work? Do they work? Negative I do not (dont) work. He does not (doesnt) work.

/iz/ watches washes dresses

Eg. Do you work in the tourism industry? Does he work in the tourism industry?

DISLIKES: I dont like the rain and I dont like the mud, the dirt on the streets after the rain. I dont like the gossip and the lies (and especially now: the lies before elections). She likes reading books about everything. She doesnt like cooking every day 2.2. SIMPLE PAST / TRECUTUL SIMPLU
To be Affirmative Negative I was eu am fost I was not wasnt You were tu ai fost You were not werent He was el a fost He was not wasnt She was ea a fost She was not wasnt It was el, ea a fost It was not wasnt We were noi am fost We were not werent You were voi ati fost You were not werent They were ei, ele, au fost They were not werent e.g. Was he at the meeting yesterday? Yes, he was/No, he wasnt Where was he yesterday? He was at work. Where were you yesterday afternoon? I was at home. Interrogative Was I? Were you? Was he? Was she? Was it? Were we? Were you? Were they?

REGULAR VERBS/verbe regulate

FORM: - VERB-ED

43

USE: actions finished in a definite past (actiuni terminate in trecut: yesterday, last year/month/week, an hour ago/ ieri, anul/luna/saptamana trecuta) e.g.: Between 2002 2004 he worked in the accounts department. Verbele regulate formeaz timpul trecut prin adugarea terminaiei ED care poate fi citit: /t/ /d/ /id/ asked moved wanted worked warned needed dropped played ended helped travelled nodded wished arrived accepted Scriere - verbele terminate n y precedat de consoan: y ie: try tried dar play rmne neschimbat: played. - nu se dubleaz e final: live + ed = lived Eg.(I, you, he, she, it, we, you, they) worked hard yesterday.

IRREGULAR VERBS / verbe neregulate

Verbele neregulate au trei forme, forma a 2-a (Verb2) reprezentnd timpul trecut si este la fel la toate persoanele: 1. Go 2. went 3. gone

Infinitiv trecut participiu e.g. (I, you, he, she, it, we, you, they) went to work yesterday morning.

LIST OF IRREGULAR VERBS

INIFINITIVE PAST PARTICIPLE INFINITIVE PAST PARTICIPLE

be beat become begin bend bet bite blow break bring broadcast build burst buy catch choose come cost creep cut deal dig do draw drink drive fat fall feed feel

was/were beat became Began Bent Bet Bit Blew Broke Brought Broadcast Built Burst Bought caught chose came cost crept cut dealt dug did drew drank drove ate fell fed felt

been beaten become begun bent bet bitten blown broken brought broadcast built burst bought caught chosen come cost crept cut dealt dug done drawn drunk driven eaten fallen fed felt

leave Lend Let lie Light Lose Make Mean Meet Pay Put Read Ride Ring Rise Run say See Seek Sell Send Set Sew Shake Shine Shoot Show Shrink Shut Sing

left lent let lay lit lost made meant met paid put read /red/ rode rang rose ran said saw sought sold sent set sewed shook shone shot showed shrank shut sang

left lent let lain lit lost made meant met paid put read /red/ ridden rung risen run said seen sought sold sent set sewn shaken shone shot shown shrunk shut sung

44

fight find fly forbid forget forgive freeze get give go grow hang have hear hide hit hold hurt keep kneel know lay lead

fought found flew forbade forgot forgave froze got gave went grew hung had heard hid hit held hurt kept knelt knew laid led

fought found flown forbidden forgotten forgiven frozen got given gone grown hung had heard hidden hit held hurt kept knelt known laid led

Sink sit sleep speak spend stand steal stick sting strike swear sweep swim take teach tear tell think understand wake wear win write

sank sat slept spoke spent stood stole stuck stung stroke swore swept swam took taught tore told thought understood Woke Wore Won Wrote

sunk sat slept spoken spent stood stolen stuck stung stricken sworn swept swum taken taught torn told thought understood woken worn won written

Trecutul simplu inteogativ/negativ Interrogative: DID + Verb1 Did he work for IBM? Negative: DID NOT = DIDNT + VERB(1) No, he didnt. He didnt work for He worked for The Romanian Bank for Development Yes, he did. He worked for OTP Bank. No, she didnt. She didnt work in a travel agency. She worked in a private company. They launched the new product last spring. I sent it two hours ago. Because it had some problems.

Did he work for OTP Bank? Did she work in a travel agency?

When did they launch the new product? When did you send the fax? Why did they return our product? 2.3. FUTURE TENSE

Timpul viitor se formeaz cu ajutorul auxiliarului will la toate persoanele. I will call you tomorrow You will be present at the meeting. He will have to meet the delegation at the airport. She will talk to you soon. It will arrive tomorrow. We will write to you about it. You will have the answer in due time. They will give you an answer as soon as possible. Forma scurt: ll (Ill, youll, hell, shell.... etc.) Negativul: will not = wont 45

Interogativul: inversion, e.g. Will you be present at the meeting? When will the order arrive? 2.4. PRESENT PERFECT FORM: have/has + verb (ed/3) He has resigned.
Affirmative I have shipped the product You have shipped the product He has shipped the product She has shipped the product It has arrived. We have shipped the product You have shipped the product They have shipped the product Negative (short form: havent/hasnt) I have not shipped (havent shipped) She has not shipped (hasnt shipped) It hasnt arrived yet. Has it arrived? Interrogative (inversion) Have you shipped the product?

USED: 1. aciune terminat ntr-un trecut neprecizat (rezultatul este vizibil n prezent) e.g I have read the book He has broken his leg We have paid our staff He has signed the contract 2. Cu urmtorii indicatori de timp: EVER (vreodat) Have you ever worked in a production factory? NEVER (niciodat) I have never been fired. JUST (tocmai) He has just applied for the position of tourism agent. ALREADY (deja) We have already finished the report. YET (nc) The delegation hasnt arrived yet. THIS YEAR, THIS WEEK, TODAY : We have sold 20 units this week. 3. actiune nceput n trecut care continu pn n prezent: I have been a student for half a year. I have been a student since october 2006. We havent seen him since 2000. We havent seen him lately. SINCE indic de cnd (nceputul perioadei) FOR - indic de ct timp (durata perioadei) LATELY n ultima perioad 3. SPEAKING TOPICS 1. 2. 3. 4. 5. 6. 7. 8. Applying for a job Questions at the interview Job duties (describing responsibilities) Local touristic attractions Romanian holidays and habits Local knowledge: specific Romanian food Giving directions Hotel facilities/services Giving information about your company/hotel/restaurant

46

9. Entertainment opportunities in the area 10. Looking after a visitor/guest 11. Presentation of a website 12. Advertising your business Bibliografie Pat Pledger, (2009), English for Human Resources, All Educational: Bucuresti Anisoara Pop, (2009), Intensive English for Business Students, Editura Universitatii Dimitrie Cantemir: Targu Mures

47

Capitolul IV. IGIENA I PROTECIA MUNCII Lucian Cepoi 1. Definiia i obiectul igienei muncii Igiena muncii este ramur a igienei ce studiaz condiiile de munc i influena acestora asupra organismului urmrind stabilirea unor norme fiziologice i complexe de msuri care s asigure confortul la locul de munc, prevenirea oboselii i a mbolnvirilor profesionale. 2. Boli profesionale Definiie: boli cauzate de factori fizici, chimici, biologici, caracteristici exercitrii unei meserii sau profesiuni, inclusiv cele determinate de suprasolicitarea diferitelor organe sau sisteme n timpul muncii. Factori nocivi posibil cauzatori de mbolnviri profesionale cu specific legat de munca de agent de turism: Organizare neraional a muncii: exagerarea efortului fizic sau intelectual, a ritmului muncii, suprasolicitarea sistemului nervos central, folosirea neraional a timpului de munc i odihn. Factori nocivi din mediul de munc: fizici, chimici, biologici. Deficiene de construcie i amenajare a locului de munc: zone de munc subdimensionate, deficit de nclzit, iluminat, etc. 3. Adaptarea organismului n timpul muncii - ritm, capacitate de munc, oboseala n munc Adaptarea organismului n timpul muncii - modificri musculare, respiratorii, ale inimii i circulaiei sngelui, modificri digestive, ale funciei rinichilor, modificri ale glandelor. Ritmul de munc: determinat de durata, natura, tipul efortului; reflect starea capacitii de munc, gradul de nsuire a calificrii, aspecte de organizare a muncii. 4. Capacitatea de munc Definiie: posibilitile de a efectua o cantitate maxim de munc. Factori care determin capacitatea de munc: factori care in de organism: vrsta, sex, stare de sntate, alimentaie, constituie, interes, voina, atitudine fa de munc. factori de mediu i socio-economici: microclimat, ageni fizici i chimici, organizarea timpului liber, relaii umane. Msuri pentru ntreinerea capacitii de munc: organizarea unui regim raional de munca i odihn innd cont de cele trei faze de modificare a capacitii de munc din cursul zilei de lucru. Utilizarea pauzelor: o pauz mai lung la mijlocul zilei de munca de 30-60 min., pauze suplimentare de 3-5 min. distribuite n cursul zilei de munc. 5. Oboseala n munc Factori care provoac oboseala: factori ce in de condiiile de munc i factori dependeni de mediu. Combaterea oboselii: timp de munc de 8 ore zilnic, regim de munc, gimnastica activ, confort termic 15-22 grade C, umiditate relativa max de 60%, iluminat adecvat, rol psihologic al culorilor, reducerea zgomotului. 6. Boli profesionale Definiia bolii profesionale: afeciune ce se produce ca urmare a exercitrii unei profesiuni, cauzat de ageni nocivi: fizici, chimici sau biologici, caracteristici locului de munc precum i de suprasolicitarea diferitelor organe i sisteme n procesul de munc. Factori ai riscului de mbolnvire: organizare neraional a muncii, mediului de munc, ageni patogeni fizici, chimici, biologici specifici serviciului. Poziii vicioase n timpul muncii - pot determina mbolnviri ale coloanei vertebrale; suprasolicitri de tendoane, musculatura, picior plat, varice.

48

Msuri de reducere a riscului de mbolnvire: evaluarea riscurilor care nu pot fi evitate, evitarea riscurilor, combaterea riscurilor la sursa, adaptarea muncii, programe de preventie. 7. Microclimatul locului de munc, ventilaia. Definiie microclimat: complex de factori fizici ai aerului-temperatura, umiditate, micarea aerului, temperatura obiectelor i suprafeelor, ce caracterizeaz starea climatic din spaiul restrns al locului de munc. Efectele microclimatului cald asupra organismului: transpiraii intense, supranclzire, pierderi de lichide, scaderea capacitii de concentrare i atenie, scaderea randamentului muncii. Efectele microclimatului rece asupra organismului: scderea temperaturii pielii, creterea tensiunii arteriale, posibil degerturi, paralizii de nervi, favorizarea apariiei faringitelor, laringitelor, amigdalitelor. Zona de confort termic: iarna: 17-21 gradeC cu optim la 19 grade C respectiv 19-23 grade C cu optim la 21 grade C vara - cu variaii funcie de activitate, adaptare la factorii microclimatici, mbrcminte, alimentaie. Norme individuale pentru factorii componeni ai microclimatului: temperatura aerului 18-22 grade C, umiditatea aerului 35-65%, micarea aerului max. 0,5m/s, temperatura suprafeelor s nu difere cu mai mult de 4 gradeC fa de cea a aerului. Sistemul de nclzire a unitii. Condiii sanitare: s nu produc noxe, s realizeze un microclimat uniform, s creeze condiii optime de ambian termic, s aib un randament caloric ct mai mare. Vicierea aerului - datorat procesului respirator cu scderea concentraiei de oxigen, creterea celei de bioxid de carbon, creterea temperaturii i umiditii aerului ducnd la: transpiraie, dureri de cap, vrsturi, greuri, somnolena ce apar n ncperi neventilate. Ventilaia ncperilor: natural, artificial, mecanic. Condiii sanitare: s realizeze condiiile de confort, s nu modifice brusc temperatura, s nu produc zgomot, trepidaii, etc. 8. Radiaii Radiaii ultraviolete: surse - soarele. Efecte: distrugerea bacteriilor, efecte asupra organismului: piele, ochi, nivel de calciu. Radiaii luminoase: surse - natural, artificial, incandescent, luminescent; efecte asupra funciei vizuale, pielii i sistemului nervos. Radiaiile infraroii: surse - orice corp cu temperatura peste zero absolut; efecte asupra: pielii, ochiului, sistemului nervos. Microunde: surse - aparate de nclzit, instalaii de telecomunicaii; efecte semnificative doar la intensiti mari; emit ns radiaii calorice. 9. Zgomote. Electricitatea Surse de zgomote: externe, interne. Unitate de masur a sonoritii: bell, decibel. Aciunea zgomotelor asupra organimului: efecte asupra urechii, scderea ateniei, insomnie. Limita maxim de zgomot - zgomotul exterior s nu depeasc 50 decibelli la 3 metri de fereastr. Factori ce influeneaz aciunea curentului electric asupra organismului: intensitate, frecvena curentului, durata de aciune, traseul prin corp i starea de sntate a organismului. Condiii n care pot avea loc accidente electrice: atingerea conductorilor de curent sau a pieselor metalice neizolate: ex. lmpi. Evitarea accidentelor datorate curentului electric: protecia mpotriva atingerii directe a unor elemente sub tensiune. Primul ajutor n electrocutare: izolarea salvatorului, scoaterea accidentatului din circuit, reanimare de urgen. 10. Igiena muncii la femei Factori din mediul de munc ce pot influena organismul femeii: munca ndelungat n poziie eznd poate favoriza tulburari de circulaie i inflamaii ale organelor genitale.

49

Ocrotirea sntii gravidei: gravidele ncepand cu luna V i cele care alpteaz nu vor presta munci suplimentare i nici munca de noapte; acordarea de pauze de cte ora din 3 n 3 ore pentru cele care alpteaz; organizarea unor ncperi destinate pentru repaus i igiena individual. 11. Factori de risc pentru sntate la locul de munc Definiie risc pentru sntate: probabilitatea afectrii strii de sntate a personalului sau consumatorilor la locul de munc. Enumerarea factorilor de risc pentru mbolnvire: proiectarea i amenajarea neigienic a ncperilor, concepere i repartizarea defectuoas a sarcinilor de munc, durata anormal a timpului de munc, mediu de munc neigienic, ageni patogeni biologici, fizici, chimici, specifici muncii. Factori biologici A) Bacteriile Definiie: organisme microscopice invizibile cu ochiul liber formate dintr-o singur celul i care se nmulesc n organismul uman dar si pe diverse suprafee. Bacterii folositoare organismului: bacterii din intestinul subtire cu rol n producerea unor vitamine: K, B; bacterii din intestinul gros care favorizeaz digestia; bacterii cu rol n epurarea apelor reziduale, fertilizarea solului, prepararea iaurtului i branzei(lactobacilli). Bacterii duntoare omului: patogene i condiionat patogene Bacteriile patogene determin mbolnviri la om condiii de producere a bolilor infecioase: sursa de infecie (om sau animal), eliminarea bacteriilor n mediul exterior, existena unei ci de transmitere, contactul direct sau indirect cu sursa de infecie, existena unei pori de intrare (piele, aparat respirator, aparat digestiv), existena unui organism receptiv la boal. Bacterii condiionat patogene - determin mbolnviri doar n condiii de scdere a rezistenei generale a organismului (oboseala, suprasolicitare, alimentaie defectuoas), creterea agresivitii bacteriilor (de exemplu, prin utilizare necorespunztoare a antibioticelor). Factori fizico-chimici ce influeneaza nmulirea bacteriilor: apa-umiditatea crescut favorizeaz nmulirea bacteriilor iar scderea cantitii de ap de pe suprafee inhib nmulirea bacteriilor. Spori rezisteni. Temperatura - cea ridicat n scurt timp distruge mai eficient bacteriile dect una mai sczut ce acioneaz timp ndelungat. Timpul - n primele 1-2 ore se adapteaz la mediu i nu se nmultesc, n urmtoarele 6 ore se nmulesc exponenial, n urmtoarele 8 ore se nmultesc lent i dac se epuizeaz hrana ncepe scderea lent a numrului lor. B) Virusuri. Organisme submicroscopice fr structura celular care nu triesc dect n interiorul unei celule gazd pe care o distrug nmulindu-se i producnd la om i animal mbolnviri denumite viroze. Rspndire peste tot, mai frecvent n zone aglomerate i spaii nchise. C) Ciuperci organisme formate dintr-o celul sau filamente; se nmulesc rapid determin la om mbolnviri denumite micoze: ale pielii, unghiilor, etc. D) Paraziii organisme care caut hrana i adpost n organismul uman produc ou care se elimin n mediul extern i contamineaz apa, solul, fructe, legume, mini. determin la om mbolnviri numite parazitoze prin consumarea de substane nutritive, eliberare de toxine. Ci de transmitere a infeciilor i profilaxia lor. Clasificarea cilor de transmitere a infeciilor: aerian, digestiv, contact direct, ageni vectori. 50

Calea aerian de transmitere - cea mai mare contagiozitate. se transmit: infecii cu bacterii i virusuri ce afecteaz cile respiratorii: gripa, amigdalita, bronita). modalitatea de transmitere: picturi de saliv infectat (tuse, strnut), substana organic rezultat din uscarea picturilor de saliv, praf cu bacterii. Profilaxia infeciilor transmise pe cale respiratorie: depistarea, izolarea, tratarea bolnavilor i purttorilor, aerisire repetat a ncperilor, asigurarea cubajului de aer pe persoan, splarea pardoselilor, pereilor, obiectelor i mobilierului cu ap i detergent i apoi dezinfecia lor, maturare umed, folosirea aspiratoarelor, msuri de igien personal: folosirea batistei la tuit i strnut, igiena gurii i a nasului. a) Calea digestiv - boli cu contagiozitate mai mic dar caracter exploziv. transmiterea bolilor, minile murdare: hepatita, toxiinfecii alimentare. modalitate de transmitere: mini, haine, alimente, ustensile, bancnote, monede contaminate; apa contaminat, mute, etc. Profilaxia infeciilor transmise pe cale digestiv: respectarea regulilor de igien individual i la locul de munc examen coprobacteriologic pentru depistarea bacteriilor patogene folosirea exclusiv a apei potabile evacuarea reziduurilor lichide i solide, rapid i corect. b) Cale de transmitere prin contact direct: boli transmise: antrax, tetanos, infecii streptococice i stafilococice ale pielii i mucoaselor, micoze, boli venerice, infecie HIV. Profilaxia bolilor cu transmitere sexual: investigaii epidemiologice la angajare, periodic n anumite situaii educaie sanitar, igiena vieii sexuale, adresabilitate prompt la medic, importana declarrii sursei de infecie. etc. c) Cale de transmitere prin vectori: definiie, exemple vectori: pureci, pduchi, capuse, etc. boli transmise: tifos, febra recurent. Profilaxia bolilor transmise prin vectori: distrugerea vectorilor. Boli infecioase cu caracter profesional. Boli cu transmitere aerian: Viroze: - frecvena crescut; localizare: nas (rinita), gt (faringite, laringite), bronii (bronite), plmni (pneumonii). Caracteristici: contagioase, apar n anotimp rece, au ca surs omul bolnav i uneori psrile, se pot repeta n timp, virusurile sunt rezistente la antibiotice. Gripa - simptome: febra ridicat, dureri mari de cap i gt, tuse uscat, ameeli, evoluie mai sever la vrstnici sau persoane cu afeciuni respiratorii, cardiace, diabet, etc. Imunitatea e de durat scurt - se poate repeta, d frecvent complicaii Boli transmise pe cale digestiv: toxiinfecii alimentare - datorate consumului de alimente contaminate cu anumite bacterii: Salmonella, Shigella, Escherichi colli, bacil botulinic, etc. Cale de ptrundere n organism: alimente contaminate direct (de exemplu: ou), alimente contaminate cu mini, apa nepotabil. Manifestri: greuri, vrsturi, diaree, lipsa apetitului, dureri musculare, articulare. dizenteria: - boal contagioas dat de bacilul Shigella care se elimin din intestinul omului bolnav sau a purttorului sntos i contamineaz apa, alimente. Manifestri: febra, greuri, vrsturi, scaune diareice cu mucus i snge.

51

Holera - boala contangioas dat de vibrionul holeric, ce apare mai ales n sezonul cald. Transmiterea se face prin consumul apei infectate. Manifestri: dureri abdominale intense, diaree sever cu aspect de zeam de orez, vrsturi, deshidratare. hepatita viral tip A- boala contagioas produs de virusul hepatitei A. Transmitere: mini murdare. Manifestri: febra, astenie, oboseala, greuri, vrsturi, dureri de stomac, colorare galben a pielii i mucoaselor (icter), scaune decolorate, urini de culoarea berii negre. Boli transmise prin contact direct: tetanos - produs de bacilul tetanic aflat n pmnt. Ptrunde n organism prin leziuni ale pielii: rni, nepturi. Determin manifestri severe nervoase i musculare, respiratorii cu deces frecvent. Profilaxie: -vaccinare, toaleta rnilor, educaie sanitar. dermatite infecioase: infecii ale pielii cu bacteria. Streptococul determin erizipelul. Stafilococii determin abcese, infecii ale pielii minilor, feei. Profilaxie: respectarea regulilor de igien. micoze: - localizare: dermatomicoze (pielea), onicomicoze (unghii). Agent cauzal: candida deteremin candidoze ce afecteaz mucoasele; tricofitia, microsporia, favusul-micoze ce afecteaz pielea proas. Contaminarea: direct de la om la om sau indirect prin obiecte. Manifestri n candidoze: pete albe pe suprafaa intern a obrajilor, secreii vaginale albicioase, prurit local, etc. Manifestri n micozele pielii proase: par lipsit de luciu, se rupe uor, apariie de scuame. Manifestri n micozele pielii neproase: pete galben-cafenii n pliurile pielii etc. Profilaxie: depistare precoce, izolare, tratare, msuri de educaie sanitar. Boli cu transmitere sexual: sifilis, gonoree, candidoze vaginale, herpes genital. sifilis-produs de Treponema palidum. Evolueaz n 3 stadii cu leziuni pe mucoase, piele, organe interne. infecia HIV: produsa de HIV, care odat patruns n organism e prezent pe toata durata vieii pacientului; Transmis pe cale sexual, seringi contaminate, transfuzie de snge, instrumentar contaminat; nu ptrunde pin piele i mucoase intacte. Profilaxie: depistare precoce, educaie sanitar. Boli transmise prin vectori. Malaria - agent cauzal parazit transmis prin tantarul anofel -manifestri: frison, febra, complicaii hepatice, cardiace. tifos exantematic - transmis prin intermediul pduchilor leptospiroze - transmise prin intermediul obolanilor. Boli profesionale datorate unor factori chimici: Condiii n care pot aprea boli profesionale prin intoxicaii cu reziduuri de pesticide: prezena lor pe i n obiecte, alimente, mbrcminte, datorit folosirii necorespunztoare din punct de vedere tehnologic i igienic: nerespectarea cantitilor administrate, a ritmurilor de administrare, msuri insuficiente privind excluderea prezenei lor n doza toxic n ape, obiecte, alimente. Ex: stropirea cu pesticide a suprafeelor de lucru, a obiectelor ce nu se pot spla (cri). Boli profesionale datorate unor factori fizici. Radiaii - radiaii ionizante: substane adioactive din aer, ap, sol care se pot acumula n plante; materiale de construcii cu un anumit grad de radioactivitate - de obicei cu efecte reduse asupra organismului radiaii ultraviolete - efecte asupra organismului: stimuleaz activitatea organismului, imunitatea, producerea de calciu n organism. n exces determin arsuri, pigmentri ale pielii iar pe termen lung poate favoriza tumori ale pielii. La nivel ocular: fotoconjunctivite cu secreie lacrimal n exces, dureri oculare, ce pot aparea la practicanii sporturilor de iarn. Profilaxia efectelor nedorite: evitarea expunerilor la soare ntre orele 11-17 n cursul 52

verii, purtarea ochelarilor de soare, utilizarea de creme, loiuni de protectie UV cu factor peste 20. radiaiile luminoase - iluminatul insuficient poate determina: oboseala vizual cu secreie lacrimal excesiv, usturimi de ochi, dureri de cap, greuri, ameeli. Iluminatul fluorescent incorect reglat: determin efect stroboscopic cu oboseala vizual; posibil factor declanator al unor episoade convulsive. Profilaxie: iluminare corespunztoare a spaiului de lucru. microunde - efecte asupra organismului: prin efect al radiaiilor calorice emise de emitoarele de microunde apar: oboseala, dureri de cap, tulburri vizuale, scderea libidoului. Profilaxie: 0,1-1mW/cm2 la expuneri pentru o zi de munc. 12. Accidentele de munca i prevenirea lor Definiie accident de munc: vtmarea violent a organismului precum i intoxicaii acute care au loc n timpul procesului de munc sau n ndeplinirea ndatoririlor de serviciu i care provoac incapacitate temporar de munc de cel puin 3 zile calendaristice, invaliditate sau deces. 13. Legislaie i reglementri privind securitatea la locul de munc, prevenirea i stingerea incendiilor Lege privind securitatea si sntatea n munc Obligaii generale ale angajatorilor Art. 6. - (1) Angajatorul are obligatia de a asigura securitatea si sanatatea lucratorilor n toate aspectele legate de munca. (2) n cazul n care un angajator apeleaza la servicii externe, acesta nu este exonerat de responsabilitatile sale n acest domeniu. (3) Obligatiile lucratorilor n domeniul securitatii si sanatatii n munca nu aduc atingere principiului responsabilitatii angajatorului. Art. 7. - (1) n cadrul responsabilitatilor sale, angajatorul are obligatia sa ia masurile necesare pentru: a) asigurarea securitatii si protectia sanatatii lucratorilor; b) prevenirea riscurilor profesionale; c) informarea si instruirea lucratorilor; d) asigurarea cadrului organizatoric si a mijloacelor necesare securitatii si sanatatii n munca. (2) Angajatorul are obligatia sa urmareasca adaptarea masurilor prevazute la alin. (1), tinnd seama de modificarea conditiilor, si pentru mbunatatirea situatiilor existente. (3) Angajatorul are obligatia sa implementeze masurile prevazute la alin. (1) si (2) pe baza urmatoarelor principii generale de prevenire: a) evitarea riscurilor; b) evaluarea riscurilor care nu pot fi evitate; c) combaterea riscurilor la sursa; d) adaptarea muncii la om, n special n ceea ce priveste proiectarea posturilor de munca, alegerea echipamentelor de munca, a metodelor de munca si de productie, n vederea reducerii monotoniei muncii, a muncii cu ritm predeterminat si a diminuarii efectelor acestora asupra sanatatii; e) adaptarea la progresul tehnic; f) nlocuirea a ceea ce este periculos cu ceea ce nu este periculos sau cu ceea ce este mai putin periculos; g) dezvoltarea unei politici de prevenire coerente care sa cuprinda tehnologiile, organizarea muncii, conditiile de munca, relatiile sociale si influenta factorilor din mediul de munca; h) adoptarea, n mod prioritar, a masurilor de protectie colectiva fata de masurile de protectie individuala; i) furnizarea de instructiuni corespunzatoare lucratorilor. (4) Fara a aduce atingere altor prevederi ale prezentei legi, tinnd seama de natura activitatilor din

53

ntreprindere si/sau unitate, angajatorul are obligatia: pentru incalcare :amenda de la 3500 la 7000 ron a) sa evalueze riscurile pentru securitatea si sanatatea lucratorilor, inclusiv la alegerea echipamentelor de munca, a substantelor sau preparatelor chimice utilizate si la amenajarea locurilor de munca; b) ca, ulterior evaluarii prevazute la lit. a) si daca este necesar, masurile de prevenire, precum si metodele de lucru si de productie aplicate de catre angajator sa asigure mbunatatirea nivelului securitatii si al protectiei sanatatii lucratorilor si sa fie integrate n ansamblul activitatilor ntreprinderii si/sau unitatii respective si la toate nivelurile ierarhice; c) sa ia n considerare capacitatile lucratorului n ceea ce priveste securitatea si sanatatea n munca, atunci cnd i ncredinteaza sarcini; d) sa asigure ca planificarea si introducerea de noi tehnologii sa faca obiectul consultarilor cu lucratorii si/sau reprezentantii acestora n ceea ce priveste consecintele asupra securitatii si sanatatii lucratorilor, determinate de alegerea echipamentelor, de conditiile si mediul de munca; e) sa ia masurile corespunzatoare pentru ca, n zonele cu risc ridicat si specific, accesul sa fie permis numai lucratorilor care au primit si si-au nsusit instructiunile adecvate. (5) Fara a aduce atingere altor prevederi ale prezentei legi, atunci cnd n acelasi loc de munca si desfasoara activitatea lucratori din mai multe ntreprinderi si/sau unitati, angajatorii acestora au urmatoarele obligatii: pentru incalcare :amenda de la 3500 la 7000 ron a) sa coopereze n vederea implementarii prevederilor privind securitatea, sanatatea si igiena n munca, lund n considerare natura activitatilor; b) sa si coordoneze actiunile n vederea protectiei lucratorilor si prevenirii riscurilor profesionale, lund n considerare natura activitatilor; c) sa se informeze reciproc despre riscurile profesionale; d) sa informeze lucratorii si/sau reprezentantii acestora despre riscurile profesionale. (6) Masurile privind securitatea, sanatatea si igiena n munca nu trebuie sa comporte n nicio situatie obligatii financiare pentru lucratori. pentru incalcare :amenda de la 3500 la 7000 ron Bibliografie Dragulescu N., De la calitatea controlat la calitatea total, Ed.Alternative, Buc.,1996. Ionicica M., Mincu R., Economia serviciilor, Ed.Uranus, Bucureti 1998. Mnescu S., Tratat de igien, Ed.Medical, Bucureti, 1996, vol.I, II, III. Mnescu S., Tanasescu Gh., Igiena, Ed. Medical, Bucureti, 1996. ACTE NORMATIVE Legea 536/1997, Norme de igien i recomandri privind mediul de via al populaiei Ord.M.S.nr.402/16.05.1997, Norme metodologice pentru organizarea activitii de supraveghere i combaterea vectorilor i regimul pesticidelor. O.G.99/2000 privind msurile ce pot fi aplicate n perioadele cu temperature extreme pentru protecia persoanelor ncadrate n munc. Hotrre nr.974/2004, Norme de supraveghere, inspecie sanitar i monitorizare a calitii apei potabile i a procedurii de autorizare sanitar a produciei i distribuiei apei potabile. Directiva 98/83/CE, art.9, legea 458/2002 modificat prin Legea 311/2004, Norme privind supravegherea, inspecia sanitar i monitorizarea apei potabile. Hotrre CGMB 147/14.07.2005 privind normele de salubritate i normele de igienizare a MB. 862/2006 privind organizarea si HGR 862/2006. Legea securitii i sntii n munc nr.319/2006.

54

Capitolul V. DEZVOLTAREA PROFESIONAL Monica Filpisan Este mai bine s fii pregtit pentru o ocazie pe care nu o vei avea dect s ai vreo ocazie i s nu fii pregtit. Whitney Young Jr. Suntem martorii dar i autorii voluntari sau involuntari a unor schimbri de o anvergur nemaintlni n istoria omenirii, se petrec schimbri profunde i rapide att n tehnologie ct i n cunotinele tiinifice. Se apreciaz c volumul cunotinelor se dubleaz la fiecare 10 ani (omenirea a intrat n societatea cunoaterii, a nvrii pe tot parcursul vieii). Fenomenul globalizrii societii, a permeabilizrii granielor socioculturale a dus la producerea de interferene, schimburi de experiene, valori, mentaliti, ceea ce a impus noi cerine n educaie care s ajute omul n a face fa schimbrilor societii, n a se transforma cu ajutorul educaiei ntr-un cameleon adaptat mediului. Ritmul schimbrii n toate domeniile este deosebit de alert, genernd de-a lungul vieii active a unui individ 3-4 cicluri de completare/schimbare a formrii iniiale. Schimbrile rapide din tehnologie i comunicare produc efecte directe i perverse deosebit de profunde asupra forei de munc. n aceast situaie se ridic ntrebarea dac omul este pregtit pentru ca aceste schimbri s fie orientate spre mbuntirea existenei i spre sporirea intens a calitii vieii? Sau, dimpotriv, omul s-a transformat ntr-o victim a pierderii de sine a societii? (Popovici Dumitru, p. 244, 2003). Complexitatea fenomenelor din societatea modern solicit un bagaj de cunotine i capaciti din ce n ce mai bogat. Aici intervine educaia permanent, care este un proces de perfecionare, de dezvoltare personal social i profesional pe durata ntregii viei a indivizilor, n scopul mbuntirii calitii vieii lor, ct i colectivitii din care fac parte (Dave H.R., 1991, p.47). Educaia permanent are loc pe tot parcursul vieii, indiferent dac aceasta se realizeaz ntr-un cadru formal, organizat sau ntr-un cadru informal. n acest sens este necesar trecerea de la un ansamblu de cunotine, informaii, de competene (a ti s faci/ s acionezi) la nvarea prin experien/ prin practic, de la transmiterea i memorarea de informaii (informare), la formarea de abiliti, capaciti, competene. Informaia nu are nici o valoare pentru persoanele care doresc s se dezvolte dac nu o poate utilize n practic, indiferent dac este vorba locul de munc sau de dezvoltare personal. Ceea ce am neles pn acum este faptul c educaia se realizeaz pe tot parcursul vieii, ne ajut s facem fa schimbrilor i s ne adaptm. n nici un caz nu se mai pune problema s termini o coal, s i gseti un loc de munc din care s iei la pensie, dimpotriv, chiar dac ai un loc de munc stabil, ncepi s te perfecionezi, s acumulezi noi cunotine i competene care sa i foloseasc la un alt loc de munc, chiar dac acest lucru se va ntmpla n viitorul apropiat i nu imediat. Putem s spunem c educaia permanent ne ferete de mbtrnirea timpurie din punct de vedere cerebral i psiho-social, ne menine tinereea spiritual. Totul depinde de noi n a ne manifesta disponibilitatea de a nva.

55

1. Idei preconcepute cu privire la nvarea pe tot parcursul vieii Exist dou limite principale pentru creterea i dezvoltarea uman. Exist limita real, practic a aptitudinii maxime a cuiva ori capacitatea potenial. Exist i limita psihologic nu mai puin real n care fiecare om se autositueaz. Din pcate, s-ar prea c barierele care ne ngrdesc i ne fixeaz cel mai bine, lanurile care ne leag cel mai strns sunt acelea pe care ni le furim noi nine. De ce se ntmpl astfel? De ce ne autolimitm? De ce, n ciuda evidenei contrariului, suntem att de nepregtii, att de nspimntai s ne ncercm i s ne dezvoltm potenele? O parte a explicaiei ar fi tradiia, datina noastr negativ i pesimist cu privire la progresul i dezvoltarea uman. Miturile i fabulele, povetile din btrni vorbesc de incapacitatea uman de a nva, unele din acestea sunt vechi de cnd lumea, altele le-am creat pe parcurs, de la o generaie la alta. Sarcina fiecruia dintre noi este eradicarea unor astfel de mituri/jumti de adevr, prin nlocuirea cu idei sntoase. Desigur c ar putea fi unele umbre de adevr n fiecare. Miturile sau denaturarea faptelor rareori supravieuiesc dac nu conin cel puin o umbr de adevr, suficient pentru a le ntreine. Cineva ar putea alctui o list considerabil cu aceste mituriiat cteva care au cea mai duntoare influen: 1) Nu poi schimba natura uman omul este ceea ce este, este constant. Adevrul este c comportamentul uman, n orientrile sale cele mai elementare, se schimb n fiecare zi, iar personalitatea poate fi remodelat. De exemplu , ceea ce li se prea normal, firesc prinilor notri, nou nu ni se mai pare. 2) Cinele btrn nu-l mai poi dresa - iubitorii de cini s-au grbit s demonstreze c aceasta este o minciun. Aceasta poate fi o explicaie pentru care angajatorii caut persoane tinere, din dorina de ai forma conform standardelor proprii. 3) Teoria nvrii cap deschis muli oameni vorbesc despre nvare ca i cum ar fi un proces prin care ptrunderea cunotinelor n creier este oarecum forat, iar faptele sunt turnate/ndesate n el.Concomitent cu aceasta se spune c n mintea copiilor este mai uor de ptruns dect n cea a adulilor, lucru total neadevrat. 4) Noiunea nvrii totul este intelectul- se consider c nvarea este n ntregime o problem a minii, omul nseamn mai mult de memorie i inteligen, omul este o fiin cu emoii i sentimente, care au i acestea la rndul lor rol n nvare. 5) Dac nu ai un coeficient de inteligen ridicat, abandoneaz toate speranele - nici un om rezonabil nu va nega vreodat importana capacitii intelectuale. S nu gndim ns simplist, cum ar dac nu eti bun la matematic, eti mai puin inteligent. Conform noilor teorii, exist mai multe tipuri de inteligen: verbal lingvistic, matematic logic, vizual spaial, ritmicmuzical, corporal-kinestizic, interpersonal, intrapersonal, naturist. Relaiile interumane presupun o serie de capaciti / abiliti de comunicare, cooperare, acestea fiind reunite sub forma inteligenei sociale (James Robbins Kidd, 1981, p.16). Inteligena social era definit de Thorndike ca fiind capacitatea de a nelege i de a aciona inteligent n cadrul relaiilor interumane. Gardner, n 1993, n teoria sa privind inteligenele multiple rezerv un loc important formelor de inteligen care permit omului o adaptare superioar la mediul social mai ndeprtat sau apropiat lui, elabornd o teorie a inteligenelor multiple printre care menioneaz inteligena interpersonal i intrapersonal. Inteligena interpersonal const n capacitatea persoanei de a-i nelege pe ceilali, de a coopera mei bine cu ei. Inteligena intrapersonal reprezint abilitatea de a te ntoarce spre sine, n interiorul propriei persoane, putnd astfel s acionm ct mai adecvat pe scena vieii sociale. Psihologii au artat c aceste abiliti nu sunt generate de un nivel ridicat al inteligenei, ci ele constituie un fel de sensibilitate specific fa de practic i fa de relaiile interumane. Astfel sa nscut o nou form de inteligen cea emoional.

56

n acest sens menionm faptul c nvarea este influenat trei constelaii de sentimente: - Iubirea i sentimentele asociate, cum ar fi: respect, admiraie, generozitate, simpatie, prietenie, ncurajare; - Furie, suprare i simminte similare sum ar fi: insulta, impresia de frustrare, provocat prin contraziceri i respingeri; - Teama nsoit de suspiciune. Prima constelaie tinde spre nvarea de calitate i durabil, iar a doua i a treia tind s produc rezisten la nvare i uitare. Este mai greu pentru aduli s aib ncredere n forele proprii, cu ct persoanele sunt mai n vrst cu att vor avea preri mai puin pozitive n favoarea lor. 2. Motivarea adulilor pentru nvare Aa cum am vzut adulii pot nva, dar vor ei s nvee? Cum poate fi captat atenia adulilor pentru a nva? Cum pot deveni ei autodidaci eficieni i permaneni? Cel mai utilizat termen n educaia adultului este motivaia. O definiie dup dicionar al acesteia este ceea ce tinde s determine o persoan s desfoare o anumit aciune.Este vorba de fora luntric, care poart denumirea de trebuine, care pot fi ordonate (dup Maslow) n 5 niveluri binecunoscute: 1. Satisfacerea nevoilor organismului; 2. Asigurarea proteciei mpotriva suferinelor i pericolelor vieii; 3. Dragostea, afeciunea, cldura, acceptarea, un loc n grup; 4. Autoevaluarea, respectul de sine, ncrederea n sine, sentimentul de for i de adaptare; 5. Autorealizarea, automplinirea, autoexprimarea, utilizarea capacitilor sale pentru a fi cel care este cel mai apt pentru existen. Autorealizarea i automplinirea nseamn s i descoperi talentele, aptitudinile, s ai curajul s i lrgeti orizontul de interese s o iei de la nceput s faci o schimbare n sfera socioprofesional, toate acestea fiind posibile numai dac eti deschis la nou. Pentru ca acest lucru s se realizeze este important s identificm lista trebuinelor i nevoilor profesionale, iar, n funcie de aceasta s trecem la fapte. Pentru aceasta este important s i rspunzi la ntrebarea urmtoare: Ce i doreti de la un curs de calificare/recalificare profesional?; n funcie de aceste rspunsuri (cum ar fi ctigarea/rectigarea respectului de sine, un salariu mai bun, s lucrezi ntr-o instituie cu prestigiu etc.) vei lua friele n mn n ceea ce privete dezvoltarea profesional personal. 3. Formarea i dezvoltarea profesional personal Conducerea propriei dezvoltri personale nseamn a fi capabil de a: 1. Evalua propriile performane n comparaie cu cerinele slujbei voastre prezente / viitoare prin solicitarea permanent a unui feedback din partea colegilor i/sau a clienilor; 2. Identifica un stil personal de nvare pentru direcionarea dezvoltrii competenelor voastre; 3. Elabora un plan de dezvoltare personal i a-l aplica; 4. Utiliza diverse metode de investigare a intereselor personale n scopul dezvoltrii sau mbuntirii cunotinelor i competenelor. 5. Identifica i exploata oportunitile de dezvoltare personal. Dezvoltarea personal nseamn s i nelegi propriile puncte forte i puncte slabe, s i identifici obiectivele i cum poi s te ajui pe tine nsui s le atingi. Pe parcursul definirii competenelor din cadrul privind experiena de munc vi este necesar s identificai n fiecare etap a evoluiei profesionale punctele forte i mbuntirile pe care le putei aplica n afara experieniei de munc, n viitoarea voastr carier.

57

Dezvoltarea profesional proprie a cptat o importan tot mai mare n ultimele decenii. n prezent este mult mai probabil s avei mai multe cariere n cadrul mai multor organizaii, iar ceea ce n trecut era cunoscut drept scara unei cariere, astzi este o expresie nvechit. Acum, tendina s-a ndeprtat de la ideea de urmare a unei ci prestabilite de promovare, lucrnd pentru acelasi angajator, n schimb este mult mai posibil s ctigai experiena dintr-o varietate de funcii n diferite organizaii, transfernd competenele i experienele de la una la alta. Probabil vei recunoate din experienele pe care le-ai avut n cadrul scolii c suntei mai buni la anumite lucruri dect la altele. Unele vi se par uoare, la altele trebuie sa petrecei mai mult timp cercetnd, nvnd i exersnd. Acelai principiu se aplic i carierei voastre. Identificarea unei competene sau a unui domeniu de cunotine pe care dorii s le mbuntii reprezint un pas, dar cu toate acestea merit s petrecei o perioad de timp analiznd cum voi ca persoane ai putea nva cel mai eficient. Prin aceasta putei s v direcionai modul de abordare ctre nvare i mbuntirea competenelor, fie ca acest lucru nseamna cercetare sau strngerea de informaii de pe Internet sau participare la cursuri de instruire interactive. Un mod de identificare a preferinelor legate de stilul vostru de nvare este cel descris de Peter Honey i Alan Mumford. Cercetrile pe care acetia le-au ntreprins indic faptul c putei nva mult mai repede dac folosii stilul vostru natural de a nva (http://www.leonardofortius.eu/web/rumania/competencias/Autodesarrollo_RO.pdf). Este important s subliniem faptul c dezvoltarea personal nu trebuie realizat independent. Dimpotriv, feedbackul din partea colegilor, a prietenilor i mentorilor are un rol vital n a v ajuta s identificai care sunt punctele slabe i zonele care trebuie dezvoltate. Solicitarea unui feedback nu trebuie s fac parte doar din procesul anual de revizuire, ci trebuie s fie o constant de-a lungul ntregii voastre activiti. Deschiderea ctre feedbackul pe care l primii reprezint de asemenea o abilitate esential, la fel ca i disponibilitatea de a aciona conform acestuia, n cazul n care considerati necesar. De multe ori cnd cerem prerea celor din jurul nostru, fie c sunt colegi, membri ai familiei sau prieteni, cu privire la propria persoan sau activitile pe care le ntreprindem ateptm ca aceste preri s fie pozitive. Dac aceste preri nu sunt cele pe care le ateptam fie nu le lum n considerare i le ignorm, fie selectm doar acele lucruri care ne convin. Iat de ce este foarte important ca orice critic n ceea ce ne privete s o percepem la modul constructiv, pentru a nva i pentru a evalua. Pn la urm noi suntem direct responsabili de propria noastr dezvoltare chiar dac aceasta implic uneori i asumarea eecurilor i identificarea n noi a acelor lucruri care au dus la eec, nainte de a ncepe s dm vina pe alii sau pe circumstane. 4. Conceperea unui plan de dezvoltare profesional Odat ce ne-am analizat att prin ochii notri ct i prin ochii celorlali, este timpul s facem un plan de dezvoltare personal. Planurile de dezvoltare personal sunt instrumente folositoare pentru construirea unei structuri n spatele obiectivelor dumneavoastr, iar acestea pot fi ct de simple sau detaliate dorii. Iat un exemplu: Exemplu : Domeniul de competen Pai De ce suport am nevoie? Perioada de timp

58

Capacitatea de a face prezentri

Participarea la un curs de formare a abilitilor de prezentare. Prezentarea proiectului n cadrul unei edine interne. Identificarea altor oportuniti de prezentare pe msur ce apar.

Obinerea aprobrii pentru curs de la managerul direct. Obinerea acordului efului de departament pentru a m prezenta la edin. Obinerea sprijinului managerului direct pentru identificarea altor oportuniti i obinerea feed-backului

1 luna 2 luni

Permanent

Ca s folosim o analogie, am putea spune ca un Plan de carier este foarte asemntor unui tren lung aflat in miscare. Noi naintm, ne mutm de la un compartiment la altul, de la o clas de confort la alta, iar n diferitele momente vom vedea pe geam viaa noastr n moduri diferite, cu lucruri/situaii/evenimente diferite. n timp ce noi naintam prin interior (ceea ce semnific procesul de evoluie interioar a individului) trenul ne va purta i el ctre anumite destinaii (pe care - n cazul fericit - noi am fost cei care le-am ales) lucru pe care l putem numi evoluie social a individului! Orice pas nainte n carier presupune anumite riscuri, care trebuie contientizate nc de la nceput, pentru a evita riscul suprem, i anume eecul. Nici un ctig nu se obine fr efort i fr sacrificii: mai puin timp liber, renegocierea unor valori personale, mai mult stres, mai multe constrngeri, mai multe responsabiliti sau renunarea la micile plceri cotidiene. Doar angajatul/viitorul angajat care i poate asuma aceste riscuri este cu adevrat pregtit pentru un pas nainte n carier. Pentru a realiza un plan de dezvoltare profesionala propriu, trebuie s i rspunzi la cteva ntrebri:

Ce vreau s fac? M specializez/dezvolt n meseria pe care o am sau schimb domeniul? Ct timp mi aloc acestei schimbri/dezvoltri? Ct de mare este bugetul de care dispun? Este absolut necesar o anumit certificare n domeniul respectiv? Este absolut necesar s am o diplom? Care sunt cunotinele i abilitile de care am nevoie? Care sunt companiile ce ofer servicii de training i instruire n domeniul pe care mi-l doresc? Cte dintre acestea sunt specializate n domeniul respectiv sau au, pe lng alte domenii, i cel care prezinta interes pentru mine? Este bun raportul calitate/pret al sesiunilor pe care le ofer? Ce obin la finalul sesiunilor respective? Care este experiena executiv n domeniu a trainerilor? Dar n sustinerea sesiunilor de training? Care sunt cunotinele pe care le pot obine i altfel dect apelnd la companiile de training i instruire? De unde i cum m documentez?

Aceste noiuni i ntrebri vor fi inutile dac nu i doreti cu adevrat. nimeni altcineva in locul tu nu ii va putea realiza un plan de dezvoltare profesional. Pentru ca acest lucru s fie realizabil este nevoie de autoinstruire, respective autonvare.

59

5. Autoinstruirea A nva s nvei i a dori s te perfecionezi continuu sunt cerine ale educaiei permanente, prin care omul contemporan nva s fie el nsui, receptiv la schimbri, capabil s le anticipeze i s se adapteze la ele, oferindu-se ca participant la progresul social prin autonomia sa intelectual i moral -civic. Pentru secolul nostru, instruirea continu i implicit autoinstruirea au devenit cerine fundamentale ale societii, determinate de creterea exponenial a informaiilor i de uzura accelerat a acestora, de mobilitatea profesiilor, de progresele extraordinare ale tiinei, tehnicii, tehnologiei i mijloacelor de informaie, de dinamismul vieii economice i sociale, de democratizarea nvmntului, de creterea nivelului de aspiraie spre cultur i educaie, de folosirea ct mai plcut i util a timpului liber. Teoria lui Knowles are ca nucleu urmtoarea definiie pentru autoformare: un demers n care individul (cel care nva s.n.) preia iniiativa, cu sau fr ajutorul altora, individul i stabilete nevoile de nvare, i formuleaz obiectivele, i identific resursele (umane i materiale) necesare n nvare, alege i aplic strategiile de nvare potrivite i i evalueaz rezultatele nvrii (M. Knowles, 1975). R.M. Smith consider c a nva s nvei este legat de toate situaiile de via; principalele competene pe care un adult le folosete ca s nvee a nva sunt: de a cunoate resursele din mediu necesare nvrii (pentru c se poate nva pe tot parcursul vieii); de a citi, de a scrie, de a calcula i de a asculta, de a utiliza corect calculatorul/computerul; de a fi la curent cu specificul proceselor educative (nvare autodirijat, nvare prin colaborare, nvare ntr-un cadru institu-ionalizat). Tradiional, educaia oferit de coal a fost considerat educaie formal, activitile educative organizate de alte instituii, cum ar fi muzeele, bibliotecile, cluburile elevilor etc., drept educaie nonformal, iar influenele spontane sau neorganizate din mediu, familie, grup de prieteni, mass media etc., educaie informal. Delimitarea ntre aceste trei forme ale educaiei este una teoretic, n practic ele funcionnd ca un complex ale crui granie sunt dificil de trasat. Mai mult, n ultima perioad asistm la o dezvoltare i la o "formalizare" a educaiei nonformale, care se apropie din ce n ce mai mult de spaiul colar. i coala - ca instituie - a rspuns provocrilor sociale prin lrgirea sferei de activitate i iniierea unor parteneriate cu societatea civil, comunitatea local sau cu diferite instituii culturale. Aceasta deoarece nvarea nu este legat numai de coal sau de alte contexte organizate. Concepia despre nvare are la baz ideea i observaia c un numr mare al experienelor noastre de nvare s-au desfurat n afara sistemului de educaie formal: la locul de munc, n familie, n diferite organizaii i biblioteci. (Pasi Sahlberg, Building Bridges for Learning Recunoaterea i valorificarea educaiei nonformale n activitile cu tinerii). n tabelul de mai jost putei observa cteva caracteristici ale celor trei forme de educaie: educaia formal, nonformal i informal. Criteriu de comparaie Subiectul educaiei (actorii care desfoar aciuni de educaie) Educaia formal instituii de educaie (coli, grdinie, licee, universiti) (instituii a cror principal misiune este educaia) Educaia nonformal instituii culturale (teatre, muzee, biblioteci, case de cultur etc.), organizaii nonguvernamentale, alte instituii care au ca misiune conex educaia i cultura Educaia informal familia, media, grupul de prieteni, oricine exercit o influen educaional neintenionat sau neorganizat

60

Gradul de pregtire al "educatorului"

Personal didactic calificat

Personal calificat n diferite domenii de activitate, uneori avnd i pregtire didactic

Finaliti ale educaiei Coninutul educaiei

Modaliti de certificare

clar stabilite i gradate pe etape de studiu, pe discipline etc. organizat pe ani de colaritate (etape de vrst), pe profiluri / filiere profesionale certificate recunoscute la nivel naional i,

stabilite pentru fiecare activitate, fr o organizare pe termen lung relativ organizat pe arii de interes

Pregtire didactic absent sau sporadic Pregtirea nu este o condiie a influenei educaionale. nestabilite

neorganizat, contextual

certificate de participare, certificate de absolvire a

fr certificare

Iat cum putei s nvai, fr a merge neaprat la coal, ntr-un cadru instituionalizat: Citete, nu doar cri, ci i reviste, articole de ziar, site-uri, i blog; Asculta sau vizualizeaz. Dac nu suntei o persoan care nva bine prin lectur, putei asculta CD-uri sau dac suntei un tip visual, putei s apelai orice mijloc media pentru a obine informaii din diverse domenii. 3. Fii ucenic la cineva care tie ce dorii s nvai. De exemplu, dac dorii s nvai cum se utilizeaz software-ul computerizat de contabilitate, vei fi pe lng un contabil cu experien de la care s nvai, schimbul de experien cu alte personae fiind extreme de valoros. 4. F munc de voluntariat. Da, tiu ce spui - voluntariatul lucrul n timpul liber, ns implicarea n diverse proiecte din cadrul comunitii te poate ajuta s descoperi noi domenii de activitate. 5. Alturai-v unui grup de alte persoane care sunt n cutarea de a nva i de a mbunti aceleai abiliti ca i ale dumneavoastr . 1. 2. Autoinstruirea i formarea profesional continu sunt n relaie direct cu stadiile carierei. 6. Stadiile carierei Stadiile carierei sau fazele de dezvoltare ale acesteia sunt n strns interdependen cu stadiile vieii i cunoaterea lor ne permite s nelegem dinamica unei cariere. S-a ncercat fixarea unei stadialiti a carierei, fr a se ajunge la un deplin acord n acest sens. Astfel Schhein (citat de Aurel Manolescu Managementul Resurselor Umane) prezint stadiile ideale ale unei cariere care sunt compatibile n general cu stadiile vieii biosociale. VRSTA STADIILE 0 21 Dezvoltarea, fantezii, explorare 16 25 Intrarea n domeniul muncii 16 25 Pregtire de baz 17 30 Carier timpurie 25 Mijlocul carierei 61

35 45 40 peste 40

Crizele de la mijlocul carierei Carier trzie Declin i eliberare

Ali autori (L.A. Klatt, F.E. Schuster) consider c oamenii trec pe parcursul dezvoltrii carierei lor prin patru stadii principale: explorare, stabilire, mijlocul carierei i eliberare.

Dezv. carierei Mijlocul carierei eliberare Explorare

Stabilire vrsta Super (citat de M. Jigu Consilierea carierei) a elaborat o teorie a dezvoltrii imaginii de sine implicat n comportamentele specifice alegerii profesionale. Teoria lui este puternic influenat de principiile psihologiei dezvoltrii, iar alegerea unei profesii ne apare ca un comportament profesional caracteristic unui stadiu al existenei umane. El consider c procesul dezvoltrii carierei parcurge cinci stadii aflate ntr-o succesiune cronologic: 1. Stadiul de cretere (de la natere la 15 ani) - substadiile: a) al fanteziilor (4 10 ani) - jocuri de rol imaginative b) al intereselor (11 12ani) conturarea aspiraiilor ctre diferite activiti c) al capacitii (13 14 ani) domin nevoia de activitate, de munc, formare 2. Stadiul exploratoriu (15 24 ani) se caracterizeaz prin autocunoatere i experimentare a diferite roluri. - substadiile: a) a tentativelor (15 17 ani) de alegere a unei ocupaii b) de tranziie (18 20 ani) primele experiene de munc 3. Stadiul de stabilizare (25 44 ani) se caracterizeaz prin pstrarea/schimbarea unei poziii n funcie, dac ea corespunde/nu aspiraiilor. - substadiile: a) de prob (25 30 ani) b) de stabilizare (31 44 ani) are randamentul maxim i d dovad de creativitate n munc. 1. Stadiul de meninere (45 64 ani) persoana angajat caut s-i menin stabil i sigur poziia n lumea muncii. 2. Stadiul declinului (peste 65 ani) persoana i asum alte roluri, ndeprtndu-se treptat de lume.

62

Geroge T. Milkovici i John W. Boudread (Human Resources Management) ne prezint stadiile carierei n corelaie cu principalele probleme ce se cer a fi rezolvate n cadrul fiecruia: Explorare,ncercare a diferitelor roluri Stadii Probleme Activiti Principale Explorare ntrarea n organizaii i avansarea Stabilire Recunoatere ca persoan Contribuie independent Colegiale Independen Alegere pentru a continua meninere / declin Meninere

Eliberare

Declin

Sprijin Pregtire Ascultare De nceput Dependen

Pregtire i dezvolt. Alocarea resurselor Retragere Modelarea direciilor organizaiei Mentor / sponsor Asumarea resposabilitilor pentru alii 35 - 55 Sftuitor Diminuarea importanei puterii/rolului 50 - 75

Relaii Roluri

Vrsta

16 - 25

20 - 35

Cunoaterea stadiilor carierei are ca avantaje faptul c permite individului s se autoevalueze, s se autoorienteze, s-i conduc singur cariera sau s aib un rol mai activ n planificarea i dezvoltarea carierei sale ceea ce duce la creterea responsabilitilor individului i la mbuntirea performanelor acestuia. Bibliografie Ciotea Florin (coord.) 2001, Managementul performant al resurselor umane, Edit. EFI ROM, Tg. Mure Cuco C., Timp i temporalitate n educaie (2002), Edictura Polirom, Iai Daniel Goleman, Inteligena emoional (2001), Editura Cartea Veche, Bucureti Dave H. R., Fundamentele Educaiei Permanente (1991), Editura Didactic i Pedagogic, Bucureti Kidd Robbins James, Cum nva adulii (1981), Editura Didactic i Pedagogic, Bucureti Popovici Dumitru, Sociologia Educaiei (2003), Institutul European, Iai (http://www.leonardofortius.eu/web/rumania/competencias/Autodesarrollo_RO.pdf

63

Capitolul VI. LEGISLAIE GENERAL I SPECIFIC MUNCII Brndua Gorea I. Relaiile de munc 1.1. Contextul i temeiul juridic al relaiilor de munc. Munca i Dreptul muncii Munca este o trstur esenial a activitii umane, omul fiind singura fiin care depune efort n mod contient n vederea obinerii unor foloase. n acelai timp, munca reprezint o condiie a traiului, deoarece fr a presta munc nu se pot obine bunurile necesare vieii. De cele mai multe ori, munca depus reprezint i o msur a bunstrii indivizilor. Munca constitue pentru economiti factor de producie, o activitate prin care oamenii utilizeaz aptitudinile lor, fizice i intelectuale, m scopul obinerii de bunuri i beneficii. Dreptul muncii este ramura de drept care se ocup cu studierea normelor juridice ce reglementeaz relaiile care se nasc ntre salariai i angajatori n legtur cu prestarea muncii. Dreptul muncii s-a dezvoltat ca o ramur de drept autonom, avnd att obiect propriu ct i metod de reglementare proprie. n ceea ce privete obiectul de reglementare al dreptului muncii, art. 1 din Codul Muncii stabilete c acesta reglementeaz: totalitatea raporturilor individuale i colective de munc; modul n care se efectueaz controlul aplicrii reglementrilor din domeniul raporturilor de munc; precum i jurisdicia muncii. 1.2. Izvoarele dreptului muncii Pentru tiinele juridice, cuvntul izvor de drept are dou nelesuri distincte. Mai nti, acest termen desemneaz sursa care a determinat apariia dreptului, realitile sociale care au impus adoptarea normelor juridice. Din acest punct de vedere izvorul dreptului muncii const n dezvoltarea societii umane i generalizarea relaiilor de munc pltit. ncheierea la scar larga a contractelor care au drept obiect prestarea muncii a determinat i adoptarea unui cadru reglementativ pentru aceast sfer de relaii sociale. Revoluia industrial i afirmarea drepturilor muncitorimii a grbit desprinderea dreptului muncii de dreptului civil i transformarea sa ntr-o disciplin juridic autonom. n al doilea rnd, termenul drept desemneaz forma de exprimare a normelor juridice. Pentru dreptul muncii, izvoarele sale se pot clasifica din acest punct de vedere n izvoare interne i izvoare internaionale. ncheierea contractului individual de munc cu respectarea noilor dispoziii din Codul muncii 1. 3. Clarificri preliminare O bun perioad de timp (sfritul sec. al XIX-lea i nceputul sec. XX) contractul individual de munc a fost considerat o varietate a contractului de locaiune a lucrrilor, reglementat de dispoziiile Codului civil. Extinderea folosirii de ctre meseriai i industriai a muncii salarizate a determinat adoptarea n anul 1929 a primei legi a contractelor de munc, urmat de Codul muncii din 1950 i din 1972.36
36

Liviu Filip op. cit., p. 59

64

Astzi, contractul individual de munc este reglementat n principal prin dispoziiile Codului muncii n vigoare (legea nr. 53/2003), respectiv titlul II (articolele 10 107), dar i prin alte prevederi speciale (de exemplu, legea nr. 130/1999 ce reglementeaz msuri privind protecia persoanelor ncadrate n munc). 1.4. Caracterele juridice ale contractului individual de munc Contractul individual de munc este un act juridic numit, bilateral, sinalagmatic, oneros, comutativ, consensual, personal (intuitu personae), cu executare succesiv, bazat pe un raport de autoritate. Contractul individual de munc este un act juridic deoarece reprezint o manifestare de voin a dou persoane, n scopul obinerii unor anumite consecine juridice ce caracterizeaz un raport juridic. Contractul individual de munc este un act juridic numit deoarece beneficiaz de o reglementare legal. Sediul materiei este, aa cum am artat i mai sus, titlul II din Codul muncii. Este un act juridic bilateral deoarece validitatea sa presupune manifestarea de voin a dou pri: salariatul i angajatorul. Salariatul este cel care se oblig s presteze munca iar angajatorul este cel care va beneficia de pe urma acestei munci n schimbul achitrii unui pre numit salariu. Contractul individual de munc este un contract sinalagmatic deoarece din ncheierea sa n mod valabil se nasc obligaii i drepturi pereche pentru prile contractante. Astfel, unui drept al salariatului i corespunde obligaia corelativ a angajatorului i vice-versa. Conform art. 954 din Codul civil contractul oneros este acela n care fiecare parte voiete ai procura un avantaj. Prin ncheierea contractului individual de munc fiecare din semnatari urmrete un folos de natur patrimonial. Salariatul dorete n principal ncasarea lunar a remuneraiei pentru munca depus iar angajatorul urmrete s obin beneficii de pe seama muncii. n consecin, ndeplinirea unei activiti onorifice cu titlu gratuit nu poate avea loc n nici un caz n temeiul unui contract de munc - ci doar n baza unui contract civil ntruct salariul constituie obiectul i, respectiv, cauza oricrui contract de munc. Contractul individual de munc este oneros i comutativ deoarece prile realizeaz reciproc o contraprestaie n schimbul aceleia pe care s-au obligat s o efectueze n favoarea celeilalte, ambele prestaii fiind cunoscute ab initio la ncheierea contractului iar executarea lor nu depinde de un eveniment incert. Contractul individual de munc este un act juridic consensual. n acest sens, art. 16 din Codul muncii afirm c acest act se ncheie n baza consimmntului prilor, n form scris, n limba romn. Faptul c obligaia ncheierii n form scris aparine, n conformitate cu prevederile Legii nr. 53/2003, angajatorului, arat c natura contractului este una consensual i nu formal. Mai mult, dac contractul nu s-a ncheiat n form scris, prile pot face dovada prevederilor contractuale i a prestaiilor efectuate prin orice alt mijloc de prob. Prin urmare, cerina ncheierii contractului individual de munc n form scris nu este o condiie ad validitatem ci ad probationem. Fiind un contract consensual, lipsit de formaliti, contractul individual de munc se ncheie la data realizrii acordului de voine, chiar dac nscrisul constatator s-a ntocmit ulterior sau executarea contractului ncepe la o dat posterioar.37 Calitatea de salariat se dobndete de la data ncheierii contractului, chiar dac munca ncepe, efectiv, dup un interval de timp. n consecin, refuzul angajatorului de a primi persoana s
37

Gheorghe Bdica, Gheorghe Brehoi, Adrian Popescu Elemente de drept al muncii sinteze, lucrare editat cu sprijinul Centrului de Formare i Studii n Domeniul Muncii, Bucureti 1994, p. 17

65

lucreze la termenul convenit va da natere unei stri conflictuale ntre salariat i anagajator (denumit litigiu de munc). Tot astfel, dac persoana (salariatul) nu se prezint la munc, i se poate desface diciplinar contractul de munc.38 Contractul individual de munc este un contract intuitu personae (personal). Fiecare din pri ncheie contractul datorit calitilor personale ale celuilalt, motivat fiind de o serie de trsturi sau particulariti ale partenerului su contractual. Eroarea asupra persoanei semnatare a contractului constituie viciu de consimmnt i conduce la anularea contractului. Contractul individual de munc este un contract cu executare succesiv. Chiar dac se ncheie pe o perioad de timp determinat, existena unui contract individual de munc presupune n mod obligatoriu trecerea unui interval de timp pentru executarea sa. Patronul angajeaz un salariat pentru ca acesta s presteze succesiv o anumit munc, de pe urma creia s poat beneficia. Salariul se pltete de asemenea la anumite intervale de timp, de obicei lunar sau bilunar. Plata salariului deodat pentru toat perioada lucrat schimb natura contractului din contract individual de munc ntr-un alt tip de contract (contract de prestri servicii, contract de comision, contract de antrepriz etc.). Contractul individual de munc se bazeaz pe raportul de autoritate n care se afl angajatorul fa de salariat. Astfel, n urma ncheierii n mod valabil a contractului individual de munc se nate o relaie de subordonare a salariatului fa de patron. Aceast relaie nu schimb ns apartenena dreptului muncii la sfera dreptului privat deoarece, spre deosebire de ramurile dreptului public, n situaia dreptului muncii relaia de subordonare nu este general ci vizeaz doar anumite prerogative ale patronului. Prin urmare, patronul poate da ordine i dispoziii salariatului, poate controla ndeplinirea sarcinilor de serviciu i poate sanciona abaterile disciplinare. Contractul individual de munc d natere la obligaia salariatului de a face (a munci) i n consecin aceast prestaie trebuie executat n natur, prin munc, neputnd fi niciodat preschimbat n dezdunri (spre exemplu salariatul s-i ofere angajatorului, n locul muncii, o anumit valoare material). Cu titlu de excepie este posibil ca, atunci cnd salariatul produce anagajatorului su o pagub material, s se angajeze rspunderea patrimonial. Salariatul va acoperi paguba cauzat prin plata unei sume de bani drept despgubire. Aceast sum nu trebuie confundat cu plata unei indemnizaii n locul prestrii muncii din contract. De altfel, aceti bani se recupereaz, de obicei, prin reineri din salariul pltit de patron lun de lun, pn la acoperirea ntregului prejudiciu sau din alte surse (garanii materiale sau personale). Contractul individual de munc n legislaia romn este un act juridic pur i simplu, n sensul c nu poate fi afectat de modaliti39. Prin modalitate a actului juridic se nelege acel element al acestui act care const ntr-o mprejurare ce are influen asupra efectelor pe care le produce sau trebuie s le produc un asemenea act. Este o mprejurare viitoare de care prile fac s depind efectele actului juridic. Prin urmare, efectele sale se produc imediat ce a fost ncheiat, dac au fost respectate toate condiiile de validitate. 1.5. Condiii de validitate Aa cum sunt teoretizate de disciplinele juridice cu caracter general, dreptul comun pentru dreptul muncii find dreptul civil, condiiile de validitate ale actelor juridice se mpart n condiii de fond i condiii de form. Ali autori identific mai multe condiii care sunt impuse pentru ncheierea n mod valabil a contractului individual de munc, respectiv: capacitatea juridic a persoanei fizice, capacitatea juridic a patronului, consimmntul, obiectul, examenul medical, avizul prealabil, actul de alegere
38 39

Ion Traian tefnescu, Magda Volonciu, Raluca Dimitriu op. cit., p. 72 tefan Rauschi Drept civil, Editura Fundaiei Chemarea, Iai, 1993, p. 100.

66

sau numire n funcie (pentru funciile eligibile), condiiile de studii, repartizarea, vechimea n munc, verificarea aptitudinilor i a pregtirii profesionale, informarea reciproc.40 1.6. Acte necesare n vederea ncheierii contractului individual de munc Odat ncheiat etapa negocierilor pentru angajarea n munc sau ulterior ctigrii concursului pentru ocuparea unui post, viitorul salariat trebuie s completeze sau s ntocmeasc dosarul cu actele necesare n vederea ncheierii propriu-zise a contractului individual de munc. Numrul i tipul acestor acte difer, n general, funcie de natura postului n discuie. De obicei, actele necesare n vederea angajrii sunt: cererea de angajare (sau cererea de participare la concurs), curriculum vitae, actele de identitate, actele de studii, certificatul medical, informarea privind condiiile de munc, nota de lichidare i recomandri de la precedentul loc de munc, cartea de munc etc. 1.7. Clauze specifice ale contractului individual de munc ncheierea contractului individual de munc este guvernat de principiul libertii de voin a prilor, att n sensul libertii de fond (stabilirea clauzelor contractuale concrete, convenabile pentru ambele pri) ct i n sensul n care prile doresc, n general, s ncheie sau nu un contract de munc (dac doresc sau nu s ncheie contractul).41 nscrisul constatator al prevederilor contractului individual de munc trebuie s cuprind o serie de prevederi obligatorii. La aceste prevederi obligatorii prile pot aduga i prevederi facultative asupra crora au czut de acord. 1.8. Clauze obligatorii ale contractului individual de munc Elementele obligatorii ale contractului individual de munc sunt aceleai cu elementele obligatorii din informarea care precede ncheierea contractului. Aceste elemente sunt prevzute n detaliu n art. 17 ali. II din Codul muncii i se refer la: a. identitatea prilor; b. locul de munc sau, n lipsa unui loc de munc fix, posibilitatea ca salariatul s munceasc n diverse locuri; c. sediul sau, dup caz, domiciliul angajatorului; d. atribuiile postului; e. riscurile specifice postului; f. data de la care contractul urmeaz s i produc efectele; g. n cazul unui contract de munc pe durat determinat sau al unui contract de munc temporar, durata acestora; h. durata concediului de odihn la care salariatul are dreptul; i. condiiile de acordare a preavizului de ctre prile contractante i durata acestuia; j. salariul de baz, alte elemente constitutive ale veniturilorsalariale, precum i periodicitatea plii salariului la care salariatul are dreptul; k. durata normal a muncii, exprimat n ore/zi i ore/sptmn; l. indicarea contractului colectiv de munc ce reglementeaz condiiile de munc ale salariatului; m. durata perioadei de prob.

40 41

Lumina undrea op.cit., p. 20 i urm. Petre Buneci ncheierea contractului individual de munc, Editura Fundaiei Romnia de mine, Bucureti, 2000, p. 19

67

n conformitate cu prevederile art. 18 din Codul muncii, n cazul n care salariatul urmeaz s i desfoare activitatea n strintate, angajatorul are obligaia de a-i comunica n timp util toate informaiile prevzute la art. 17 al 2, inclusiv informaii referitoare la: durata perioadei de munc ce urmeaz s fie prestat n strintate; moneda n care vor fi pltite drepturile salariale, precum i modalitile de plat; prestaiile n bani i/sau natur aferente desfurrii activitii n strintate; condiiile de clim; reglementrile principale privitoare la dreptul muncii din acea ar; obiceiurile locului a cror nerespectare i-ar pune n pericol viaa, libertatea sau sigurana personal. Aceste prevederi se completeaz prin legi speciale care reglementeaz condiiile de munc n strintate. a. b. c. d. e. f. 1.9. Clauze facultative n contractul individual de munc Pe lng toate clauzele obligatorii detaliate mai sus, prile sunt libere s negocieze i s includ n contractul lor orice prevedere care nu este contrar normelor legale imperative sau bunelor moravuri. Codul muncii vorbete despre includerea n contractul individual de munc, pe lng clauze obligatorii, i a unor clauze specifice, preciznd ns c enumerarea codului nu este limitativ. Sunt aadar considerate clauze specifice clauza cu privire la formarea profesional, clauza de neconcuren, clauza de mobilitate i clauza de confidenialitate. Opiunea legiutorului de a oferi un cadru reglementativ expres tocmai acestor clauze se explic prin realitile din cmpul muncii de pn la apariia noului cod. 1.10. Drepturile i obligaiile prilor n cadrul contractului individual de munc Efectele contractului individual de munc se refer la drepturile i obligaiile prilor ce se nasc ca urmare a ncheierii valabile a contractului individual de munc. Legea nr. 53/2003 trateaz aceste aspecte n capitolul II al titlului II, intitulat Executarea contractului individual de munc. 1.11. Drepturile i obligaiile salariatului Conform prevederilor actualului cod al muncii (art. 39), salariatul are, n principal, urmtoarele drepturi: a) dreptul la salarizare pentru munca depus; b) dreptul la repaus zilnic i sptmnal; c) dreptul la concediu de odihn anual; d) dreptul la egalitate de anse i tratament; e) dreptul la demnitate n munc; f) dreptul la securitate i sntate n munc; g) dreptul la acces la formarea profesional; h) dreptul la informare i consultare; i) dreptul de a lua parte la determinarea i ameliorarea condiiilor de munc i a mediului de munc; j) dreptul la protecie n caz de concediere; k) dreptul la negociere colectiv i individual; l) dreptul de a participa la aciuni colective. Corelativ acestor drepturi, salariatului i revin n principal i urmtoarele obligaii: a) obligaia de a realiza norma de munc sau, dup caz, de a ndeplini atribuiile ce i revin conform fiei postului; 68

b) obligaia de a respecta disciplina muncii; c) obligaia de a respecta prevederile cuprinse n regulamentul intern, n contractul colectiv de munc aplicabil, precum i n contractul individual de munc; d) obligaia de fidelitate fa de angajator n executarea atribuiilor de serviciu; e) obligaia de a respecta msurile de securitate i sntate a muncii n unitate; f) obligaia de a respecta secretul de serviciu. 1.12. Drepturile i obligaiile angajatorului Efectele contractului individual de munc, aa cum am precizat i mai sus, nu se refer doar la drepturile i obligaiile angajatului, ci i la drepturile i obligaiile angajatorului. n conformitate cu prevederile art. 40 din cod, angajatorul are n principal urmtoarele drepturi: a) s stabileasc organizarea i funcionarea unitii; b) s stabileasc atribuiile corespunztoare pentru fiecare salariat, n condiiile legii; c) s dea dispoziii cu caracter obligatoriu pentru salariat, sub rezerva legalitii lor; d) s exercite controlul asupra modului de ndeplinire a sarcinilor de serviciu; e) s constate svrirea abaterilor disciplinare i s aplice sanciuni corespunztoare, potrivit legii, contractului colectiv de munc aplicabil i regulamentului intern. Angajatorului i revin, n principal, urmtoarele obligaii: a) s informeze salariaii asupra condiiilor de munc i asupra elementelor care privesc desfurarea relaiilor de munc; b) s asigure permanent condiiile tehnice i organizatorice avute n vedere la elaborarea normelor de munc i condiiile corespunztoare de munc; c) s acorde salariailor toate drepturile ce decurg din lege, din contractul colectiv de munc aplicabil i din contractele individuale de munc; d) s comunice periodic salariailor situaia economic i financiar a unitii; e) s se consulte cu sindicatul i, dup caz, cu reprezentanii salariailor n privina deciziilor susceptibile s afecteze substanial drepturile i interesele acestora; f) s plteasc toate contribuiile i impozitele datorate de salariai, n condiiile legii; g) s nfiineze registrul general de eviden a salariailor i s opereze nregistrrile prevzute de lege; h) s elibereze, la cerere, toate documentele care atest calitatea de salariat a solicitantului; i) s asigure confidenialitatea datelor cu caracter personal ale salariailor. 1.13. Modificarea contractului individual de munc n conformitate cu prevederile art. 41 din Codul muncii, contractul individual de munc poate fi modificat numai prin acordul prilor. Cu titlu de excepie, modificarea unilateral a contractului individual de munc este posibil numai n cazurile i n condiiile prevzute de cod. Modificarea contractului individual de munc poate viza oricare dintre urmtoarele elemente: durata contractului, locul muncii, felul muncii, condiiile de munc, salariul i timpul de munc i timpul de odihn. Modificarea locului muncii de ctre angajator n mod unilateral are loc prin delegarea sau detaarea salariatului ntr-un alt loc de munc dect cel prevzut n contractul individual de munc. Pe durata delegrii, respectiv a detarii, salariatul i pstreaz funcia i toate celelalte drepturi prevzute n contractul individual de munc. Dei aparent creaz impresia unor acte unilaterale, delegarea i detaarea se bazeaz pe consimmntul salariatului fa de aceast modificare a contractului individual de munc, deoarece se presupune c, n momentul ncherii contractului, salariatul cunoate toate normele legale ce guverneaz acest contract (inclusiv cele cu privire la delegare i detaare).

69

Aa cum precizeaz art. 43 din cod, delegarea reprezint exercitarea temporar, din dispoziia angajatorului, de ctre salariat, a unor lucrri sau sarcini corespunztoare atribuiilor de serviciu n afara locului su de munc. Delegarea poate fi dispus pentru o perioad de cel mult 60 de zile i se poate prelungi, cu acordul salariatului, cu cel mult 60 de zile. Salariatul delegat are dreptul la plata cheltuielilor de transport i cazare, precum i la o indemnizaie de delegare (diurna), n condiiile prevzute de lege sau de contractul colectiv de munc aplicabil. Delegarea este obligatorie pentru salariat iar refuzul nejustificat de a executa o delegaie este calificat drept abatere grav de la disciplina muncii i poate constitui temeiul pentru desfacerea pentru indisciplin a contractului individual de munc (n conformitate cu art. 61 lit. a din Codul muncii). Conform art. 45 din cod, detaarea este actul prin care se dispune schimbarea temporar a locului de munc, din dispoziia angajatorului, la un alt angajator, n scopul executrii unor lucrri n interesul acestuia. n mod excepional, prin detaare se poate modifica i felul muncii, dar numai cu consimmntul scris al salariatului. Detaarea poate fi dispus pe o perioad de cel mult un an. n mod excepional, perioada detarii poate fi prelungit pentru motive obiective ce impun prezena salariatului n subordinea angajatorului la care s-a dispus detaarea, cu acordul ambelor pri, din 6 n 6 luni. Salariatul poate refuza detaarea dispus de angajatorul su numai n mod excepional i pentru motive personale temeinice. 1.14. Suspendarea contractului individual de munc Conform Dicionarului de dreptul muncii, suspendarea contractului individual de munc este perioada n care munca prevzut n contract nu se presteaz i, n consecin, de regul, nu se pltete nici salariul de ctre angajator; este deci o suspendare a efectelor principale ale contractului individual de munc.42 1.15. ncetarea contractului individual de munc Conform art. 55 din Codul muncii, contractul individual de munc poate nceta astfel: a) de drept; b) ca urmare a acordului prilor, la data convenit de acestea; c) ca urmare a voinei unilaterale a uneia dintre pri, n cazurile i n condiiile limitativ prevzute de lege. 1.16. Nulitatea contractului individual de munc ncetarea contractului individual de munc se distinge de nulitatea acestuia, regimul juridic al celor dou instituii fiind diferit. n acest sens, art. 57 din cod prevede expres c nerespectarea oricreia dintre condiiile legale necesare pentru ncheierea valabil a contractului individual de munc atrage nulitatea acestuia. Nulitatea contractului individual de munc poate fi acoperit prin ndeplinirea ulterioar a condiiilor impuse de lege. Prin urmare indiferent de cauza de nulitate, prile au posibilitatea s valideze orice eroare mai nainte ca una din ele s sesizeze instanele de judecat. 1.17. ncetarea de drept a contractului individual de munc Art. 56 din Codul muncii stabilete c ncetarea de drept a contractului individual de munc are loc n urmtoarele situaii: a) la data decesului salariatului sau angajatorului persoan fizic;
42

erban Beligrdeanu, Ion Traian tefnescu Dicionar de dreptul muncii, Editura Lumina Lex, Bucureti, 1997, p. 169

70

b) la data rmnerii irevocabile a hotrrii judectoreti de declarare a morii sau a punerii sub interdicie a salariatului ori a angajatorului persoan fizic, dac aceasta antreneaz lichidarea afacerii; c) ca urmare a dizolvrii angajatorului persoan juridic, de la data la care persoana juridic i nceteaz existena; d) la data ndeplinirii cumulative a condiiilor de vrst standard i a stagiului minim de cotizare pentru pensionare sau, dup caz, la data comunicrii deciziei de pensionare pentru limit de vrst ori invaliditate a salariatului, potrivit legii; e) ca urmare a constatrii nulitii absolute a contractului individual de munc, de la data la care nulitatea a fost constatat prin acordul prilor sau prin hotrre judectoreasc definitiv; f) ca urmare a admiterii cererii de reintegrare n funcia ocupat de salariat a unei persoane concediate nelegal sau pentru motive nentemeiate, de la data rmnerii definitive a hotrrii judectoreti de reintegrare; g) ca urmare a condamnrii penale cu executarea pedepsei la locul de munc, de la data emiterii mandatului de executare; h) de la data retragerii de ctre autoritile sau organismele competente a avizelor, autorizaiilor ori atestrilor necesare pentru exercitarea profesiei; i) ca urmare a interzicerii exercitrii unei profesii sau a unei funcii, ca msur de siguran ori pedeaps complementar, de la data rmnerii definitive a hotrrii judectoreti prin care s-a dispus interdicia; j) la data expirrii termenului contractului individual de munc ncheiat pe durat determinat; retragerea acordului prinilor sau al reprezentanilor legali, n cazul salariailor cu 1.18. ncetarea contractului individual de munc prin acordul prilor ntruct Codul muncii reglementeaz expres n art. 8 principiul consensualismului n relaiile de munc, este de la sine neles c, atunci cnd prile se pun de acord n acest sens, efectele contractului individual de munc nu se mai produc prin voina lor comun. 1.19. ncetarea contractului individual de munc din iniiativa angajatorului ncetarea contractului individual de munc din iniiativa angajatorului se numete concediere. La rndul ei, concedierea poate fi dispus pentru motive care in de persoana salariatului sau pentru motive care nu in de persoana salariatului. Codul muncii romn interzice concedierea salariailor: a) pe criterii de sex, orientare sexual, caracteristici genetice, vrst, apartenen naional, ras, culoare, etnie, religie, opiune politic, origine social, handicap, situaie sau responsabilitate familial, apartenen ori activitate sindical; b) pentru exercitarea, n condiiile legii, a dreptului la grev i a drepturilor sindicale. Datorit efectelor specifice ale suspendrii contractului individual de munc, art. 60 din cod interzice concedierea salariailor n urmtoarele situaii: a) pe durata incapacitii temporare de munc, stabilit prin certificat medical conform legii; b) pe durata concediului pentru carantin; c) pe durata n care femeia salariat este gravid, n msura n care angajatorul a luat cunotin de acest fapt anterior emiterii deciziei de concediere; d) pe durata concediului de maternitate; e) pe durata concediului pentru creterea copilului n vrst de pn la 2 ani sau, n cazul copilului cu handicap, pn la mplinirea vrstei de 3 ani;

71

pe durata concediului pentru ngrijirea copilului bolnav n vrst de pn la 7 ani sau, n cazul copilului cu handicap, pentru afeciuni intercurente, pn la mplinirea vrstei de 18 ani; g) pe durata ndeplinirii serviciului militar; h) pe durata exercitrii unei funcii eligibile ntr-un organism sindical, cu excepia situaiei n care concedierea este dispus pentru o abatere disciplinar grav sau pentru abateri disciplinare repetate, svrite de ctre acel salariat; i) pe durata efecturii concediului de odihn. Concedierea poate fi dispus n oricare din situaiile de mai sus, dac este vorba despre reorganizarea judiciar sau a falimentul angajatorului. f) 1.20. Demisia Conform art. 79 din Codul muncii, prin demisie se nelege actul unilateral de voin a salariatului care, printr-o notificare scris, comunic angajatorului ncetarea contractului individual de munc, dup mplinirea unui termen de preaviz. Ca act unilateral de voin al salariatului, demisia trebuie notificat n scris angajatorului, manifestarea verbal a salariatului n sensul denunrii contractului individual de munc rmne fr efect. 1.21. Forme specifice ale contractului individual de munc Actualul Cod al muncii reglementeaz pe lng contractul individual de munc i o serie de contracte particulare n baza crora se presteaz munc n schimbul unei remuneraii numit salariu. Aceste contracte particulare urmresc restrngerea sferei de utilizare a conveniilor civile de prestri servicii, care procurau angajatorilor o serie de avantaje de ordin fiscal. Pe lng contractul individual de munc, Codul muncii romn mai reglementeaz contractul individual de munc pe durat determinat, munca prin agent de munc temporar, contractul individual de munc cu timp parial i munca la domiciliu. 2. Rspunderea juridic n drdeptul muncii 2.1. Definiie, fundament juridic i clasificarea rspunderii juridice n dreptul muncii Rspunderea juridic este una dintre instituiile de baz ale dreptului care ofer o garantare a transpunerii n practic a principiilor juridice fundamentale. Rspunderea este instituia juridic ce are drept scop contientizarea persoanei cu privire la consecinele faptelor sale, impunnd luarea unei msuri sancionatorii dac ordinea de drept nu este respectat cu buncredin. Fundamentul rspunderii juridice const n svrirea faptei interzis de normele dreptului. Funcie de natura juridic concret a acestui fundament, normele codului muncii clasific formele rspunderii juridice de dreptul muncii n: - rspundere disciplinar, atunci cnd salariatul svrete o abatere disciplinar; - rspundere patrimonial, cnd din fapta culpabil a salariatului rezult un prejudiciu ce trebuie reparat; - rspundere contravenional, cnd salariatul svrete o fapt calificat de normele juridice drept contravenie; - i rspundere penal, cnd fapta svrit este incriminat drept infraciune. Aceste forme ale rspunderii juridice nu se exclud una pe cealalt, ele putnd coexista, funcie de mprejurrile concrete ale svririi faptei de ctre salariat.

72

2.2. Rspunderea disciplinar Rspunderea disciplinar este singura form de rspundere reglementat de codul muncii specific pentru acest ramur de drept. Celelte forme ale rspunderii de dreptul muncii (rspunderea patrimonial, rspunderea contravenional i cea penal) caracterizeaz alte ramuri ale dreptului (dreptul civil, dreptul adminsitrativ i dreptul penal). Conform art. 263 din cod, angajatorul dispune de prerogativ disciplinar, avnd dreptul de a aplica, potrivit legii, sanciuni disciplinare salariailor si ori de cte ori constat c acetia au svrit o abatere disciplinar. Abaterea disciplinar este o fapt n legtur cu munca i care const ntr-o aciune sau inaciune svrit cu vinovie de ctre salariat, prin care acesta a nclcat normele legale, regulamentul intern, contractul individual de munc sau contractul colectiv de munc aplicabil, ordinele i dispoziiile legale ale conductorilor ierarhici. Aa cum prevede art. 264 din cod, sanciunile disciplinare pe care le poate aplica angajatorul n cazul n care salariatul svrete o abatere disciplinar sunt: a) avertismentul scris; b) suspendarea contractului individual de munc pentru o perioad ce nu poate depi 10 zile lucrtoare; c) retrogradarea din funcie, cu acordarea salariului corespunztor funciei n care s-a dispus retrogradarea, pentru o durat ce nu poate depi 60 de zile; d) reducerea salariului de baz pe o durat de 1-3 luni cu 5-10%; e) reducerea salariului de baz i/sau, dup caz, i a indemnizaiei de conducere pe o perioad de 1-3 luni cu 5-10%; f) desfacerea disciplinar a contractului individual de munc. 2.3. Rspunderea patrimonial A doua form a rspunderii juridice reglementat de codul muncii este rspunderea patrimonial sau material. Aceast form a rspunderii este specific dreptului civil, ca drept comun pentru toate ramurile dreptului privat i implicit i pentru dreptul muncii. Astfel, conform prevederilor art. 269 codul muncii, angajatorul este obligat, n temeiul normelor i principiilor rspunderii civile contractuale, s l despgubeasc pe salariat n situaia n care acesta a suferit un prejudiciu material din culpa angajatorului n timpul ndeplinirii obligaiilor de serviciu sau n legtur cu serviciul iar conform art. 270 salariaii rspund patrimonial, n temeiul normelor i principiilor rspunderii civile contractuale, pentru pagubele materiale produse angajatorului din vina i n legtur cu munca lor. Din punct de vedere al condiilor de form, instrumentul pentru recuperarea sumelor cu care angajatorul a fost prejudiciat de ctre salariai se numete decizie de imputare i trebuie s respecte aceleai rigori legale ca i decizia de sancionare. 2.4. Rspunderea contravenional n conformitate cu prevederile art. 276 din codul muncii, constituie contravenie urmtoarele fapte: a) nerespectarea dispoziiilor privind garantarea n plat a salariului minim brut pe ar; b) nclcarea de ctre angajator a obligaiei de a ine un registru de eviden a salariailor; c) mpiedicarea sau obligarea, prin ameninri ori prin violene, a unui salariat sau a unui grup de salariai s participe la grev ori s munceasc n timpul grevei; d) primirea la munc a unei persoane pentru care nu a fost ntocmit contract individual de munc ori stipularea n contractul individual de munc a unor clauze contrare dispoziiilor legale; e) ncadrarea n munc a minorilor cu nerespectarea condiiilor legale de vrst sau folosirea acestora pentru prestarea unor activiti cu nclcarea prevederilor legale referitoare la regimul de munc al minorilor;

73

f) nclcarea de ctre angajator a dreptului salariailor de a beneficia de zile libere n zilele de srbtoare legal sau n contul acestor srbtori; g) nclcarea obligaiei de respectare a programului de lucru n zilele de srbtoare legal, n conformitate cu hotrrile guvernului. 2.5. Rspunderea penal Rspunderea penal de dreptul muncii nu se rezum doar la infraciunile incriminate n codul muncii, codul penal partea special cuprinznd reglementarea pentru mai multe tipuri de infrsaciuni n legatur cu7 serviciu sau care au drept subiect calificat un salariat. Art. 277 278 incrimineaz ns distinct de prevederile codului penal: -infraciunea de neexecutarea unei hotrri judectoreti definitive privind plata salariilor n termen de 15 zile de la data cererii de executare adresate angajatorului de ctre partea interesat (care se pedepsete cu nchisoare de la 3 la 6 luni sau cu amend); - infraciunea de neexecutare a unei hotrri judectoreti definitive privind reintegrarea n munc a unui salariat (care se pedepsete cu nchisoare de la 6 luni la 1 an sau cu amend). n cazul acestor infraciuni aciunea penal se pune n micare la plngerea persoanei vtmate iar mpcarea prilor nltur rspunderea penal. 3. Conflictele de munc. Jurisdicia muncii 3.1. Noiunea de conflicte de munc: reglementare, clasificare Codul muncii reglementeaz conflictele de munc n titlul IX, care debuteaz cu definiia conflictului de munc. Astfel, conform art. 248, conflictul de munc reprezint orice dezacord intervenit ntre partenerii sociali, n raporturile de munc. Acelai articol ofer o clasificare legal a conflictelor de munc, n: Conflicte de interese, nelegnd prin aceasta conflictele de munc ce au ca obiect stabilirea condiiilor de munc cu ocazia negocierii contractelor colective de munc; acestea sunt conflicte referitoare la interesele cu caracter profesional, social sau economic ale salariailor; Conflicte de drepturi, ca fiind conflictele de munc ce au ca obiect exercitarea unor drepturi sau ndeplinirea unor obligaii decurgnd din legi ori din alte acte normative, precum i din contractele colective sau individuale de munc. Codul muncii mai prevede c procedura de soluionare a conflictelor de munc se stabilete prin lege special. Este vorba despre legea nr.168/1999 privind soluionarea conflictelor de munc. Art. 3 din aceast lege prevede c sunt conflicte de munc conflictele dintre salariai i unitile la care sunt ncadrai, cu privire la interesele cu caracter profesional, social sau economic ori la drepturile rezultate din desfurarea raporturilor de munc. Salariaii i unitile au obligaia s soluioneze conflictele de munc prin bun nelegere sau prin procedurile stabilite de lege. 3.2. Conflictele de interese: noiune, conciliere, mediere i arbitraj Legea nr.168/1999 privind soluionarea conflictelor de munc face aceeai clasificare a acestor conflicte ca i codul muncii, n conflicte de drepturi i conflicte de interese, oferind pentru fiecare dintre aceste categorii definiii n art. 3 i 4 din lege. Astfel, conflictele de munca ce au ca obiect stabilirea condiiilor de munc cu ocazia negocierii contractelor colective de munc sunt conflicte referitoare la interesele cu caracter profesional, social sau economic ale salariailor, denumite n continuare conflicte de interese iar conflictele de munc ce au ca obiect exercitarea unor drepturi sau ndeplinirea unor obligaii decurgnd din legi sau din alte acte normative, precum i din contractele colective sau individuale de munc sunt conflicte referitoare la drepturile salariailor, denumite n continuare conflicte de drepturi. 74

Conflictele de interese pot fi declanate n urmatoarele situaii: a) unitatea refuza sa inceapa negocierea unui contract colectiv de munca, in conditiile in care nu are incheiat un contract colectiv de munca sau contractul colectiv de munca anterior a incetat; b) unitatea nu accepta revendicarile formulate de salariati; c) unitatea refuza nejustificat semnarea contractului colectiv de munca, cu toate ca negocierile au fost definitivate; d) unitatea nu isi indeplineste obligatiile prevazute de lege de a incepe negocierile anuale obligatorii privind salariile, durata timpului de lucru, programul de lucru si conditiile de munca. 3.3. Greva: noiune, cadru legal, tipuri de grev Noiunea de grev este reglementat att de prevederile Codului muncii ct i de legea cadru pentru soluionarea conflictelor de munc. n accepiunea art. 40 din lege, greva constituie o incetare colectiva si voluntara a lucrului intr-o unitate si poate fi declarata pe durata desfasurarii conflictelor de interese, cu exceptiile prevazute de prezenta lege. Definiia codului este mai simpl, nelegnd prin grev ncetarea voluntar i colectiv a lucrului de ctre salariai. Art. 250 i 251 din cod prevd c salariaii au dreptul la grev pentru aprarea intereselor profesionale, economice i sociale iar participarea salariailor la grev este liber. Nici un salariat nu poate fi constrns s participe sau s nu participe la o grev. Greva poate fi declarata numai pentru apararea intereselor cu caracter profesional, economic si social ale salariatilor. Greva nu poate urmari realizarea unor scopuri politice. Participarea la greva este libera. Nimeni nu poate fi constrans sa participe la greva sau sa refuze sa participe. Pe durata unei greve declansate intr-o unitate pot inceta activitatea si salariatii unor subunitati sau compartimente care nu au participat initial la declansarea conflictului de interese. Daca este posibil, salariatii care nu participa la greva isi pot continua activitatea. Salariatii aflati in greva trebuie sa se abtina de la orice actiune de natura sa impiedice continuarea activitatii de catre cei care nu participa la greva. Organizatorii grevei, impreuna cu conducerea unitatii au obligatia ca pe durata acesteia sa protejeze bunurile unitatii si sa asigure functionarea continua a utilajelor si a instalatiilor a caror oprire ar putea constitui un pericol pentru viata sau pentru sanatatea oamenilor. Pe durata grevei conducerea unitatii nu poate fi impiedicata sa isi desfasoare activitatea de catre salariatii aflati in greva sau de organizatorii acesteia. Conducerea unitatii nu poate incadra salariati care sa il inlocuiasca pe cei aflati in greva. Pe durata grevei salariatii isi mentin toate drepturile ce decurg din contractul individual de munca, cu exceptia drepturilor salariale. 3.4. Jurisdicia muncii Jurisdicia muncii are ca obiect soluionarea conflictelor de munc cu privire la ncheierea, executarea, modificarea, suspendarea i ncetarea contractelor individuale sau, dup caz, colective de munc prevzute de prezentul cod, precum i a cererilor privind raporturile juridice dintre partenerii sociali, stabilite potrivit prezentului cod. Conform art. 282 din codul muncii, pot fi pri n conflictele de munc: a) salariaii, precum i orice alt persoan titular a unui drept sau a unei obligaii n temeiul prezentului cod, al altor legi sau al contractelor colective de munc; b) angajatorii - persoane fizice i/sau persoane juridice -, agenii de munc temporar, utilizatorii, precum i orice alt persoan care beneficiaz de o munc desfurat n condiiile prezentului cod; c) sindicatele i patronatele; d) alte persoane juridice sau fizice care au aceast vocaie n temeiul legilor speciale sau al Codului de procedur civil.

75

Cu privire la termenul pentru introducerea aciunilor, codul muncii prevede c cererile n vederea soluionrii unui conflict de munc pot fi formulate: a) n termen de 30 de zile calendaristice de la data n care a fost comunicat decizia unilateral a angajatorului referitoare la ncheierea, executarea, modificarea, suspendarea sau ncetarea contractului individual de munc; b) n termen de 30 de zile calendaristice de la data n care s-a comunicat decizia de sancionare disciplinar; c) n termen de 3 ani de la data naterii dreptului la aciune, n situaia n care obiectul conflictului individual de munc const n plata unor drepturi salariale neacordate sau a unor despgubiri ctre salariat, precum i n cazul rspunderii patrimoniale a salariailor fa de angajator; d) pe toat durata existenei contractului, n cazul n care se solicit constatarea nulitii unui contract individual sau colectiv de munc ori a unor clauze ale acestuia; e) n termen de 6 luni de la data naterii dreptului la aciune, n cazul neexecutrii contractului colectiv de munc ori a unor clauze ale acestuia. n toate situaiile, altele dect cele artate mai sus, termenul este de 3 ani de la data naterii dreptului. Procedura de soluionare a conflictelor de munc este reglementeaz prin lege special. 4. Medierea n dreptul muncii 4.1. Reglementarea romn a medierii conflictelor de munc Legea medierii excepteaz expres litigiile de munc de sub procedura reglementat de ea. Astfel, potrivit art. 73, alin. 2, Medierea conflictelor de munc rmne supus dispoziiilor prevzute de legile speciale. Este vorba despre Legea nr. 168/199943, care prevede o procedur derogatorie pentru medierea conflictelor de interese: mediatorii sunt alei de comun acord de ctre prile aflate n conflict de interese, dar numai dintre persoanele numite ca mediatori de ministrul muncii i proteciei sociale, cu acordul Consiliului Economic i Social, iar procedura de mediere a conflictelor de interese se stabilete prin contractul colectiv de munc ncheiat la nivel naional. Printre atribuiile prevzute de lege44 pentru Ministerul Muncii, Familiei i Proteciei Sociale se numr i elaborarea criteriilor i formelor activitii de mediere a conflictelor de munc i reglementarea modului de formare a mediatorilor pentru domeniul su de activitate. 4.2. Serviciile de mediere a muncii Medierea conflictelor de munc nu trebuie confundat cu medierea muncii, reglementat de Legea nr. 116 din 200245, privind prevenirea i combaterea marginalizrii sociale. Potrivit art. 5, alin. 2 din acest act normativ, tinerii cu vrste ntre 16 i 25 de ani aflai n dificultate i confruntai cu riscul excluderii profesionale, n scopul facilitrii accesului lor la un loc de munc, au dreptul la consiliere profesional i mediere din partea personalului specializat al Ageniei Naionale pentru Ocuparea Forei de Munc, prin ntocmirea unui plan individual de mediere. n acest context, serviciile de mediere a muncii reprezint punerea n legtur a angajatorilor cu persoanele aflate n cautarea unui loc de munc, n vederea stabilirii de raporturi de munca sau de serviciu, adic ntr-o exprimare mai corect servicii de intermediere.
43

Legea nr. 168/1999 privind soluionarea conflictelor de munc, publicat n Monitorul oficial al Romniei, partea I, nr. 582 din 29 noiembrie 1999 44 H.G. nr. 11 din 16 ianuarie 2009, privind organizarea i funcionarea Ministerului Muncii, Familiei i Proteciei Sociale, articolul 3, alin. 1, punctul 31 45 Publicat n Monitorul oficial al Romniei, Partea I, nr. 193 din 21.03.2002

76

Bibliografie Alexandru Athanasiu, Claudia Ana Moarcs Muncitorul i legea. Dreptul muncii, Editura Oscar Print, Bucureti, 1999 Florin Ciutacu Dreptul muncii. Culegere de spee, Editura Crepuscul Ploieti, 2001 Gheorghe Bdica, Gheorghe Brehoi, Adrian Popescu Elemente de drept al muncii sinteze, lucrare editat cu sprijinul Centrului de Formare i Studii n Domeniul Muncii, Bucureti 1994 Gheorghe Filip, Dumitru Crciun, Mihai Mantale, Septimiu Panainte, Romeo Butnariu Dreptul muncii i securitii sociale, Editura Junimea, Iai, 2001 Ion Traian tefnescu Dreptul muncii, Editura Lumina Lex, Bucureti, 2000 Ion Traian tefnescu, Magda Volonciu, Raluca Dimitriu Dreptul muncii, Editura Academiei de Studii Economice Bucureti Catedra de Drept, Bucureti, 1997 Liviu Filip Curs de Dreptul muncii, Casa de editur Venus, Iai, 2003 Luminia undrea Legislaia muncii i asistenei sociale note de curs, Editura Mirton, Timioara, 2003 Maria Harbd - Introducere n drept, Editura Universitii Alexandru Ioan Cuza, Iai, 2002 Marioara ichindeal ncetarea contractului individual de munc, Editura Lumina Lex, Bucureti, 1999 Nicolae Voiculescu Dreptul muncii note de curs. Reglementri interne i internaionale, Editura Dacia Europa Nova, Lugoj, 2001 Pantelimon Manta, Vasile Ghime Dreptul muncii i securitii sociale, Editura Academic Brncui, Trgu Jiu, 2001 Petre Buneci ncheierea contractului individual de munc, Editura Fundaiei Romnia de mine, Bucureti, 2000 Sanda Ghimpu, Alexandru iclea Dreptul muncii, Editura Allbeck, Bucureti, 2001 erban Beligrdeanu, Ion Traian tefnescu Dicionar de drept al muncii, Editura Lumina Lex, Bucureti, 1997 tefan Rauschi Drept civil, Editura Fundaiei Chemarea, Iai, 1993 xxx Alexandru iclea Reglementarea contractului individual de munc pe durat determinat conform proiectului Codului muncii, n Revista Romn de Dreptul Muncii, nr. 2/2002 Andrei Popescu Concordana legislaiei romne a muncii cu normele UE, n Revista Romn de Dreptul Muncii, nr. 1/2002 Andrei Popescu Concordana legislaiei romne a muncii cu normele UE, n Revista Romn de Dreptul Muncii, nr. 1/2002 Dan Top Opinii n legtur cu reglementarea contractului de ucenicie n proiectul noului Cod al muncii, n Revista Romn de Drept al Muncii, nr. 2/2002 Ion Traian tefnescu, erban Beligrdeanu Prezentare de ansamblu i observaii critice asupra noului Cod al muncii, n Revista Dreptul nr. 4/2003 Laura Maierean Contractul de performan contract de munc, n Revista Romn de Dreptul Muncii nr. 1/2002

77

Romulus Gidro Opinii asupra unor dispoziii din proiectul Codului Muncii cu privire la ncheierea i coninutul contractului individual de munc, n Revista Romn de Dreptul Muncii nr. 1/2002 Romulus Gidro Opinii asupra unor dispoziii din proiectul Codului Muncii cu privire la ncheierea i coninutul contractului individual de munc, n Revista Romn de Dreptul Muncii nr. 1/2002 erban Beligrdeanu - Natura juridic a contractului individual de ambarcare (mbarcare), n Revista Dreptul nr. 5/2003 erban Beligrdeanu, Ion Traian tefnescu Consideraii critice i sugestii referitoare la prevederile proiectului noului Cod al Muncii, n Revista Romn de Drept al Muncii nr. 1/2002 Legea nr. 161/2003 Legea nr. 215/2001 Legea nr. 188/1999 privind Statutul funcionarilor publici Codul civil romn Legea nr. 130/1999 Legea nr. 53/2003 (Codul muncii) Codul penal Legea nr. 115/1996

78

Capitolul VII. APLICAREA PROCEDURILOR DE CALITATE Avram Clin

Nu asteptai s fac alii primul pas Realizarea unui site web trebuie s rspund la o necesitate. Dac v facei un site doar pentru ca e la moda sau doar aa ca s nu spunei ca nu avei i dvs. unul, atunci mai nu cheltuii banii respectivi. Un site e o carte de vizita a firmei. Modificarea permanent a coninutului este necesar dac vrei s creai posibilitatea de a obine clieni prin intermediul Internetului. Alegei firma care va realiza situl n urma unei analize minuioase a ofertei. Nu va aruncai la prima firma de care auzii i nu va fie teama s apelai la o firma din alt ora. Plata se poate face prin factur proform iar comunicarea prin e-mail sau Skype. Calitatea serviciului este cea care trebuie s decid. Nu negociai ntotdeauna la pre : mai bine ncercai s obinei mai multe servicii la acelai pre. Calitate versus cantitate in continutul unui site Vechea problema a webmasterilor: coninut puin i de calitate sau mult i ieftin? n primul rnd, ca s rspunzi la ntrebarea asta, trebuie s vezi cu ce site ai de a face. Ai un site la care nu ii pasa de branding, de return views sau dac vizitatorii stau pe site 5 secunde sau 30 de minute? Atunci coninut este doar pentru motoarele de cutare, de calitate mai slaba, dar mult. Pentru ca orice coninut, atta timp ct nu e duplicat i/sau spam, nseamn un mic punct n plus pentru site-ul tu. Dar n nici un caz nu vei reui s cucereti o ni cu competiie serioas, cu coninut low budget. Cu text de calitate, atingi trei obiective critice din punct de vedere al optimizrii i al marketing-ului: A. Creezi valoare de branding lumea ii va ine minte site-ul i pentru ca au gsit ceva util pe el se vor ntoarce i a doua oara. B. Aduci link-uri naturale spre exemplu, un blogger gsete la tine pe site un articol interesant i pune un link one-way ctre el, pentru simplul fapt ca el considera ca articolul iar ajuta cititorii. C. Ai acces la toate tertipurile unui writer ca s atrag atenie i/sau link-uri nu poi face link bait, click bait (aici e de discutat pentru ca mai sunt articole proaste cu un titlu bun, care atrag clickul dar nu i link-ul) sau viral marketing bazndu-te pe articole de proasta calitate, sau simplu fluff general. De ce e mai rentabil s ai coninut de calitate? Pai simplu, primeti mai mult bang for the buck. Sa zicem ca apelezi la un amator care ii face articole la $0,01 pe cuvant ($5 la 500 de cuvinte). Ai toate ansele ca la banii aia, s primeti fluff i s intri n categoria cantitate. n schimb, pltete un writer profesionist cu $30 pe articol si o sa vezi ca de fapt nu pierzi $25 ci ctigi mult mai mult. Dac pentru $30 writerul reuete s fac un articol de calitate, pe care 10 oameni l linkeaza, tu ctigi 10 link-uri one-way, care te-ar fi costat probabil in jur de $50-100 cel puin daca le-ai fi cumprat. Concluzia: calitate pn n pnzele albe. Unelte care te ajuta s mbunteti calitatea

79

Deseori developerii nu fac site-urile valide pentru c au un numr mare de pagini invalide sau nu tiu de unde s nceap. Cu pai mici, lund fiecare lucru n parte, vei avea pana la urma un site valid fr s fii copleit de lucrurile care trebuie fcute. Gndete-te i la soluii care ar putea s-i uureze munca, spre exemplu un motor de template-uri. O lista de unelte care te pot ajuta n crearea unui site mai bun: HTML Tidy Tidy a fost dezvoltat iniial de Dave Raggett. Te va ajuta s faci un site valid. Uneori Tidy nu va putea rezolva toate problemele. Tidy nu este un editor, el doar repara paginile invalide. Validare progresiv Este dificil de stabilit ce pagini trebuie validate mai nti. Daca rulezi un script care verifica toate paginile, e destul de probabil c vei avea o list foarte mare de erori. Care este solutia? La W3C, Gerald Oskoboiny a creat o unealta de validare progresiva care nu te copleete cu un numr foarte mare de erori. Aceasta creeaz un raport cu cele mai invalide 10 pagini i d informaii despre repararea lor. n fiecare sptmna vei primi o lista cu urmtoarele 10 pagini. Aceast unealt este disponibil public. Poi s o adaptezi nevoilor tale. Regulamente privind calitatea site-urilor i paginilor de destinaie Am schiat cteva recomandri privind construirea site-urilor pentru a deservi mai bine utilizatorii, agenii de publicitate i editorii de site-uri. Mai mult, faptul c respectai recomandrile noastre privind site-ul v va ajuta s mbuntii scorul de calitate al paginii de destinaie. Ca o component a Scorurilor de calitate generale ale cuvintelor cheie, un scor de calitate ridicat pentru pagina de destinaie poate afecta siteul n trei moduri: Reducerea sumelor cost-pe-clic (CPC) pentru cuvintele cheie Creterea poziiei anunurilor dvs. afiate n funcie de cuvinte cheie n Reeaua de display mbuntirea anselor anunurilor dvs. direcionate ctre destinaii de plasare de a ctiga o poziie n destinaiile de plasare vizate

Componenta reprezentat de calitate Pe lng respectarea politicilor publicitare, recomandm agenilor de publicitate i s rein c exist trei componente principale n structura unui site web de calitate ridicat: coninut relevant i original, transparen i uurin de navigare. Pstrarea unei experiene pozitive a utilizatorului n ceea ce privete aceste aspecte v va ajuta s mbuntii calitatea paginii de destinaie.

Coninut relevant i original Relevana i originalitatea sunt dou caracteristici care definesc coninutul unui site de calitate superioar.

Relevana 80

Utilizatorii ar trebui s poat gsi cu uurin ceea ce promite site-ul dvs. Facei trimitere ctre pagina de pe site-ul dvs. care furnizeaz cele mai utile informaii despre produsul sau serviciul din anun. De exemplu, direcionai utilizatorii ctre pagina de unde pot cumpra produsul promovat, n loc s i direcionai ctre o pagin cu descrierea mai multor produse.

Originalitatea Includei coninut unic ce nu se poate gsi pe nici un alt site. Acest lucru se aplic n special pentru distribuitorii al cror site este identic sau foarte asemntor cu site-ul unui alt distribuitor sau cu site-ul companiei printe i pentru afiliaii care utilizeaz urmtoarele tipuri de pagini: Pagini intermediare: paginile care acioneaz ca un intermediar, al cror singur scop este de a face legtura sau de a redireciona traficul spre compania printe Pagini n oglind: pagini care reproduc aspectul site-ului printe; site-ul dvs. nu trebuie s oglindeasc (s fie similar sau aproape identic ca aspect cu) site-ul companiei printe sau cu al oricrui alt agent de publicitate Furnizai informaii substaniale. Dac anunul dvs. face trimitere la o pagin care conine n cea mai mare parte anunuri sau rezultate ale cutrii generale (cum ar fi un director sau o pagin de catalog), oferii coninut unic suplimentar.

Transparena Pentru a ctiga ncrederea utilizatorilor, site-ul dvs. trebuie s fie explicit din trei puncte de vedere principale: natura afacerii dvs., modalitatea prin care site-ul dvs. interacioneaz cu computerul vizitatorului i modalitatea n care intenionai s utilizai informaiile personale ale unui vizitator, dac le solicitai.

Site-ul trebuie s respecte urmtoarele criterii: S furnizeze n mod deschis informaii despre firm i s defineasc n mod clar domeniul de activitate al acesteia. Onorai promoiile i ofertele pe care le promovai n anun. Furnizai produsele i serviciile n modul promis. Taxai utilizatorii numai pentru produsele i serviciile pe care le comand i pe care le primesc efectiv. Delimitai linkurile sponsorizate de restul coninutului site-ului. Asigurai-v c preurile sau metodele de facturare pot fi gsite uor pe site-ul web i c sunt evidente pentru utilizatori.* n situaii de facturare repetat sau de abonare, intervalul pentru preuri i pentru facturare trebuie s apar ntr-un loc clar i evident din pagina unde utilizatorul furnizeaz informaii, fiind necesar s includei i o caset obligatorie de nscriere.*

*Informaiile despre preuri i facturare cu caractere foarte mici n pagina web nu sunt considerate a fi evidente pentru utilizator. Interaciunea site-ului dvs. cu computerul unui vizitator

81

Evitai modificarea comportamentului sau setrilor browserului utilizatorilor (cum ar fi funcia butonului napoi sau dimensiunea ferestrei browserului) fr a obine mai nti permisiunea acestora. Dac site-ul dvs. instaleaz n mod automat software, oferii informaii clare n legtur cu instalarea i permitei o dezinstalare uoar. Informaiile personale ale vizitatorilor Dac nu sunt necesare pentru produsul sau serviciul pe care l oferii, nu solicitai informaii personale. Dac solicitai informaii personale, punei la dispoziie o politic de confidenialitate care precizeaz cum vor fi utilizate acestea. Oferii opiuni pentru a limita utilizarea informaiilor personale ale utilizatorilor, cum ar fi posibilitatea de a renuna la buletinele informative. Permitei utilizatorilor s acceseze coninutul site-ului dvs. fr a le solicita s se nregistreze. De asemenea, furnizai o prezentare a ceea ce vor obine utilizatorii nregistrndu-se. Uurina de navigare Secretul pentru a-i transforma pe vizitatori n clieni este de a facilita utilizatorilor gsirea a ceea ce caut. Iat cteva sfaturi: Oferii o cale scurt i uoar pentru achiziionarea sau primirea produsului sau serviciului oferit n anunul dvs. Evitai utilizarea excesiv a ferestrelor pop-up, pop-under i a altor elemente deranjante n site-ul dvs. Asigurai-v c pagina dvs. de destinaie se ncarc rapid

Bibliografie Dave Taylor, Crearea paginilor Web cu HTML4, Editura Teora, Bucureti, 1999 Christian Crumlish, Primii pai n Internet, Editura All, Bucureti, 1999 Snell Ned, Temple Bob, Clark T. Michaell, Internet si web. Ghid complet, Editura All, 2004 http://tidy.sourceforge.net/ http://validator.w3.org/

82

Capitolul VIII. INTRODUCEREA INFORMAIILOR I DATELOR N FORMATE ELECTRONICE Avram Clin Proprieti si metode ale documentelor Word n prezentarea care urmeaz se vor discuta principalele proprieti i metode aplicabile componentelor care constituie un document Word. Se va urmri structura ierarhizat inclus n seciunea precedent. Document Noiunea de document, utilizat n Word, corespunde noiunii curente, din lumea real, a unui document tiprit. Deosebirea important este aceea c un document tiprit (carte, brour, raport etc.) se poate obine din mai multe documente Word. Operaiunile efectuate asupra unui document sunt: crearea unui document nou, deschiderea unui document existent, salvarea unui document, salvarea cu un nume nou a unui document. Crearea unui document nou Orice nou document creat de Word are la baz un model. Acest model este referit n continuare drept ablon sau template (dup denumirea englezeasc). ablonul unui document (discuia complet este mult mai complex si va fi fcut separat) conine informaii legate de formatul documentului, stilurile predefinite etc Un sablon este memorat de mediul Word ca un fiier cu extensia .dot i care se gseste, n mod uzual, n folderul "\Microsoft Office\Templates". ntre abloanele predefinite se gsete ablonul Normal, care, n lipsa altei precizri, este luat n mod implicit ca model al unui document nou. Exist trei procedee uzuale prin care utilizatorul poate s obin un document nou: La pornirea aplicaiei Word, este disponibil un document gol, denumit standard Document1, creat pe baza ablonului Normal. Acest document poate fi utilizat pentru formarea textului dorit si salvat cu un nume propriu (vezi salvarea unui document). Acionarea uneltei New, cu imaginea , produce un nou document dup sablonul Normal. Comanda New, din meniul File, deschide dialogul New care permite selectarea unui sablon dup modelul cruia se va porni un nou document. n dialogul afisat va selecta fisa categoriei de document dorit si, din fisa respectiv, se va alege formatul adecvat. Deschiderea unui document existent Necesar atunci cnd se continu lucrul la un document creat anterior sau atunci cnd un document nou este obtinut prin modificarea unuia deja existent, deschiderea unui document se efectueaz prin actionarea uneltei Open, cu imaginea , sau comanda Open, din meniul File. n ambele cazuri se afiseaz dialogul Open prin care se poate selecta un fisier de pe mediile de memorare proprii sau de pe retea. n utilizarea acestui dialog se poate naviga manual n arborele de directoare, sau se poate efectua o cutare dup criterii diverse: timp, denumire, tip de document etc. Terminarea dialogului cu acceptarea unui fisier produce afisarea fisierului n mediul Word, documentul respectiv devenind activ.

83

n cazul documentelor cu alt format se va initia un proces de conversie la formatul Word. Pot exista mai multe documente deschise simultan. Pentru a naviga ntre aceste documente se utilizeaz meniul Window si se selecteaz documentul dorit din lista afisat n partea de jos a meniului. Salvarea unui document Prin salvarea unui document se ntelege memorarea acestuia pe un suport reutilizabil (dischet, disc). Procesul presupune c documentul are o denumire acceptat de utilizator, denumire folosit la identificarea ulterioar a documentului. Pentru a salva un document se acioneaz unealta Save, cu imaginea , sau se execut comanda Save din meniul File. n cadrul operaiunii de salvare a unui fiier sunt considerate i opiuni fixate n dialogul iniiat prin comanda Options din meniul Tools. Fisa Save din dialog permite alegeri multiple dintre care menionm dou importante: Always create backup copy, care, dac este marcat, produce copii de sigurant pentru versiunea anterioar; Save AutoRecover info every minutes, care permite stabilirea intervalului de timp la care se efectueaz n mod automat cte o salvare. n cazuri extreme, de oprire a curentului electric sau de oprire accidental a calculatorului, documentul este reluat n mod automat la pornirea aplicatiei Word. Salvarea unui document cu un nume nou S-a vzut c un document nou creat are o denumire standard. Pentru identificare, este recomandabil ca documentul s poarte o denumire sugestiv. Aceast denumire se atribuie la prima salvare. n acel moment se creeaz un fiier cu numele documentului. n cazul redenumirii documentului, pe disc se va pstra i fiierul cu numele atribuit iniial. Salvarea cu nume se realizeaz prin comanda Save As din meniul File. Aceeai comand este executat, n mod automat, dac un document nou este salvat (prin Save) pentru prima dat. Comanda iniiaz dialogul Save n care se va alege un tip corect de document n lista derulant Save as type i se va completa numele dorit pentru document n zona text File name. De asemenea se va urmri ca folderul n care se efectueaz salvarea s fie corect selectat. Stabilirea dimensiunilor si marginilor foii de hrtie Caracteristic pentru un program de procesare a textului, Microsoft Word realizeaz automat aranjarea textului att ntre marginile foii de hrtie, ct si n ceea ce priveste mprtirea textului ntre pagini paginarea. Orice nou document este considerat cu dimensiuni si margini predefinite n sablonul documentului. Informatia privind mrimea foii de hrtie si marginile ei este un atribut al sectiunii. Diferite sectiuni pot s aib dimensiuni diferite ale hrtiei, orientare diferit, margini diferite. Comanda principal este Page Setup din meniul File. Dialogul Page Setup initiat are controalele grupate n patru fise: Margins fixeaz dimensiunea marginilor (distantele de la text la limitele foii de hrtie). Paper Size fixeaz dimensiunea foii de hrtie si orientarea. Paper Source stabileste locul de aprovizionare a imprimantei cu hrtie.

84

Layout stabileste structura general a sectiunii (anteturi si picioare de pagin, alinieri verticale). n toate aceste fise exist lista derulant Apply To, reprezentat desfsurat n figura alturat, n care se poate selecta domeniul de valabilitate a valorilor fixate: This section sectiunii curente. Atributele celorlalte sectiuni nu se modific. n cazul unui document cu o singur sectiune, optiunea nu este prezent. This point forward din punctul curent pn la sfrsitul documentului. Aceast optiune implic frecvent inserarea automat a unui salt de sectiune (pentru a putea pstra formatul textului precedent). Whole document atributele fixate sunt date ntregului document, ceea ce revine la formatarea identic a tuturor sectiunilor. Butonul Default, din partea inferioar a fiselor permite fixarea configuratiei drept valoare implicit (valabil pentru toate documentele noi deschise dup template-ul Normal). Margini Coninutul fisei Margins depinde de starea boxei de control Mirror margins: a) neselectat, paginile seciunii au aceeai dispoziie a marginilor. Este situaia caracteristic tipririi pe o singur fat a hrtiei. b) selectat, paginile seciunii au o dispoziie simetric a marginilor, foaia din dreapta fiind oglinda foii din stnga, astfel nct la tiprirea fat-verso textul de pe o fat s se suprapun cu textul de pe fata advers. n cazul a) se vor defini marginile Top (de sus), Bottom (de jos), Left (din stnga), Right (din dreapta). n cazul b) se vor defini marginile Top (de sus), Bottom (de jos), Inside (dinuntru, de la cotor), Outside (din afar, exterioar). n ambele situaii se definete poziia antetului n Header, poziia piciorului de pagin n Footer iar spaiul suplimentar necesar legrii foilor tiprite n Gutter. Foaia de hrtie Dimensiunile foii de hrtie se stabilesc n fisa Paper Size. Se poate alege o dimensiune predefinit, recunoscut de diferite standarde (cum ar fi Letter sau A4), n lista derulant Paper Size. Dimensiunile tipului selectat sunt afisate n zonele text Width (ltimea) si Height (nltimea). Modificarea arbitrar a dimensiunilor din cele dou zone se traduce n selectarea tipului generic Custom Size (dimensiune utilizator). n grupul Orientation se fixeaz orientarea foii: Portrait orientarea uzual (dimensiunea mai mic, ltimea, este pe orizontal); Landscape orientarea invers pozitiei Portrait (foaia de hrtie este culcat). Alinierea vertical a textului n fia Layout, lista derulant Vertical alignment permite selectarea modului de aliniere vertical a textului pe paginile seciunilor din domeniul fixat: Top textul este aliniat la marginea de sus, Center textul este centrat pe vertical, Justified textul "umple" pe ct posibil ntreg spaiul dintre marginile de sus si de jos ale hrtiei. n mod implicit este utilizat alinierea Top, ceea ce poate produce diferene ntre pagini consecutive, datorit modului diferit de aranjare pe pagin a paragrafelor.

85

Alimentarea cu hrtie a imprimantei Se poate, n principal, stabili o surs diferit de alimentare cu hrtie pentru prima pagin (First page) n opozitie cu celelalte pagini (Other pages). Aceast configurare este util atunci cnd prima pagin a sectiunii se imprim pe o foaie colorat diferit etc. Optiunile sunt influentate de tipul de imprimant selectat. Anteturi si picioare de pagini Structura de anteturi si picioare de pagin a sectiunii este fixat n fisa Layout a dialogului Page Setup. n mod implicit se consider c toate paginile dintr-o sectiune au aceeasi structur. Prin selectarea corespunztoare a optiunilor din dialog, vizibile n figura alturat, se pot stabili Different odd and even anteturi si picioare de pagin diferite pentru paginile pare si cele impare ale sectiunilor din domeniul ales (vezi Apply to) Different first page prima pagin a sectiunilor, din domeniul ales, are un antet si un picior de pagin distinct de celelalte. Opiunile pot fi alese independent una de alta, astfel nct pot fi obinute patru configuraii diferite. Atunci cnd, ncepnd cu o pagin se dorete un antet, sau un picior de pagin diferit, se va defini o nou seciune insernd un salt de seciune. Pentru procesarea efectiv a antetelor si picioarelor de pagin se va studia sectiunea dedicat acestui subiect. Paragrafe Un paragraf este o poriune de text cuprins ntre dou retururi de car consecutive (textul introdus ntre dou apsri succesive ale tastei ENTER). Un paragraf are atribute distincte privind spatierea pe vertical (n raport cu paragrafele vecine), spaierea pe orizontal (ntre margini), relaia cu celelalte paragrafe, alinierea liniilor, spaierea liniilor din paragraf. Fiecare paragraf poate avea un sistem propriu de tab-uri (puncte de oprire a punctului de inserie la apsarea tastei TAB). Unui paragraf i se poate atasa de asemenea chenarul si motivul grafic de fundal. Orice paragraf are ataat un stil care conine toate atributele de formatare. n mod implicit, orice nou paragraf copie formatul paragrafului precedent. Microsoft Word poate fi configurat nct s-si defineasc stiluri pe baza formatelor frecvente n document. Pentru o discutie mai complet se va studia seciunea dedicat stilurilor. Toat formatarea unui paragraf este ataat mrcii de sfrit de paragraf (similar modului n care formatarea unei seciuni este ataat saltului final de seciune). Marca de sfrit de paragraf este vizibil dac se afieaz caracterele netipribile (de exemplu prin utilizarea uneltei Show/Hide cu imaginea ). Stergerea acestui simbol, realizat din tastatur prin plasarea la nceputul paragrafului urmtor si actionarea tastei Backspace (), duce la pierderea formatului curent si preluarea formatului paragrafului urmtor (care are urmtoarea marc de sfrit de paragraf).

86

Toate aceste atribute sunt din categoria atributelor de format si sunt gestionate de comenzi care apartin meniului Format: Paragraphs, Bullets and Numbering, Borders and Shading, Tabs, Drop Cap. Formatarea paragrafului Formatarea unui paragraf necesit selectarea lui prealabil. Acest fapt se realizeaz dac punctul de insertie este n paragraful dorit. Pentru a formata simultan mai multe paragrafe trebuie ca selectia s contin cel putin un caracter din fiecare paragraf tintit. Selectarea multipl se realizeaz prin tragerea mouse-ului (cu butonul stnga apsat) peste paragrafe, sau se actioneaz CTRL+SHIFT si, simultan, se apas tasta Down () pn se selecteaz toate paragrafele. Pentru a vizualiza formatul unui paragraf (si nu numai) se utilizeaz comanda What's This, cu tasta direct SHIFT+F1, din meniul Help. Pointerul mouse-ului se schimb prin atasarea unui semn de ntrebare. Prin click pe orice obiect/paragraf/caracter se obtine o caset cu informatii privind formatul Alinierea liniilor unui paragraf Important prin efectul produs asupra cititorului, tipul de aliniere a liniilor unui paragraf se va alege n functie de ltimea coloanei (foii), de densitatea cuvintelor etc. Sunt posibile, n Word, trei tipuri de alinieri: stnga liniile sunt aliniate la stnga, partea dreapt este neregulat, dreapta liniile sunt aliniate la dreapta, partea stng este neregulat, centrat fiecare linie este centrat pe lungimea disponibil a unui rnd de text, complet liniile sunt aliniate att la stnga ct si la dreapta. Controlul alinierii este pe aceeasi fis ca si deplasarea paragrafelor si se alege n lista derulant Alignment. Optiunile sunt: Left stnga, Centered centrat, Right dreapta, Justified complet. Pentru controlul deplasrilor unui paragraf se pot utiliza si cursoarele existente pe rigla orizontal. Fiecare cursor poate fi agtat cu mouse-ul si tras pe rigl pn n pozitia dorit. Paragraful activ (selectat) se va conforma pozitiei cursoarelor. Semnificatia lor este explicat n figura urmtoare.

Spaierea liniilor ntr-un paragraf Prin interlinie se nelege distanta dintre dou linii de baz succesive. Este obinut, n mod implicit, prin adugarea la mrimea fontului maxim a distantei dintre rndurile de text (de regul 2 puncte). Astfel, un font de 10pt produce o interlinie de 12pt. n general, dac pe o linie trebuie s se nscrie caractere de un font mai mare, atunci interlinia se ajusteaz dup aceste caractere.

87

Mrimea interliniei este fixat n lista derulant Line spacing, artat n ntregime n figura alturat. Single stabilirea interliniei n mod automat (font+2pt). 1.5 lines interlinia este de o linie si jumtate Double interlinia este de dou linii At least interlinia are cel puin numrul de puncte nscrise n zona At. Exactly interlinia are exact numrul de puncte nscrise n zona At. Caracterele mai mari se suprapun pe rndurile vecine. Multiple interlinia este egal cu attea linii cte sunt nscrise n zona At (2 nseamn Double etc.). Chenare, umbre si texturi Noiunile i procedurile acestei seciuni nu sunt specifice lucrului cu paragrafe, dei aici se aplic cel mai mult. n Mocrosoft Word se pot ataa chenare, umbriri si fundaluri cu diferite texturi de multiple obiecte: paragrafe, celule de tabel, imagini etc. n cele ce urmeaz, dei discuia este dedicat lucrului cu paragrafe, sunt prezentate i proceduri legate de alte obiecte Word. Chenare Pentru a ncadra un obiect, acesta trebuie mai nti selectat. Selectarea mai multor paragrafe poate produce si ncadrarea global (exterioar) a ntregului grup (deci un efect deosebit de tratarea secvenial a paragrafelor). O ncadrare simpl se poate realiza utiliznd bara de unelte Borders, prezentat n figura alturat. Acionarea unei unelte produce linia de chenar accentuat pe buton. Vizualizarea acestei bare de unelte se realizeaz din View Toolbars sau prin acionarea uneltei Border de pe bara de unelte Formatting cu imaginea sau similar (conine imaginea unei unelte din bara Borrders plus semnul de list derulant). Acionarea simbolului de derulare afieaz bara de unelte Borders, acionarea uneltei efectueaz bordura artat. La ncadrarea unui paragraf, chenarul cuprinde ntreaga zon dintre deplasrile stnga si dreapta. Prin urmare, dac se doreste ca, pentru un text mai scurt, chenarul s fie limitat la text, trebuie s se modifice deplasrile laterale ale liniilor paragrafului. Comanda principal este Borders and Shading din meniul Format. Se iniiaz dialogul complex Borders and Shading, care cuprinde n cele trei fise ale sale controalele necesare fixrii bordurilor si umbririlor. Fisa Border se refer la stabilirea chenarelor, Page Border se refer la chenarul ntregii pagini, Shading se refer la umplerea fundalului cu o culoare completat eventual cu o textur. n fiecare dintre fise exist o list derulant Apply To care se va pozitiona pe obiectul dorit (paragraf, celul, paginile ntregului document etc), elementele listei sunt specifice fisei active si obiectului selectat. Pentru a ncadra o selectie cu ajutorul controalelor din fisa Borders: n Style se selecteaz stilul dorit pentru linie. n Color se alege culoarea liniei n Width se alege grosimea liniei. n Setting se poate alege ntre o formatare global (None fr chenar, Box chenar complet, Shadow chenar umbrit, 3-D chenar cu efect tridimensional) sau definit de utilizator Custom. Dup o formatare global sau selectarea opiunii Custom, prin click n zona Preview (care este activ n acest dialog) pe locul liniilor dorite se anuleaz sau se insereaz linii. Se pot utiliza si butoanele plasate pe lateralele zonei Preview.

88

Primele trei etape pot fi repetate naintea plasrii unei linii, nct linii diferite s aib culori, stiluri, grosimi diferite. Acionarea butonului Options afieaz un dialog n care se poate preciza distanta dintre chenar si coninut, ca si alte atribute dependente de obiectul care se ncadreaz. Stabilirea unui chenar pentru pagin se realizeaz cu ajutorul controalelor din fisa Page Border. n plus fat de fisa Border apare lista derulant Art prin care se poate selecta un motiv grafic de trasare a chenarului. Dialogul Options este mai complex, lista Apply To are mai multe intrri, dar informaiile cerute sunt suficient de intuitive pentru a nu necesita explicatii suplimentare. Anularea unui chenar existent se face prin selectarea obiectului respectiv si alegerea optiunii Setting = None. Umbriri Prin fia Shading se stabilete culoare de fond n grupul Fil. Selectarea culorii se face prin click pe ptratul culorii dorite. n grupul Patterns se stabilete o textur plasat peste culoarea de fond. n acest mod se pot crea culori compuse. n lista derulant Style se alege tipul de haurare iar n lista Color se alege culoarea modelului. Rezultatul este vizibil n zona Preview. Renunarea la fundalul creat pentru un paragraf se efectueaz prin reformatarea cu utilizarea opiunilor Fil = None, Style = Clear. Tabulator Prin apsarea tastei TAB, similar masinii de scris, punctul de insertie se poate pozitiona n locuri definite implicit sau explicit. O astfel de pozitie este numit n continuare oprire de tab (tab stop). Totalitatea opririlor de tab este specific paragrafului selectat n momentul definirii opririlor. n mod implicit (si n lipsa stabilirilor explicite) sunt definite opriri de tab la fiecare 0.5", de la stnga la dreapta. Orice fixare de ctre utilizator a unei pozitii de tab anuleaz pozitiile implicite din stnga, dar le las pe cele implicite din dreapta. Liste Microsoft Word poate gestiona trei tipuri de liste: numerotate, nenumerotate (cu buline), ierarhizate. O intrare ntr-o list este un paragraf cu o formatare predefinit de sistem (se poate modifica prin transformri de stiluri). Se poate astfel vorbi despre numerotarea paragrafelor. O list numerotat este identificat prin simboluri ordonate (numere arabe, romane sau litere. Poate fi numit si list ordonat. O list nenumerotat, sau cu buline, sau neordonat, este identificat prin simboluri grafice, aceleai pentru toate elementele de pe un acelai nivel. Lista ierarhizat se deosebete de cele precedente prin aceea c intrrile ei sunt grupate pe nivele. n cadrul unui nivel, intrrile pot fi numerotate sau nenumerotate, diferitele nivele difereniindu-se prin indentrile si simbolurile utilizate. Mediul Word gestioneaz listele n sensul c pstreaz secvena de numerotare att la adugarea unei intrri ct si la eliminarea unei intrri din list. Utilizarea uneltelor Bullets si Numbering Pentru a iniia o list numerotat se utilizeaz unealta Numbering, iar pentru o list cu buline unealta Bullets (identificate prin imaginile din titlul seciunii). Toate paragrafele formate pn la un nou click pe unealt devin intrri succesive n list. Pentru a termina lista se dezactiveaz unealta utilizat. Pentru a transforma n list o serie de paragrafe deja scrise, se vor selecta si apoi se utilizeaz unealta Bullets sau Numbering (dup dorint). Plasarea pe o intrare ntr-o list se reflect n poziia activat a uneltei respective. Dezactivarea uneltei produce ntreruperea listei pentru paragraful respectiv.

89

Utilizarea comenzii Bullets and Numbering Controlul mai complet asupra aparentei unei liste se obtine prin comanda Bullets and Numbering din meniul Format. Pe fisa Bulleted se alege tipul de puncte de list iar acionarea butonului de personalizare, Customize, iniiaz dialogul Customize Bulleted List, din care este reprezentat n figur doar zona de optiuni. Bullet character selectarea unui simbol pentru marcare. Font permite selectarea unui caracter dintr-un alt font. Bullet permite selectarea unui caracter de marcare dintr-un set de caractere grafice. Bullet position se completeaz distanta dintre marginea stnga si bulin. Text position se completeaz distanta dintre marginea stnga si nceputul textului unei intrri n list. Pe fisa Numbered se selecteaz tipul de numerotare si se selecteaz opiunea dorit prin butoanele radio Restart numbering (se rencepe numerotarea unei noi liste) sau Continue previous list (se continu ultima list numerotat, chiar dac ntre timp s-a introdus text n document). Pentru personalizarea aspectului numerotrii se acioneaz butonul Customize iniiaz dialogul Customize Numbered List, din care se prezint opiunile n figura alturat. Number format se construiete formatul numerotrii. Font permite selectarea fontului. Number style selecteaz un stil de numr din lista derulant (roman, arab, liter). Start at: definete nceputul numerotrii. Number position fixeaz alinierea numrului i poziia fat de marginea stnga. Text position stabilete deplasarea textului fat de marginea stnga. Pe fisa Outline Numbered se pot fixa opiunile pentru crearea unei liste ierarhizate. Se alege forma de numerotare dorit si se specific, similar unei liste numerotate, dac lista continu sau nu o list anterioar. Pentru modificarea aspectului listei se actioneaz butonul Customize. Dialogul Customize Outline Numbered List are principalele optiuni artate n figura alturat: Level se alege nivelul pentru care se modific aparenta. Este prima optiune care trebuie selectat. Number format este zona n care se construieste formatul numerotrii. Construirea nseamn c unele entitti (cum ar fi numrul nivelului anterior) sunt inserate automat, altele pot fi completate manual (semne de punctuatie, spatii etc.). Number style selecteaz un stil de numr din lista derulant (roman, arab, liter). Start at: defineste nceputul numerotrii. Previous level number se alege din lista ascuns

90

numrul nivelului anterior care se insereaz n pozitia activ a zonei de formare. Font permite fixarea fontului pentru numerotare. Exist si zonele de fixare a pozitiilor, identice dialogului Customize Numbered List, precum si un buton More, care permite selectri de atribute avansate. n formarea si editarea unei liste ierarhizate este necesar ca anumite paragrafe s fie avansate pe nivele mai mici sau s fie retrogradate pe nivele mai mari. Acest lucru se realizeaz prin uneltele (Increase Indent) care coboar paragraful n ierarhie (Decrease Indent) care urc paragraful n ierarhie. Este de menionat c uneltele precedente pot fi utilizate si pentru paragrafe care nu sunt n liste, efectul fiind acela al creterii sau descreterii deplasrii din stnga. Bibliografie Simona Petrescu, Marcel Andrei Homorodean, Sa invatam Word si Excel pas cu pas, Editura Niculescu, 2003 Greg Perry, nva singur Microsoft Office 2003 in 24 de ore, Editura Niculescu, 2006 Bernhard Eder, Willibald Kodym, Franz Lechner, ECDL. WORD PENTRU AVANSATI, Editura ALL, 2005 Steve Johnson, Perspection INC Microsoft Office 2003, Editura Teora, 2004 Ion Bolun, Ion Covalenco, Bazele informaticii Editia III, Editura Bonitas, 2005

91

Capitolul IX. PROCESAREA INFORMAIILOR I DOCUMENTELOR DIN FORMATELE BRUTE Avram Clin Orice caracter al unui document poate fi formatat n ceea ce privete fontul, mrimea, stilul, sublinierea, poziia pe vertical, spaierea orizontal si culoarea. ncepnd cu versiunea Word 97, este posibil animarea unor caractere. Pentru a formata caracterele unui cuvnt este suficient ca punctul de inserie s fie n acel cuvnt. Pentru formatarea unui numr arbitrar de caractere (din acelai cuvnt sau din mai multe cuvinte) acestea trebuie s fie selectate n prealabil. Formatarea din tastatur Toate atributele legate de caractere sunt controlate de comanda Font din meniul Format. Este

initiat dialogul Font n fisele cruia sunt grupate optiunile disponibile. Atributele legate de fontul utilizat sunt fixate n controalele reprezentate n figura de mai sus. Optiunile pot fi selectate din listele respective sau trecute direct n zonele text ataate: Font permite selectarea fontului dintre fonturile instalate n mediul Windows. Font style stabilete stilul fontului. Size determin dimensiunea fontului. Ultimele dou liste ascunse prezentate se refer la: Underline modul de evideniere a caracterelor prin subliniere. Dintre multiplele posibiliti menionm: Single linie simpl, Words only sublinierea nu se extinde pe spatiile dintre cuvinte, Double subliniere dubl, Dotted linie punctat, Wave linie ondulat. Color stabileste selectarea culorii caracterelor. Este de remarcat c marcarea fundalului caracterelor se poate efectua prin utilizarea uneltei Highlight, reprezentat , renuntarea la evidentiere se face prin selectare si actionarea din nou a uneltei. Pentru a reliefa anumite portiuni de text, caracterele pot fi nsotite de efecte grafice. Acestea sunt

prezentate n urmtoarea figur, partea Effects a fisei Font. Strikethrough textul apare tiat cu o linie (exemplu) Double strikethrough textul apare tiat cu o linie dubl (exemplu) Superscript caracterele sunt scrise mai sus, ca exponentii din notatiile matematice (exemplu) Subscript caracterele sunt scrise mai jos, ca indicii din notatiile matematice (exemplu) Shadow caracterele apar umbrite (Exemplu) 92

Outline apare doar conturul caracterelor (Exemplu) Emboss caracterele apar n relief (Exemplu) Engrave caracterele apar ncrustate (Exemplu) Small caps cuvntul, cu exceptia primei litere, este scris cu litere mari, dar de mrimea celor mici (EXEMPLU) All caps toate caracterele sunt majuscule (EXEMPLU) Hiden caracterele sunt ascunse, textul este vizibil doar dac se indic (meniul Tools, comanda Options, View) vizualizarea textului ascuns. Fisa Font mai contine o zon de vizualizare (efectul selectrii unui atribut fr aplicarea asupra textului din document) si butonul Default a crui actionare produce stabilirea atributelor selectate drept valori implicite (aplicate n lipsa unor formatri de ctre utilizator). Fisa Character spacing a dialogului Font permite stabilirea unor spatieri proprii ntre caracterele selectate. Spatierea poate fi pe orizontal sau pe vertical. n figura alturat sunt prezentate atributele respective. Scale produce mrirea sau micsorarea, la scara indicat, a caracterelor selectate. Spacing By permite mrirea (Expanded) sau micsorarea (Condensed) spatiului dintre litere cu distanta indicat. Position By permite ridicarea (Raised) sau coborrea (Lowered) caracterelor cu distanta indicat. Kerning for fonts: Points and above indic spatierea selectiv (kerning) pentru fonturile mai mari sau egale cu numrul de puncte specificate. Prin kerning se ntelege apropierea mai mare ntre grupurile de litere care permit acest lucru, cum ar fi W si o (de exemplu "Word" cu kerning si "Word" fr kerning). Fisa Animation, specific pentru Word 97, permite efecte vizuale sub form de animatii n text (ncadrri animate sau chiar efecte asupra caracterelor). n lista Animations se selecteaz animatia dorit (este sugerat ncercarea fiecreia pentru a vedea efectiv ce se ntmpl). Este de dorit ca animaiile, care nu apar la tiprire, s fie utilizate pentru documente on-line, deci acele documente care sunt rspndite prin reea si sunt consultate pe ecran, nu sub form tiprit. Este posibil ca totalitatea atributelor unui caracter s fie definit ca un stil de caracter, denumit si reutilizat sub acest nume de cte ori se dorete aplicarea formatrii. Pentru o descriere mai complet se va studia seciunea dedicat stilurilor. Formatare caracterelor cu ajutorul uneltelor Pe bara de unelte Formatting exist, n mod implicit, o serie de unelte dedicate formatrii caracterelor. Acestea sunt explicate n figura alturat, explicatiile fiind complete mpreun cu explicatiile date la formatarea caracterelor cu ajutorul tastaturii.

93

Prin personalizarea barei de unelte este posibil s se aduc si alte unelte dac textul introdus necesit operaii frecvente, de un anumit tip, asupra caracterelor: ridicri la putere, indici, simboluri etc. Numerotarea paginilor Tipul si formatul numerotrii paginilor este fixat de comanda Page Numbers din meniul Insert. n anteturi/picioare de pagin se insereaz doar cmpuri care vor contine numerele de pagin. Actualizarea final a numerotrii are loc n momentul imprimrii documentului. Comanda Page Numbers initiaz dialogul cu acelasi nume. Exist dou liste derulante, Position si Alignment, prin intermediul crora se positioneaz si se aliniaz numerele de pagin. Selectarea boxei de control Show number on first page permite scrierea numrului de pagin si pe prima pagin. Observatie. n cazul creerii explicite de anteturi si picioare de pagin, nu este indicat s se termine dialogul Page Numbers prin OK, deoarece efectul acestui dialog se suprapune pe formatarea explicit, deci pot s apar repetri ale numerelor de pagin (unul din formatul explicit al utilizatorului, cellalt din dialogul Page Numbers). Se va termina dialogul prin Cancel. n acest caz singura utilitate a dialogului fiind accesul ctre butonul Format. Acionarea butonului Format, din Page Numbers, initiaz dialogul Page Number Format, artat n figura alturat. Number format permite selectarea tipului de numerotare (cifre arabe, romane, litere, mari sau mici). Include chapter number marcarea controlului duce la includerea numrului de capitol n numrul de pagin. Chapter starts wits style se alege din lista derulant numele stilului care caracterizeaz titlul de capitol. Use separator permite selectarea din list a unui separator dintre numrul de capitol si cel de pagin. Page numbering definete numerotarea seciunii n continuare (Continue from previous section) sau ncepnd cu un numr dat de utilizator (Start at ). Acest dialog se termin cu OK, dar dialogul printe se termin cu Cancel n cazul n care se modific doar formatul numerelor de pagin. Tabele nelegem prin tabel un ansamblu de celule aranjate n linii si coloane. Fiecare celul poate s conin text si grafic, comportndu-se ca un document simplificat. Rezult astfel c un tabel este utilizat pentru alinierea unor informaii pe orizontal si pe vertical. Acest fapt ajut la sistematizarea informaiilor i la comunicarea lor. Datorit necesitii frecvente de tabelare a datelor, Word a dezvoltat un ntreg mecanism de creare, editare i formatare a tabelelor. Dei nu este esenial, este de dorit ca mai nainte de inserarea unui tabel n document, structura de coloane a tabelului s fie bine precizat. Numrul de linii este mai putin important n sensul c adugarea unei noi linii este imediat, n timp ce adugarea unei noi coloane ntr-un tabel complex este o operatiune mai delicat. Problemele importante care privesc tabelele, din punctul de vedere al procesrii textelor sunt crearea si organizarea tabelelor,

94

formatarea informaiilor, numerotri automate, sortarea informaiilor, inserarea formulelor de calcul.

Crearea tabelelor Sunt mai multe moduri de a obine un tabel: din text deja scris, desennd tabelul n mod liber, sau utiliznd comanda Insert Table. Transformarea unui text n tabel Se scriu informaiile n paragrafe uzuale, urmrind, de obicei dar nu neaprat, ideea c un paragraf corespunde unei linii de tabel. Informaiile care trebuie s aparin la coloane diferite se separ n mod consecvent prin caractere TAB sau alt caracter fixat (neutilizat n text). Se selecteaz toate paragrafele care formeaz tabelul. Se d comanda Convert Text to Table, din meniul Table. n dialogul afiat, Convert Text to Table, se precizeaz, pentru nceput, separatorul de coloane n grupul Separate text at: Paragraphs separare la nivel de paragraf, Tabs separare la nivel de caracter TAB Commas separare la virgule Other separare la caracterul tastat de utilizator n zona text alturat. Pentru primele aciuni de ncadrare a unor informaii ntr-un tabel (i nu numai) se recomand utilizarea butonului AutoFormat care iniiaz un dialog de alegere a unui format predefinit de mediul Word. Modelele propuse sunt la un nivel profesionist de prezentare si merit a fi studiate. Este de preferat, ca punct de pornire, s se lase pentru dimensiunea unei coloane (Column Width) optiunea Auto, care produce coloane de limi egale, tabelul ocupnd ntreaga lime dintre margini. Dimensiunile se pot modifica ulterior. Inserarea unui tabel Comanda Insert Table din meniul Table iniiaz dialogul Insert Table n care se precizeaz numrul de coloane (n zona Number of columns), numrul de linii (n zona Number of rows) si ltimea unei coloane (n Column width). Ltimea poate fi Auto (dimensiunea dintre marginile hrtiei este mprtit egal n coloanele specificate) sau se poate tasta o dimensiune. Butonul AutoFormat initiaz un dialog pentru alegerea unui format de tabel predefinit. n scopul inserrii unui tabel se poate utiliza si unealta Insert Table, reprezentat grafic prin , care deschide pe loc o gril n care se trage cu mouse-ul numrul dorit de linii si de coloane. Lsarea butonului mouse-ului produce inserarea unui tabel de dimensiune specificat. Organizarea tabelelor n aceasta sectiune se discut modul n care se pot unifica sau diviza celule, trasarea chenarelor, a umbririlor etc. Bara de unelte Tables and Borders

95

Afisarea barei de unelte Tables and Borders se poate efectua prin comanda Draw Table din meniul Table, sau comanda Toolbars din meniul View, selectnd bara respectiv, sau unealta Tables and Borders, de pe bara de unelte Standard, reprezentat grafic prin . Uneltele de pe aceast bar nu sunt specifice doar tabelelor propriu-zise. Multe dintre ele au valabilitate mai mare ntruct se refer la comenzi de fixare a stilului si grosimii liniilor, umplerea fundalului cu o culoare, sortarea unei liste, shortcut ctre Borders etc. Acestea pot fi utilizate pentru ncadrarea paragrafelor, sublinierea textului prin culoarea de fundal etc., chiar dac nu este implicat nici un tabel.

Dintre uneltele barei se recunoc Draw Table (care activeaz comanda Draw Table din meniul Table) si Borders (care a fost explicat la ncadrarea paragrafelor, identic uneltei de pe bara Formatting). Celelalte unelte sunt explicate n continuare. Selectarea entitilor dintr-un tabel Anumite operaiuni necesit o selectarea prealabil a obiectului care se proceseaz. ntr-un tabel se pot selecta obiecte dup cum urmeaz: Obiect selectat Moduri de selectare ntregul tabel Comanda Select Table din meniul Table O linie Comanda Select Row din meniul Table click pe zona liber din stnga liniei (similar selectrii unui paragraf) tragerea mouse-ului peste ntreaga linie utilizarea combinaiei de taste SHIFT + sgei uneori este suficient ca punctul de insertie s fie n linia dorit O coloan comanda Select Column din meniul Table apropierea mouse-ului de linia superioar pn cnd pointerul se schimb ntr-o sgeat. Un click n acel moment selecteaz ntreaga coloan tragerea mouse-ului peste ntreaga coloan utilizarea combinaiei de taste SHIFT + sgei uneori este suficient ca punctul de insertie s fie n

96

Obiect selectat O celul

Moduri de selectare coloana dorit click n zona liber din stnga, din interiorul celulei tragerea mouse-ului peste celul, pn la selectarea ntregii celule utilizarea combinaiei de taste SHIFT + sgei uneori este suficient ca punctul de inserie s fie n celul

Reunirea si divizarea celulelor Pentru o aranjare mai bun a textului sau pentru inserarea unor titluri n capul de tabel este necesar reunirea unor celule att pe orizontal, ct si pe vertical. Aceast reunire trebuie s produc o nou celul, recunoscut ca atare de procesorul de tabele. Operatiunea se efectueaz prin selectarea celulelor care se doresc reunite acionarea comenzii Merge Cells din meniul Table sau a uneltei Merge Cells de pe bara de unelte Tables and Borders. Operaiunea invers, de divizare a unei celule, se execut prin selectarea celulelor care se divizeaz (n mod unitar) acionarea comenzii Split Cells din meniul Table sau a uneltei Split Cells de pe bara de unelte Tables and Borders. Se va rspunde n dialogul afisat la numrul de linii si de coloane nou create. Exist si posibilitatea reunirii celulelor naintea divizrii (pentru o rearanjare a spaiului) prin marcarea boxei de control Merge cells before split (din dialogul Split Cells). Liniatura unui tabel Trebuie fcut distincie ntre liniile de ghidare (gridlines), caroiajul afiat la inserarea unui tabel n document cu rolul de a delimita vizual celulele n timpul editrii, si liniatura imprimat a tabelului. Pentru ca tabelul s apar liniat pe foaia tiprit, se va forma liniatura prin uneltele barei Borders (initiat si prin Borders de pe bara Tables and Borders) sau prin comanda Borders and Shading (meniul Format). Aplicarea oricrei metode necesit selectarea celulei, liniei, coloanei sau tabelului, dup cum se dorete stabilirea liniaturii (chenarului). Afiarea caroiajului de ghidare este controlat de comanda Gridlines din meniul Table. Dimensionare din rigle Atunci cnd punctul de inserie este ntr-un tabel, pe rigle sunt delimitate zonele alocate liniilor (pe rigla vertical) si coloanelor (pe rigla orizontal). Trgnd cu mouse-ul una din limitele liniei/coloanei dorite are loc redimensionarea acesteia. Momentul cnd operatiunea este posibil este indicat de modificarea mouse-ului ntr-o sgeat dubl. Calcule n tabele n orice celul a unui tabel se pot insera formule (asemntoare celor din calculul tabelar) care s realizeze calcule uzuale: sume, produse etc. Acest lucru se obine prin poziionare n celula care va conine rezultatul; comanda Formula din meniul Table; n lista Paste function se alege funcia dorit (de exemplu SUM); ntre parantezele funciei, n zona Formula, se specific argumentele, prin referiri la celule ale tabelului; n boxa Number format se construiete un model pentru afiarea rezultatului.

97

n zona Formula, pe msur ce se alege funcia si se completeaz argumentele se construiete formula utilizat pentru calcul. Word insereaz rezultatul unui calcul ca un cmp. Pentru a-l actualiza se va selecta cmpul si se va aciona tasta funcional F9. Pentru a terge o formul, se selecteaz mai nti cmpul respectiv si abia apoi se terge. Functii uzuale SUM realizeaz suma argumentelor: =SUM(ABOVE) calculeaz suma numerelor de pe coloan (dac formula este situat n ultima linie a coloanei). AVERAGE realizeaz media aritmetic a argumentelor COUNT numr argumentele: =COUNT(LEFT) realizeaz numrarea intrrilor din stnga, pe linie MAX, MIN calculeaz valoarea maxim, respectiv minim PRODUCT realizeaz produsul argumentelor. Este ns de observat c inserarea unei formule se efectueaz prin intermediul comenzii Formula din Table si nu prin scrierea direct a formulei n celul (cum s-ar efectua n Microsoft Excel). Operatiuni diverse Eliminarea unei linii/coloane/celule Se selecteaz entitatea dorit, se d comanda corespunztoare din meniul Table: Delete Rows, Delete Columns sau Delete Cells. n cazul tergerii unei celule se va alege optiunea dorit pentru reorganizarea tabelului (acesta nu poate rmne cu goluri): Shift cells left sau Shift cells up nsemnnd, respectiv, mutarea celulelor din dreapta peste locul rmas liber sau mutarea celulelor de dedesubt peste locul rmas liber. Exist si optiuni privind stergerea ntregii linii sau coloane. Eliminarea unui tabel Se selecteaz ntregul tabel (Select Table din meniul Table) si se d apoi comanda Delete Rows (din meniul Table). Se poate utiliza, dup selectarea ntregului tabel, comanda Cut (din meniul Edit) sau unealta Cut corespunztoare. Dezavantajul (sau avantajul) este c tabelul rmne n Clipboard si poate fi readus pe acelasi loc sau n alt parte (pn la o nou operaiune de copiere care modific zona Clipboard). Eliminarea informaiei Se selecteaz celulele/liniile/coloanele dorite si se apas pe tasta DEL sau BACKSPACE (cu rol de tergere). Structura tabelului rmne intact, ca si formatul celulelor (alinieri, chenare etc.). Divizarea unui tabel Un tabel se poate diviza la nivelul unei linii n dou tabele, astfel nct s se poat introduce un text explicativ ntre cele dou pri. Pentru aceasta, se plaseaz punctul de inserie n linia care devine prima din al doilea tabel si se d comanda Split Table. Adugarea de linii/coloane/celule Pentru adugarea de linii se plaseaz punctul de inserie unde este necesar adugarea si se d comanda Insert Rows (care apare atunci n meniul Table). Dac sunt selectate mai multe linii, atunci se vor insera attea linii cte sunt selectate. Dac punctul de inserie este n ultima celul din tabel, tasta TAB produce inserarea unei noi linii, astfel tabelul se poate completa pe msur ce se introduc informaiile.

98

Pentru adugarea de coloane se selecteaz coloana unde se efectueaz adugarea si se d comanda Insert Columns (care apare atunci n meniul Table). Dac sunt selectate mai multe coloane, se vor insera tot attea coloane noi. Coloanele noi mresc limea tabelului, deci tabelul trebuie s fie redimensionat global sau coloan cu coloan. Pentru adugarea de celule se selecteaz attea celule cte se doresc inserate si se d comanda Insert Cells (care apare atunci n meniul Table). Apare dialogul Insert Cells n care se opteaz pentru deplasarea celulelor existente (Shift cells right celulele existente se deplaseaz spre dreapta, Shift cells down celulele existente se deplaseaz n jos) sau pentru inserarea unor linii sau coloane ntregi. Navigarea ntr-un tabel Pentru a se deplasa punctul de inserie ntr-un tabel se pot utiliza mai multe procedee: Click n celula int TAB pentru a trece din celul n celul de la stnga la dreapta si de sus n jos Acionarea sgeilor de direcie (caz n care se parcurge si informaia din fiecare celul parcurs).

99

Capitolul X. VALIDAREA DATELOR Avram Clin

Validarea datelor Prin validare intelegem operatia de verificare a corectitudinii datelor. O data se considera corecta dac respecta o serie de conditii aritmetice sau logice prestabilite. Validarea se poate face la nivel de camp (un camp respecta propriile sale conditii), la nivel de articol (respectarea unor relatii intre campurile aceluiasi articol), la nivelul mai multor articole (respectarea unor relatii intre campurile unor articole diferite, completitudinea pe pachete de documente, corectitudinea unor totaluri pe pachete) sau la nivel de fisier (completitudine, corectitudinea unor totaluri pe fisier). Dac o dat nu indeplineste toate conditiile stabilite, se considera eroare i se solicita reintroducerea ei. Introducerea se poate repeta, fie pana se obtine o data corecta, fie pana cand se depaseste un numar prestabilit de reintroduceri. Cnd un camp este corect, se trece la inroducerea si validarea urmatorului camp. Cand articolul este corect, se scrie in suportul extern si se trece la urmatorul articol. 1. Validarea HTML-ului Un validator HTML verific daca documentul este corect pentru DOCTYPE-ul lui. Daca vrei sa verifici validitatea documentului final (documentul care ajunge la browser), poti folosi validatorul HTML al W3C. Validatorul va arata o lista a erorilor, in functie de DOCTYPE. Daca documentul nu are erori, validatorul afieaz mesajul No errors found!. Daca editezi site-ul cu ajutorul unor formulare (si nu trebuie sa scrii tag-uri in acestea), poi s informezi Webmaster-ul despre erori si sa-i ceri sa repare sistemul care genereaza paginile. Daca ai creat pagina manual, repara erorile raportate de validator; acesta raporteaza tipul erorii si numrul liniei pe care se afla. Validatorul incepe validarea de la nceputul paginii si raporteaz erorile in ordine. Aceasta nseamn ca o eroare la nceput poate genera mai multe erori mai trziu. O metoda buna este sa corectezi prima eroare si apoi sa revalidezi pagina. Vei observa ca daca repari o problema rezolvi deseori mai multe erori. Continua sa faci acest lucru pana cand validatorul nu mai gaseste erori si pagina este valida. Daca folosesti un editor HTML si paginile nu sunt valide dup editare, semnaleaz acest lucru companiei care a produs programul.

Amaya - Bug report Dreamweaver - Bug report FrontPage - Bug Report GoLive - Bug report Homesite - Bug report Netscape Composer - Bug report

Daca dezvoli un motor de template-uri, editor, sau sistem de content management, folosete validatorul HTML pentru a descoperi i rezolva eventualele probleme. Poi incorpora validatorul

100

chiar in aplicaie. Codul sursa al validatorului HTML este disponibil si poate fi folosit de oricine. Validatorul este mbuntit pe zi ce trece i poi participa i tu la dezvoltarea lui. Nota: Unele documente sunt valide din punctul de vedere al DTD-ului dar totui nu respecta complet specificaia HTML. n viitorul apropiat vom face o lista cu erorile care nu sunt detectate de validatorul HTML. Lista validatoarelor HTML

W3C HTML validator WDG HTML Validator Doctor HTML 2. Validarea link-urilor

Un alt aspect important pentru un site l reprezint URI-urile. Cnd adaugi link-uri spre alte site-uri, te atepi ca acestea vor rmne stabile, adic informaia la care te referi va fi acolo cnd un vizitator va da click pe link. De asemenea, vrei sa te asiguri ca link-urile interne si externe nu sunt scrise greit. A fost creata o unealta care face exact acest lucru: W3C Link Checker. Checklink genereaz un raport de link-uri. Lungimea raportului depinde de numrul de linkuri i de timpul necesar verificrii lor. Pentru a verifica un link, programul folosete HEAD HTTP request-ul documentului. Dac serverul nu este configurat bine i nu prezint informaia necesara n head, este posibil s obii un raport negativ chiar dac link-ul este bun. n acest caz, poi s i scrii webmasterului i s i ceri sa corecteze problema. Checking link http://webstandards.org/ HEAD http://webstandards.org/ fetched in 0.1s

Deasupra este un exemplu de lista. La fetched in 0.1s este dat timpul necesar pentru contactarea link-ului. Dupa lista link-urilor vei avea un raport cu link-urile care nu merg sau care sunt redirecionate, care te va ajuta s le repari. Daca tu, ca Webmaster, vrei sa instalezi un program in site-ul tu care sa le permit utilizatorilor sa-si verifice paginile, codul sursa al W3C Link Checker este disponibil gratis. Validarea CSS Din 1996, Cascading Style Sheets (CSS) reprezint un mod elegant si eficient de separare al coninutului de prezentare. nc din 2001, multe browsere au implementat CSS 1 i CSS 2. Folosind style sheets (numite i foi de stil, foi CSS sau simplu CSS) poi ine informaia legat de prezentarea site-ului ntr-un singur loc. Deocamdat poi alege ntre CSS 1, CSS 2 i CSS3. Designul cu style sheets are multe beneficii, cum ar fi reducerea costurilor de design i meninere, i face site-ul accesibil unui numr mai mare de browsere sau alte dispozitive. Un design cu tabele si JavaScript, cu diferite versiuni pentru diferite browsere poate creste costul iniial cu 30%.

101

Nu folosi elementul FONT cu atributul FACE. Este considerat duntor din punctul de vedere al internaionalizrii. La fel ca pentru validarea HTML, poi verifica validitatea style sheet-urilor externe. Daca vrei sa ii instalezi acest serviciu pe site-ul tu, pentru vizitatori, sau sa l adaptezi nevoilor tale, codul sursa al validatorului CSS este disponibil. 3. Validarea accesibilitii Nu e de ajuns doar s ai un site, acesta trebuie sa poat fi accesat de vizitatori. Nu poi ghici exact care va fi audienta ta. Persoanele care ii vor accesa site-ul vor avea diferite browsere, hardware diferit si e posibil ca unii sa aib disabiliti. Daca ai un design accesibil, exista multe avantaje pentru afacerea ta (http://www.w3.org/WAI/bcase/benefits.html). Din pcate nu este aa de uor sa validezi accesibilitatea. Accesibilitatea trebuie verificata de o persoana. Web Accessibility Initiative (http://www.w3.org/WAI/) are o lista de resurse care te va ajuta sa creezi site-uri accesibile. Verificarea completrii unui cmp dintr-un formular Validarea cmpurilor dintr-un formular reprezint o operaie pentru care JavaScript ofer suport complet. De exemplu, validarea unui cmp din cadrul unui formular, prin care se verific dac a fost completat acel cmp (nu e vid), se poate realiza prin urmtoarea funcie: //verifica daca un cimp este vid function checkBlank(field) } Dup prima linie care este un comentariu, se definete funcia denumit checkBlank. Funcia are un parametru numit field. Linia de nceput a funciei este un if care verific dac valoarea obiectului de intrare (o caset text de intrare a form-ului) este goal. Dac da, se declaneaz dou aciuni: se deschide o cutie de alertare pentru atenionarea utilizatorului i se apeleaz metoda focus() a obiectului cmp de intrare. Aceasta mut cursorul pe elementul de intrare HTML corespunztor respectivului obiect, pentru a fora introducerea de date. Aceast funcie trebuie definit n cmpul <head> al paginii HTML, astfel s poat fi apelat din orice punct din <body> al aceleai pagini. In continuare este prezentat HTML-ul pentru asocierea handler-ului de eveniment onChange cu caseta text de intrare numit eName. Acesta nseamn c funcia checkBlank va fi apelat la fiecare schimbare a datelor de ctre utilizator. <input type="text" name="eName" size=15 onChange="checkBlank(this)"> Manevratorul eveniment onChange trece elementul form curent numit eName ca i parametru pentru funcia checkBlank. Utilizarea cuvntului this este o manier convenabil de transmitere a unei referine ctre obiectul curent fr a-i specifica numele. La modul cum este construit funcia checkBlank permite s se poat transmite funciei orice element text de intrare (nu impune condiii asupra a ceea ce trebuie s conin intrarea). Verificarea introducerii numerelor pozitive De multe ori este necesar s existe sigurana c un element de intrare conine un numr de exemplu un numr pozitiv ntreg. Codul de verificare este ceva mai complicat ntruct JavaScript nu dispune de un tip specific asociat datelor numerice. In exemplul de mai jos, se verific dac utilizatorul a introdus un numr ntreg pozitiv ntre 0 i 9. Dac nu, se va poziiona cursorul pe acel cmp. Problema verificrii este divizat n dou funcii: funcia checkNum, care realizeaz validarea i rspunsul, i funcia isNumber, care parcurge toate caracterele irului pentru a vedea 102

dac este un numr cuprins ntre 0 i 9; aceasta este apelat n procesul de validare realizat de funcia checkNum. // determina daca un cimp contine elemente non-numerice function checkNum(field) else } // itereaza prin string pentru a verifica faptul ca fiecare caracter este un numar function isNumber(inputStr) } return true; } Funcia checkNum este setat n mod diferit de funcia checkBlank. Ea permite o procesare adiional n cazul cnd s-a introdus un numr valid. Pur i simplu se nlocuiete comentariul cu cod pentru calculul dorit (calcul taxe, calcul totaluri, etc.). Ramura else a condiiei de test este pentru rezolvarea erorilor. Ca n cazul funciei anterioare, se trimite un mesaj de alert i se mut cursorul pe cmpul eronat; n plus, se apeleaz metoda select() a obiectului cmp: aceasta selecteaz ntregul text din cmp, facilitnd schimbarea coninutului cmpului pentru utilizator. Handlerul de eveniment onChange este utilizat pentru verificare; astfel, de fiecare dat cnd utilizatorul modific numrul dat, este declanat funcia. <input type="text" name="hours" size=3 maxlength=2 onChange="checkNum(this)"> 4. Validarea checkbox-urilor JavaScript permite testarea i manipularea i altor elemente form, cum ar fi checkbox-urile. n exemplul urmtor se utilizeaz un if pentru a verifica c s-a completat un checkbox. Dac nu, se trimite un mesaj de alert utilizatorului i se face, automat, completarea checkbox-ului pentru utilizator. In felul acesta se seteaz un checkbox ce nu poate fi ters niciodat. // functie care verifica faptul ca un checkbox validat function checkCopy(form) else } Aceast funcie primete un ntreg obiect form i nu un singur cmp al obiectului. Acceseaz un cmp numit corporate din form. Proprietatea de marcare a cmpului este adevrat dac cutia asociat este completat i fals dac nu este completat. Apelul funciei se realizeaz cu ajutorul handler-ului evenimentului onBlur. Funcia este declanat de fiecare dat cnd utilizatorul mut cursorul de pe cmp dup ce a a demarcat cmpul. Se poate obsera c handler-ul de evenimente parcurge tot obiectul i nu numai cmpul obiectului. Corporate:<input type="checkbox" name="corporate" value="yes" checked onBlur="checkCopy(this.form)"> Client:<input type="checkbox" name="client" value="yes"> Employee:<input type="checkbox" name="employee" value="yes"> Dac asamblm diferitele segmente de cod prezentate mai sus, obinem un exemplu funcional. S-a adugat un tabel pentru formatarea HTML-ului i o verificare final pentru verificarea completrii tuturor cmpurilor la momentul apsrii pe butonul Submit. <html> <head>

103

<title>Evidenta Angajati</title> <script language="JavaScript" src="validare.js"> //includerea functiilor de mai sus intr-un fisier separat .js </script> </head> <body> <center> <h1>Validare form-uri in JavaScript</h1> <form name="timesheet"action="#" method="post"> <table> <tr><td align=right>Employee Name: <td align=left><input type="text" name="eName" size=15 onChange="checkBlank(this)"> <tr><td align=right>Hours Worked: <td align=left><input type="text" name="hours" size=3 maxlength=2 onChange="checkNum(this)"> <tr><td align=right>Send Copy to: <td align=left> Corporate:<input type="checkbox" name="corporate" value="yes" checked

onBlur="checkCopy(this.form)"> Client:<input type="checkbox" name="client" value="yes"> Employee:<input type="checkbox" name="employee" value="yes"> <tr><td align=right> <tr><td align=right> <td align=left> <input type="submit" name="enter" value="Trimite datele"> </table> </form> </body> </html>

104

Un element important l reprezint de multe ori asigurarea caracterului complet al completrii unui formular. Astfel, formularele consta adestea din cmpuri obligatorii i cmpuri opionale. Acestea nu pot fi prelucrate cu succes dect dac oate datele obligatorii sunt introduse. In exemplul urmtor, este artat modul n care se poate asigura completarea cmpurilor obligatorii dintr-un formular utiliznd JavaScript. <head> <title>Informatii de contact</title> <script language="JavaScript"> function emptyField(obiect_form) return true; } function validare_cimpuri(un_form) return false; } </script> </head> <body> <h1>Informatii de contact<h1> <form name="contact" action="#" method="post" onSubmit="return validare_cimpuri(document.contact)"> <pre> Numele: <input type="text" name="nume"> Prenumele: <input type="text" name="prenume"> Adresa: <input type="text" name="adresa"> </pre> Localitatea: <input type="text" name="localitate" size=12> Tara: <input type="text" name="tara" size=12> Cod postal: <input type="text" name="cod" size=5> <pre> Telefon acasa: <input type="text" name="tel_a" size=12> Telefon serviciu <input type="text" name="tel_se"size=12> Email: <input type="text" name="email"> </pre> <hr> <input type="submit" name="submit" value="Trimite"> </form> </body> </html> Astfel, n cadrul acestuia, cmpurile nume, prenume, adresa, localitatea, ara i email-ul sunt tobligatorii. Cnd este naintat formularul, funcia de validare apelat, validare_cimpuri verific dac aceste cmpuri sunt completate ; n caz contrar, se transmite utilizatorului un mesaj de atenionare iar formularul nu este naintat ctre server. Programul efectueaz o validare foarte simpl : nu este n schimb n nici un fel verificat corectitudinea introducerii datelor n cadrul cmpurilor.

105

O cale de a-i oferi utilizatorului un feedback n timp ce introduce date ntr-un formular o reprezint utilizarea unor mesaje de stare. Mesajele de stare sunt expresiile care apar pe bara de stare de la baza unei ferestre ; aceste mesaje pot fi modificate cu ajutorul lui JavaScript. Utilizarea mesajelor de stare n locul ferestrelor de dialog este uneori preferat ntruct nu atrag att de mult atenia. <html> <head> <title>Form cu mesaje de stare</title> <script language="JavaScript"> function MesajStare(tip_mesaj) if(tip_mesaj=="intreg") if(tip_mesaj=="suma") if(tip_mesaj=="card") window.defaultStatus=mesaj; window.status=mesaj; } </script> </head> <body onFocus="MesajStare('')"> <form name="form_mesaje" action="#" method="post"><br> <pre> Numele: <input type="text" size=20 maxlength=20 name="nume" onFocus="MesajStare('sir')"> Prenumele: <input type="text" size=20 maxlength=20 name="prenume" onFocus="MesajStare('sir')"> Virsta: <input type="text" size=5 maxlength=5 name="virsta"

106

onFocus="MesajStare('intreg')"> Suma: <input type="text" size=6 maxlength=6 name="suma" onFocus="MesajStare('suma')"> Card: <input type="text" size=16 maxlength=16 name="card" onFocus="MesajStare('card')">

</pre> <br> </form> </body> </html> Astfel, atunci cnd utilizatorul mut cursorul pe un anumit cmp (evenimentul onFocus), este apelat funcia MesajStare. Tipul de mesaj solicitat este afiat apoi n bara de stare prin stabilirea proprietii status a obiectului window. Nu toate cmpurile unui formular sunt cmpuri unde trebuie introduse date; unele cmpuri pot fi calculate, n funcie de valoarea altor cmpuri din cadrul unui formular. Astfel, se pot crea mici aplicaii interactive, n cadrul crora ns toat prelucrarea este realizat n JavaScript, pe partea de client. Un exemplu n acest sens l reprezint un formular care simuleaz funcionarea unui calculator de dobnzi: <html> <head> <title>Calculator dobinzi cumulate</title> <script language="JavaScript"> function calculeaza(un_form) </script> </head> <body> <h1>Calculator dobinda<h1> <form name="calculator"> <pre> Valoarea actulala : <input type="text" name="val_act"> Dobinda (% per an): <input type="text" name="dob_act"> Ani: <input type="text" name="ani"> <input type="button" name="calci" value="Calculeaza"

107

onClick="calculeaza(calculator)"> </pre> <hr> <pre> Dobinda totala : <input type="text" name="dob_tot"> Valoarea finala: <input type="text" name="val_dupa"> </pre> </form> </body> </html>

Se observ n acest exemplu utilizarea unui obiect button; evenimentul onClick al obiectului button are ca rezultat apelul funciei calculeaz, i care calculeaz i afieaz dobnda total i valoarea final funcie de datele intoduse n primele trei cmpuri. Bibliografie Snell Ned, Temple Bob, Clark T. Michaell, Internet si web. Ghid complet, Editura All, 2004 Jim KEOGH, Javascript fr Mistere - Ghid pt. Autodidacti , Editura Rosetti, 2006 Ion Bolun, Ion Covalenco, Bazele informaticii Editia III, Editura Bonitas, 2005 http://validator.w3.org/ http://validator.w3.org/todo.html http://www.doctor-html.com/?404=Y

108

Capitolul XI. ASIGURAREA SECURITII DATELOR Avram Clin Societatea mbrieaz din ce n ce mai mult tehnologia informaiei. Informaia care pn nu de mult avea la baz hrtia, mbrca acum forma electronica. Informaia pe suport de hrtie mai este nc rezervat documentelor oficiale, acolo unde este necesar o semntura sau o tampil. Adoptarea semnturii electronice deschide ns perspectiva digitizrii complete a documentelor, cel puin din punct de vedere funcional. Acest nou mod de lucru, n care calculatorul a devenit un instrument indispensabil i un mijloc de comunicare prin tehnologii precum pota electronic sau Internetul, atrage dup sine riscuri specifice. O gestiune corespunztoare a documentelor n format electronic face necesar implementarea unor msuri specifice. Msurile ar trebui s asigure protecia informaiilor mpotriva pierderii, distrugerii sau divulgrii neautorizate. Cel mai sensibil aspect este acela de a asigura securitatea informaiei gestionat de sistemele informatice n noul context tehnologic. Securitatea informaiei este un concept mai larg care se refer la asigurarea integritii, confidenialitii i disponibilitii informaiei. Dinamica tehnologiei informaiei induce noi riscuri pentru care organizaiile trebuie s implementeze noi msuri de control. De exemplu, popularizarea unitilor de inscripionat CD-uri sau a memoriilor portabile de capacitate mare, induce riscuri de copiere neautorizat sau furt de date. Lucrul n reea i conectarea la Internet induc i ele riscuri suplimentare, de acces neautorizat la date sau chiar fraud. Dezvoltarea tehnologic a fost acompaniat i de soluii de securitate, productorii de echipamente i aplicaii incluznd metode tehnice de protecie din ce n ce mai performante. Totui, n timp ce n domeniul tehnologiilor informaionale schimbarea este exponeniala, componenta umana rmne neschimbat. Asigurarea securitii informaiilor nu se poate realiza exclusiv prin msuri tehnice, fiind n principal o problem uman. Majoritatea incidentelor de securitate sunt generate de o gestiune i organizare necorespunztoare, i mai puin din cauza unei deficiene a mecanismelor de securitate. Este important ca organizaiile s contientizeze riscurile asociate cu utilizarea tehnologiei i gestionarea informaiilor i s abordeze pozitiv acest subiect printr-o contientizare n rndul angajailor a importanei securitii informaiilor, nelegerea tipologiei ameninrilor, riscurilor i vulnerabilitilor specifice mediilor informatizate i aplicarea practicilor de control. Organizaia Internaional pentru Standardizare (ISO) mpreuna cu Comisia Internaionala Electrotehnica (IEC) alctuiesc un forum specializat pentru standardizare. Organismele naionale care sunt membre ale ISO i IEC particip la dezvoltarea standardelor internaionale prin intermediul comitetelor tehnice. Statele Unite ale Americii, prin Institutul Naional de Standardizare, ocup poziia de Secretar, 24 de tari au statut de Participani (Brazilia, Frana, Regatul Unit al Marii Britanii, Coreea, Cehia, Germania, Danemarca, Belgia, Portugalia, Japonia, Olanda, Irlanda, Norvegia, Africa de Sud, Australia, Canada, Finlanda, Suedia, Slovenia, Elveia, Noua Zeeland i Italia) i alte 40 de ri au statut de Observatori. Prin activitatea susinuta de Ministerul Comunicaiilor i Tehnologiei Informaiei (MCTI) de adoptare la nivel naional a standardelor europene i internaionale recunoscute, standardul ISO/IEC 17799 - Tehnologia Informaiei Cod de buna practic pentru managementul securitii informaiei a fost adoptat i n Romnia de ctre Asociaia de Standardizare din Romnia (ASRO), din toamna anului 2004. Standardul este recunoscut n rezoluiile Consiliului Europei, implementarea acestuia la nivelul organizaiilor fiind opional. Singurul loc de unde se poate achiziiona legal versiunea n limba romna a standardului este ASRO (www.asro.ro).

109

1. Definirea securitii informaiei

Securitatea unei entiti (fiina, sistem, organizaie) este definit de regul ca ansamblul de msuri si mijloace pentru asigurarea tuturor condiiilor astfel ca entitatea s poat s i ating obiectivele pentru care a fost creat. Nu este cunoscut o definiie general acceptat, clara, a informaiei i cu att mai puin a securitii informaiei ( informaie sigura ?, a informaie utila ?, asigurarea confidenialitii ?, a disponibilitii ?). Noiunea este perceputa cu un coninut vag. De regul, prin securitatea informaiei se nelege asigurarea confidenialitii ei (asigurarea secretului). Conceptul are rdcini istorice i este vehiculat n mediile militare. Reprezentarea este restrictiv i nu este productiv n condiiile societii bazate pe prelucrarea informaiilor unde se pot produce prejudicii mult mai mari prin afectarea disponibilitii, a integritii sau a autenticitii unor informaii. De regul, asigurarea disponibilitii informaiei este mult mai productiv dect asigurarea confidenialitii ei i necesit cu prioritate protecie. Pentru acest site propunem sa fie folosita urmatoarea definitie pentru securitatea informatiei:

O informaie este securizata (protejata) dac se asigur n mod acoperitor: disponibilitatea, confidenialitatea, integritatea, autenticitatea i nerepudierea ei n msura n care este necesar entitii care a creat-o sau celei care o folosete. Ce reprezint securitatea Informaiilor? Ca i aciunile prin care o organizaie i apr angajaii i bunurile, securitatea informaiilor este folosit n primul rnd pentru a oferi asigurri ca drepturile care deriv din proprietatea intelectual sunt protejate n mod corespunztor. Obiectivul principal al unui program pentru protecia informaiilor l reprezint asigurarea ncrederii partenerilor de afaceri, avantajul competitiv, conformitatea cu cerinele legale i maximizarea investiiilor. Indiferent de forma pe care o mbrca, mijloacele prin care este memorat, transmis sau distribuit, informaia trebuie protejat. ISO/IEC 17799 trateaz securitatea informaiilor prin prisma a trei elemente principale: Confidenialitatea informaiile sunt accesibile doar persoanelor autorizate Integritatea asigurarea acurateei i completitudinii metodelor prin care se realizeaz prelucrarea informaiilor Disponibilitatea utilizatorii autorizai au acces la informaii i la activele asociate n momente oportune. Pentru a putea realiza un program de securitate eficient este nevoie de politici, proceduri, practici, standarde, descrieri ale sarcinilor i responsabilitilor de serviciu, precum i de o arhitectur general a securitii. Aceste controale trebuie implementate pentru a se atinge obiectivele specifice ale securitii si pe cele generale ale organizaiei. De ce este nevoie de securitate? Dependena din ce n ce mai mare de sistemele informaionale conduce la creterea tipologiei vulnerabilitilor crora organizaiile trebuie s le fac fa. Mai mult, problema protecie trebuie s aib n vedere de multe ori interconectarea reelelor private cu serviciile publice. Dac la acest aspect mai adugam i problema partajrii informaiilor se contureaz un tablou destul de 110

complicat n care implementarea unor controale eficiente devine o sarcin dificil pentru specialistul IT&C. Multe din sistemele existente pe pia au fost proiectate dup metodologia structurat dar nu au avut ca principal obiectiv i asigurarea unui anumit grad de securitate pentru c la momentul respectiv tehnologia nu era att de dezvoltata i nici att de accesibil neiniiailor. Odat ns cu proliferarea Internetului ca i mijloc important al comunicrii moderne nevoia unor mecanisme de securitate proactiv a devenit o certitudine. n practic remarcam c multe instituii apeleaz la soluii tehnice externe care s le rezolve problemele de securitate far a cuta s-i identifice nevoile i cerinele specifice. Identificarea controalelor interne care s asigure un grad corespunztor de securitate activelor informaionale ale unei instituii presupune o planificare riguroas i identificarea exact a obiectivelor respectivei instituii. Pentru a fi ns eficiente aceste controale trebuie s aib n vedere pe toi angajaii i nu doar pe cei din compartimentul IT sau care au legtur direct cu acest domeniu. Securitatea informaiilor nu este doar o problema tehnic. Ea este n primul rnd o problem managerial. Gradul de expunere a sistemelor informaionale variaz cu industria n care activeaz fiecare organizaie. Cu ct acest risc este mai mare, atenia care trebuie acordata securitii datelor ar trebui s fie mai mare. Instituiile financiare, industria aprrii, aerospaiala, industria tehnologiei informaiei, industria electronica sunt sectoarele cu cel mai mare grad de risc n ceea ce privete securitatea informaiilor. Tot n aceasta categorie de risc ridicat intr i instituiile guvernamentale, motiv pentru care adoptarea unei culturi organizaionale pe baza standardului ISO/IEC 17799 are un rol fundamental. 2. Stabilirea cerinelor Este important ca fiecare organizaie s poat s-i identifice propriile cerine de securitate. Pentru aceasta ea trebuie s fac apel la trei surse principale: Analiza riscurilor Legislaia existent Standardele i procedurile interne Folosind o metodologie corespunztoare pentru a analiza riscurile organizaia i poate identifica propriile cerine legate de securitate. Un astfel de proces presupune n general patru etape principale: Identificare activelor care trebuie protejate Identificarea riscurilor/ameninrilor specifice fiecrui activ Ierarhizarea riscurilor Identificarea controalelor prin care vor fi eliminate/diminuate riscurile Nu trebuie ns trecute cu vederea nici aspectele financiare. Fiind un obiectiv comun, dictat de cerinele de afacere, pentru ca pn la urma orice activitate derulat de o organizaie are o raiune economica, n implementarea unei arhitecturi de securitate trebuie puse n balan costurile i beneficiile. Un mecanism de control nu trebuie s coste organizaia mai mult dect bunul ce trebuie protejat. Stabilirea cerinelor de securitate, a msurilor necesare pentru a asigura nivelul de control dorit, are o component deseori subiectiv, fiind dificil de cuantificat n temeni monetari pierderea suferit n cazul unui incident de securitate. Aspectele intangibile precum alterarea imaginii organizaiei pe pia, credibilitatea n faa clienilor sau efectele indirecte ale unui incident de securitate major, sunt cel mai greu de apreciat. Aceasta este raiunea i pentru care adoptarea unor

111

standarde i practici general acceptate, susinute de evaluri periodice independente este de recomandat. Acest proces nu este unul static, altfel spus trebuie avute n permanen n vedere schimbrile care intervin n viaa organizaiei pentru a fi reflectate corespunztor n planul de securitate. Dac spre exemplu apare o modificare legislativ cu impact asupra instituiei, trebuie avut n vedere din nou modelul folosit pentru evaluarea riscurilor pentru a vedea dac acesta reflect riscurile aprute ca urmare a acestei modificri. 3. Politica de securitate Obiectivul politicii de securitate este sa ofere managementului instituiei sprijinul necesar asigurrii securitii informaiilor din cadrul organizaiei. Conducerea oricrei instituii trebuie sa ofere suportul necesar prin elaborarea unui document intitulat Politica de Securitate, document care trebuie adus la cunotina tuturor angajatilor. Fr un astfel de document exista riscul ca rolurile i responsabilitile relative la asigurarea securitii informaionale s fie greit nelese. Nedezvoltarea unui astfel de document i neaducerea la cunotina angajailor a politicii de securitate a companiei induce de cele mai multe ori o stare de superficialitate n tratarea acestor aspecte. Existenta unei viziuni clare a conducerii i o comunicare efectiva a acesteia ctre angajai este fundamental pentru asigurarea eficienei oricror proceduri i masuri de securitate specifice. 4. Organizarea securitii Organizarea securitii are ca obiectiv asigurarea unei administrri unitare n cadrul organizaiei. Fiecare utilizator al sistemului informaional este responsabil cu asigurarea securitii datelor pe care le manipuleaz. Existenta unei structuri organizatorice unitare care s iniieze i s controleze implementarea mecanismelor de securitate n cadrul organizaiei, presupune un punct central de coordonare responsabil cu securitatea. Rolul i atribuiile persoanei care ocupa poziia de responsabil cu securitatea informaiilor se refera la coordonarea i urmrirea respectrii procedurilor si politicilor de securitate. Organizarea securitii nu se limiteaz doar la personalul intern, trebuie avute n vedere i riscurile induse de teri sau subcontractori care au acces la sistemul informaional. Acest risc nu este deloc de neglijat, ultimule tendine ale pieei globale ne arata o reconsiderare a poziiei companiilor fa de externalizarea funciilor IT, tocmai datorita riscului mare indus de subcontractarea acestora. Obiectivul organizrii securitii, aa cum este documentat n standard este i meninerea securitii tuturor facilitailor IT i activelor informaionale accesate de ctre tere persoane, fiind recomandata stabilirea unui proces prin care accesul terilor s fie controlat. 5. Securitatea personalului Cele mai multe incidente de securitate sunt generate de personal din interiorul organizaiei, prin aciuni ru intenionate sau chiar erori sau neglijenta n utilizarea resurselor informaionale. Securitatea informaiilor este un aspect ce trebuie avut n vedere nc din etapa de selecie a angajailor. Angajaii trebuie monitorizai pe ntreaga perioada de valabilitate a contractului de munca i trebuie s aib cunotina de prevederile politicilor de securitate. Clauzele de confidenialitate, definirea conflictelor de interese, distribuirea i divulgarea informaiilor trebuie avute n vedere pentru fiecare post n parte. 6. Managementul comunicaiilor i al operrii

112

Operarea calculatoarelor trebuie sa asigure funcionarea fr riscuri i n bune condiii a resurselor organizaiei. Aceasta funcie vizeaz att echipamentele i aplicaiile software, ct i celelalte elemente necesare procesrii informaiei i susinerii funciilor de afacere. Practicile de control recomandate pentru asigurarea operrii de o maniera corect i sigur, constau n documentarea procedurilor de operare, controlul modificrilor aduse sistemului informatic, att la nivel hardware ct si software, formalizarea tratrii incidentelor de securitate i separarea responsabilitilor. Dinamica mediului informaional dat de schimbrile tehnologice continue ct i de apariia de noi cerine din partea afacerii supune sistemul informatic la noi dezvoltri. Dezvoltarea i testarea modificrilor aduse sistemului existent pot cauza probleme serioase operrii curente. Pentru a controla aceste riscuri sunt recomandate separri clare ale responsabilitilor ntre dezvoltare, testare si exploatare susinute i de o separare a mediilor folosite pentru aceste activiti. Accesul programatorilor pe mediul de producie nu ar trebui permis, iar daca anumite situaii excepionale o cer, atunci ar trebui controlat ndeaproape. Planificarea capacitaii sistemului este un alt obiectiv al operrii calculatoarelor care are ca obiectiv minimizarea riscurilor ntreruperii sistemului ca urmare a atingerii capacitaii maxime de procesare. Asigurarea unei capacitai corespunztoare de procesare implica o planificare riguroasa a activitilor sprijinite de sistemul informaional. Trebuie dezvoltate proceduri i mecanisme de raportare care s identifice utilizarea necorespunzatoare a resurselor precum i perioadele de utilizare. Protecia mpotriva software-ului maliios este un aspect important ntruct cea mai mare ameninare a activelor informatice este dat de pierderea sau indisponibilitatea datelor ca urmare a infestrii cu virui informatici. n toate sondajele, viruii se afla printre primele locuri ca surs a incidentelor de securitate. Milioane de virui informatici sunt raportai anual. Protecia mpotriva viruilor nu o asigura doar administratorul sistemului, ci i utilizatorul. Asigurarea integritii datelor i a aplicaiilor software necesita msuri de protecie prin care s se previn i s se detecteze introducerea unor aplicaii ilegale n sistemul organizaiei. Aplicaiile tip antivirus trebuie instalate pe toate calculatoarele din sistem iar utilizatorii trebuie instruii cu privire la folosirea acestora. Alte aspecte ce fac obiectul managementului operrii i comunicaiilor vizeaz: ntreinerea sistemului, incluznd realizarea copiilor de sigurana, ntreinerea jurnalelor de operare, meninerea nregistrrilor cu erori de operare i execuie. Managementul reelei, necesar asigurrii reelelor de calculatoare. Manipularea i securitatea mediilor de stocare, pentru a preveni ntreruperea activitilor afacerii. Schimbul de aplicaii i date ntre organizaii, pentru a preveni pierderea, alterarea sau utilizarea improprie a informaiei. 7. Dezvoltarea i ntreinerea sistemului Aproape mereu, atunci cnd e vorba de dezvoltarea si implementarea unui sistem informatic, cerinele de securitate sunt neglijate. Eforturile sunt ndreptate mai mult spre aspectele funcionale i mai puin pe controlul riscurilor de integritate i confidenialitate a informaiilor. Organizaiile se expun la riscuri majore de operare ce pot rezulta n pierderi financiare semnificative prin neglijarea unor msuri minimale de control al procesului de dezvoltare i implementare. Testarea aplicaiilor nu este formalizat, ceea ce nu garanteaz calitatea dezvoltrilor, programatorilor li se permite accesul la mediul de producie pentru corectarea unor erori nedetectate n procesul de testare, inducnd riscuri de integritate i disponibilitate a datelor.

113

Aspectele de securitate nu trebuie neglijate n partea de dezvoltare i implementare, dei acestea s-ar putea s deranjeze i s nu aduc aparent nici un beneficiu. Fr a tine cont de recomandrile de control ale acestui proces, organizaia risca s investeasc ntr-o aplicaie sau echipament care s nu-i ofere nici o garanie asupra informaiilor gestionate. Obiectivele de control sunt menite s asigure c noile sisteme dezvoltate au prevzute mecanisme de securitate, prin: Dezvoltarea cerinelor i analiza specificaiilor de securitate; Validarea datelor de intrare Controlul procesrii interne Autentificarea mesajelor transmise electronic Validarea datelor de ieire Utilizarea tehnicilor de criptare Utilizarea mecanismelor de semnare electronic Protejarea codului aplicaiilor i a fiierelor sistemului de operare De asemenea, este necesar i asigurarea securitii mediilor de dezvoltare i a serviciilor suport. Mediile n care se dezvolta aplicaii sau proiecte noi trebuie strict controlate. Mediul de testare trebuie separat de mediul de producie, datelor de test asigurndu-li-se protecia corespunztoare. 8. Devirusarea dispozitivelor de stocare Pentru a vorbii despre antivirui trebuie s definim prima dat viruii informatici sunt, n esen microprograme greu de depistat, ascunse n alte programe, care ateapt un moment favorabil pentru a provoca defeciuni ale sistemului de calcul (blocarea acestuia, comenzi sau mesaje neateptate, alte aciuni distructive). Se poate aprecia c un virus informatic este un microprogram cu aciune distructiv localizat n principal n memoria intern, unde atepta un semnal pentru a-i declana activitatea. O clasificare riguroas nu exist nc ,dar se poate face innd seama de anumite criterii. n forma cea mai generala virusii se impart in: - Virusi hardware - Virusi software Programe antivirus Programele antivirus sunt programe create special pentru a efectua urmtoarele operaiuni: - s detecteze viruii prin verificarea coninutului fiierelor si semnalarea prezentei semnturii unui virus cunoscut sau a unor secvene suspecte in interiorul lor - s dezinfecteze sau sa tearg fiierele infestate de virui cunoscui - s previn infectarea prin supravegherea aciunilor din memorie si semnalarea ntlnirii unor anumite aciuni ca ar putea fi generate de existenta in memorie a unui virus Exista doua feluri de antivirui dup modul in care acioneaz: 1. Programe care dup ce au fost lansate ce raman in memoria calculatorului si supravegheaz fiecare aplicaie lansata in execuie. 2. Programe care sunt lansate de ctre utilizator numai atunci cnd el dorete sa verifice calculatorul In urmtoarele condiii are loc de virusarea: -Scanarea = citirea fiierelor si a memoriei si identificarea viruilor cunoscui de programul antivirus respectiv -Devirusare = extragerea virusului sau tergerea fiierului infectat -Monitorizare = este operaia prin care un antivirus existent in memorie verifica si semnaleaz sistematic eventuala apariie a unui virus

114

Primele programe antivirus puteau repera usor acesti invadatori. Creatorii de virusi au reactionat insa prin adoptarea unor strategii mai performante si au dezvoltat proceduri capabile sa infecteze un program,fara ca alterarea sa fie prea ostentativa. Odata introdus pe disc,a doua faza a vietii unui virus este autoprogramarea. Virusii incearca sa infecteze cat mai multe programe, inainte de a ataca propriu-zis. Pentru a opera cat mai eficient, virusii isi lasa semnatur in fiecare program infectat,pentru a nu-l contamina inca o data. Pe acest principiu lucreaza si antivirusii,adica pe reperarea unei intruziuni. Ei analizeaza unitatiile de disc pentru a cauta semnaturile cunoscute. Aceasta tehnica prezinta insa un defect major: virusul trebuie indentificat,deci tabela de senaturi trebuie permanent reactualizata. Mecanismul de contaminare clasic consta in ramanerea rezidenta in memoria interna a secventei purtatoare a virusului, ascunsa intr-un program care se executa. Programul modificat prin actiunea virusului,cu secventa de virus incorporata,este salvat pe discul care a fost lansat, constituind la randul sau un nou purtator de virus. Virusarea este relativ rapida, avand ca efect infectarea tuturor programelor lansate in executie,atata timp cat virusul este rezident in memoria interna. O tehnica mai evoluata de contaminare consta in introducerea secventei de program ce contine virusul,in urma procesului de instalare a unui produs; in momentul instalarii produsului,acestuia i se a adauga instructiuni intr-o secventa ce defineste un cod de virus. Cele mai vulnerabile fisiere sunt fisierele executabile de tip exe si com, deoarece acestea contin programele in forma executabila, care se incarca in memoria interna pentru executie,unde se localizeaza initial virusul; de asemenea, pentru a patrunde in zonele protejate ale sistemului, virusul are nevoie de drepturi de acces pe care nu la are, in timp ce programul pe care s-a implantat ii mai gireaza aceste drepturi,fara ca utilizatorul sa aiba cunostiita de acest lucru. Antivirusul este o aplicatie care se instaleaza pe calculator de regula dupa instalarea Windowsului deci inaintea altor programe care ar pute fi virusate. Un program antivirus poate fi instalat astfel incat sa monitorizeze permanent programele lansate in executie (cele incarcate in RAM) sau poate fi folosit pentru scanare in momentul dorit. Aceste aplicatii contin o lista cu virusii creati si lansati in lumea calculatoarelor, lista care este actualizata mereu cu denumiri denumiri de noi virusi precum si cu modalitatea de indepartare a virusilor depistati. Datele pot fi oricand virusate(compromise, distruse, copiate si transferate prin internet etc.) si prin folosirea unui antivirus sau a mai multora nu se ajunge la o protectie de 100%), dar exista masuri de baza care trebuie luate. Programele de protectie programe antivirus- au rolul de a realiza simultan urmatoarele activitati: - prevenirea contaminarii; - detectarea virusului; - eliminarea virusului, cu refacerea contextului initial; In general, exista doua categorii de programe antivirus: - programe care verifica fisierele pentru a descoperi texte neadecvate sau sematuri de virusi recunoscuti; - programe rezidente in memoria interna, care intercepteaza instructiunile speciale sau cele care par dubioase. In categoria programelor de vierificare se include cele de tip SCANxxx,unde prin xxx s-a specificat numarul asociat unei versiuni, de exemplu: SCAN86, SCAN102, SCAN108, SCAN200. Aceste programe verifica intai memoria interna si apoi unitatea de disc specifica, afisand pe monitor eventuali virusi depistati si recunoscuti in versiunea respectiva. Dupa aceasta verificare, utilizatorul va incerca aliminarea virusului depistat,prin intermediul programelor CLEARxxx, prin specificarea numelui virusului; de remarcat ca, folosind acest program, nu exista certitudinea curatirii virusilor,datorita fie a nerecunoasterii acestora, fie a localizarii acestora in locuri care nu pot fi intotdeauna reperate.

115

Exist o mulime de programe, cele mai cunoscute sunt:Nod32, Fsecure, Norton Antivirus, Fprot, Kaspersky, Avira Antivirus, etc Cteva exemple, fiind probabil cele mai cunoscute nume de pe piata. Avast! Programul antivirus a fost produs de cantre Alwil Software a.s din Cehia. Compania si-a inceput lucrul din anul 1988, dar succesul maxim l-a cunosct abia in in august 2008, cand programul a primit un rating foarte bun. Programul este compatibil pe calculatoarele care ruleaza sistemul de operare Windows Mobile si Linux. BitDefender Un antivirus care a fost lansat in luna noiembrie a anului 2001. Programul este produs de catre romanii de la Softwin. BitDefender si-a administrat cateva premii si a ajuns la notorietate prin anul 2007. Pachetele actuale de antivirus contin solutii sftware anti-spyware, firewall, filtru de spam pentru e-mail, backup, tune-up si componente de control parental pentru website-urile utilizate de copii. Kaspersky Realizat si introdus pe piata de rusi, originalul Kaspersky, cunoscut sub numele de AntiViral Toolkit Pro, era destinat computerelor personale care rulau sistemul de operare Windows. In prezent Kaspersky poate dezifecta si sistemele care au instalat Linux-ul. Antivirusul reuseste sa detecteze virusi, troiani, worms, spyware, adware, keyloggers si rootkit-uri.

Bibliografie Dumitru Oprea, Protectia si securitatea informatiilor, Editura Polirom, 2003 Patriciu, Victor Valeriu, Securitatea comertului electronic, Editura: ALL, 2001 Hontanon, Ramon J., Securitatea n Linux./ Ramon J. Hontanon; trad. de Daniel Cihodaru./ Bucureti, Teora, 2002 www.asro.ro

116

Capitolul XII. UTILIZAREA ECHIPAMENTELOR PERIFERICE-SPECIFICE Avram Clin Rolul echipamentelor periferice este acela de a asigura comunicarea ntre unitatea central de prelucrare i mediul exterior prin intermediul unei uniti de interfa. Principalele funcii ale echipamentelor periferice de intrare/ieire, n cadrul unui sistem de calcul pot fi grupate astfel: asigur afiarea/tiprirea rezultatelor prelucrrii ntr-o form accesibil utilizatorului; permite utilizatorului posibilitatea de a supraveghea i interveni, pentru asigurarea funcionrii corecte a sistemului, n timpul unei sesiuni de lucru; 1. Echipamentele periferice de intrare Sunt echipamente al cror rol este de a capta i colecta informaii cu scopul de a le supune prelucrrilor necesare de ctre sistemul electronic de calcul. Cele mai uzuale echipamente periferice de intrare sunt: tastatura calculatorului (keyboard), microfon captator de sunete i dispozitivele pentru citirea informaiilor (cititoare, scannere .a.m.d.) 1. Tastatura sau keyboard-ul este utilizat pentru introducerea informaiilor de orice natur (date, programe, comenzi, texte).i face parte din configuraia minim a oricrui calculator. Tastaturile au evoluat odat cu generaiile de calculatoare. Ele au prezentat o diversitate foarte mare ns cu timpul au nregistrat o standardizare din punct de vedere al funciilor, numrului de taste. Tastatura are urmtoarele grupuri de taste: a. Tastele alfa-numerice sunt dispuse n zona central a tastaturii i servesc pentru introducerea textelor alfa-numerice, a caracterelor speciale i a comenzilor (caracterele alfabetice ce pot fi introduse n format majuscul sau minuscul), dispuse innd cont de sistemul optim de dactilografie. b. Tastele numerice cu ajutorul crora se introduc date numerice. Acestea sunt dispuse n dou zone: un grup de taste numerotate de la 0 la 9 dispuse pe un singur rnd, deasupra tastelor alfabetice i un alt grup simbolizate tot cu cifre, dar avnd o dispunere matriceal, plasate n partea dreapt a tastaturii (acestea sunt utilizate pentru introducerea rapid a datelor, ndeosebi de ctre operatorii de rutin). Unele taste numerice au funcii duble i sunt simbolizate corespunztor. c. Tastele funcionale simbolizate cu (F1, F2.F12), servesc pentru activarea unor funcii, a unor grupe de comenzi etc. De reinut c aceste taste ndeplinesc funcii specifice programului sau sistemului de programe ce se execut la un moment dat, iar unele ndeplinesc funciile programate de utilizator. d. Taste pentru deplasarea cursorului i a textului pe ecran care grupeaz: tastele cu sgei (,,,). tasta tabulator (TAB). Page Down / Page Up determin deplasarea cursorului pe text cu o pagin/ecran nainte, respectiv napoi; HOME - mut cursorul n colul din stnga sus, dac se afl pe prima coloan indiferent de linie, sau mut cursorul la nceputul liniei curente; END - poziioneaz cursorul la sfritul liniei curente, sau n colul din stnga jos, dac se afl pe ultima coloan a unei linii. e. Taste pentru schimbarea funciei altor taste sau pentru generarea unor comenzi, din care fac

117

parte: CAPS-LOCK - este o tast alternativ care face trecerea de la scrierea alfanumeric cu majuscule la scrierea cu minuscule (litere mici) i invers; SHIFT - are funcie similar tastei CAPS-LOCK, ns are efect numai ct este activat (prin apsare); este util i pentru scrierea caracterelor aflate n partea de sus a unei taste (SHIFT + tasta ce conine caracterul) ALT - este acionat mpreun cu alte taste determinnd generarea unei comenzi sau chiar a unor instruciuni de program; CTRL - se utilizeaz n combinaie cu alte taste pentru generarea i transmiterea unor comenzi de control i dirijare; f. Taste pentru control i corecie. Din aceast categorie fac parte tastele care servesc pentru corecii ntr-un text afiat sau pentru controlul unor funcii ale sistemului cum sunt: PAUSE BREAK - suspend temporar afiarea liniilor pe ecran sau, n asociere cu tasta CTRL poate s suspende execuia unui program. Reluarea afirii sau execuiei se face acionnd o tast oarecare. PRINT SCREEN - memoreaz n Clipboard coninutul ecranului; ENTER - marcheaz terminarea unei linii introdus de la tastatur (o comand, o instruciune sau o linie de date), i transmiterea acesteia ctre calculator concomitent cu avansul la rndul (linia) urmtor(oare). ESC - suspend execuia programului sau a comenzii curente i determin revenirea la pasul (ecranul) imediat anterior; INSERT - este o tast alternativ care determin trecerea la modul de lucru "Insert" (orice caracter tastat se insereaz din poziia cursorului prin suprascriere pe eventuale caractere existente la acea poziie) sau la modul de lucru "Edit" (caracterul tastat este introdus la poziia curent a cursorului, deplasnd eventuale caractere ce i urmeaz la dreapta); Del - terge caracterul din dreapta cursorului; BackSpace - terge caracterul de la stnga cursorului. Recent au aprut i tastaturi cu butoane pentru controlul perifericelor multimedia. Tastaturile au un cod intern propriu care poate fi schimbat prin comenzi de configurare, n funcie de particularitile fondului lingvistic utilizat ntr-o ar n care se utilizeaz tastatura respectiv. Cele mai rspndite tastaturi n lume sunt cele de tip anglo-saxon, numite i tastaturi de standard american. Ele sunt utilizate i n ara noastr. Toate tastaturile au aceeai funcie: detectarea tastelor care sunt apsate i trimiterea informaiilor corespunztoare ctre calculator. Tehnologia folosit pentru acest proces - modul electric de funcionare a tastaturii - poate s afecteze robusteea i longevitatea tastaturii. 2. MOUSE-ul a fost conceput pentru controlul cursorului pe ecran i, cu timpul, a trecut din categoria perifericelor opionale, n categoria celor obligatorii pe msur ce au fost create interfee grafice care-l ajut pe utilizator s se orienteze pe ecran cu ajutorul acestuia . Mouse-ul se deplaseaz pe masa de lucru, utilizatorul urmrind pe ecran cursorul ce se va deplasa n acelai sens cu micarea minii. Se pot astfel selecta anumite comenzi, opiuni, fiiere etc. afiate pe ecran, care pot fi activate printr-un clic sau dou clicuri, transmise prin acionarea butoanelor mouse-ului. Utilizarea mouse-ului simplific modul de operare prin tastatur, acesta nlocuind funciile mai multor taste cum sunt: tastele de deplasare a cursorului, tasta ENTER, tastele Page Down i Page Up, precum i orice tast funcional (F1-F12) sau alte taste sau opiuni afiate pe ecran. 3. Scanner-ul poate converti orice imagine de pe hrtie - sau de pe

118

o alt suprafa plan - ntr-o form electronic acceptat de calculator. Punct cu punct, scannerul poate reproduce fotografii, desene formate din linii i chiar colaje cu detalii mai fine dect pot fi reproduse de imprimanta cu laser. Mai mult, dac este instalat pe calculator un program de recunoatere optic a caracterelor (OCR), textele citite de scanner ca imagini pot fi convertite n fiiere pentru un procesor texte, o baz de date sau un sistem de editare a publicaiilor. Ideea care st la baza scannerelor este elementar. Acesta detecteaz diferenele de strlucire a unei imagini sau a unui obiect, folosind o matrice de senzori. n majoritatea cazurilor, scannerul folosete o matrice liniar de asemenea senzori, de obicei dispozitive de cuplaj de sarcin (ChargeCoupled Devices sau CCD, dispozitive care transform un semnal luminos n semnal electric), de ordinul sutelor pe fiecare inch, ntinse pe o band ngust pe toat limea celei mai mari imagini care poate fi scanat. Acest rnd de senzori nregistreaz la un moment dat o singur linie ngust a imaginii. Circuitele din interiorul scannerului citesc unul cte unul fiecare senzor i creeaz un ir de date seriale care reprezint strlucirea fiecrui punct de pe linia de scanare. Dup ce scannerul a colectat i a aranjat datele pentru fiecare punct al liniei, senzorii trec la urmtoarea linie care trebuie citit. Aproape toate scannerele impun deplasarea mecanic a senzorilor peste imagine, dei cteva scannere cu rezoluie mai mic folosesc tehnologii video. Pentru citirea imaginii ntr-un scanner mecanic, sunt folosite dou strategii. Prima dintre acestea cere ca senzorii s se deplaseze peste imaginea original; a doua deplaseaz imaginea original prin faa unor senzori imobili. n cazul unui scanner video, nu se mic nimic, cu excepia unui fascicol de electroni. Scannerele cu tambur sau (drum scanners) exemplific ultima dintre tehnologiile amintite. Aceste scannere funcioneaz invers fa de o imprimant. Scannerele difer prin rezoluia cu care citesc imaginile. Toate scanerele au o limit maxim mecanic a rezoluiei. Aceasta este dat de pasul cel mai mic cu care pot fi deplasai senzorii. Un scanner cu posibiliti minime ncepe de la 300 de pixeli pe inch i avanseaz n trepte uniforme, cum ar fi 600, 1200, 2400, 4800 de pixeli pe inch. Scannerele speciale pentru diapozitive ajung la rezoluii de ordinul a 10000 de pixeli pe inch. Deoarece reprezint limita maxim pe care o pot atinge componentele hardware ale scannerului, aceast valoare este numit deseori rezoluie hardware a scannerului. Recunoaterea optic a caracterelor. Textul citit de un scanner va fi stocat sub forma unor imagini de bii, fr utilitate pentru procesoarele de texte, care folosesc codul ASCII. Se poate transforma textul din forma grafic n coduri ASCII prin dou metode: prin dactilografierea fiecrui caracter sau prin recunoaterea optic a caracterelor (Optical Character Recognition -OCR). Primele programe OCR foloseau o tehnic numit coresponden matricial (matrix matching). Calculatorul compar mici poriuni din imaginea de bii cu modele stocate ntr-o bibliotec, n cutarea caracterului care semna cel mai mult cu modelul de bii scanat. De exemplu, litera "A" era recunoscut ca un turn cu nlimea de 40 de bii i cu o bar transversal de 20 de bii. Majoritatea sistemelor OCR actuale se bazeaz pe corespondena caracteristicilor (feature matching). Aceste sisteme nu se limiteaz la comparare, ci analizeaz fiecare model de bii scanat. Sistemele OCR, bazate pe corespondena caracteristicilor, nu trebuie s tie dinainte dimensiunea sau fontul caracterelor scanate. Programele OCR bazate pe corespondena caracteristicilor pot prelucra rapid un text scanat, cu puine erori de recunoatere. 4. Tableta grafic are un mod de utilizare similar cu mouse-ul, ns este mult mai precis. Se compune dintr-o suprafa plat denumit planet i un digitizor, conectat la calculatorul personal. Digitizorul (pointing device) este asemntor mouse-ului i este numit "puck". El este un dispozitiv indicator cu funcii similare mouse-ului. Principiul de baz privind funcionarea tabletei grafice const n dispunerea n interiorul planetei a unei reele de fire fine,

119

perpendiculare care sunt parcurse secvenial de pulsuri de curent electric foarte rapide. Un electromagnet i un amplificator amplasate n puck sau stilou vor sesiza aceste pulsuri comunicnd calculatorului poziia curent. 2. Echipamente periferice de ieire Rolul acestei categorii de echipamente periferice este acela de a genera informaiile prelucrate de ctre sistemul de calcul, sub o form inteligibil utilizatorului uman. De asemenea, ele asigur afiarea sau tiprirea informaiilor. ntr-o form solicitat. Cele mai utilizate echipamente periferice sunt monitoarele i imprimantele. 1. Display-ul (monitorul). Numit i ecran, video-terminal, display video etc, acest periferic reprezint una dintre componentele de baz ale configuraiei oricrui calculator personal. Destinaia sa este aceea de reprezentare a diferitelor elemente informaionale n format alfanumeric sau grafic prin puncte aprinse pe ecran denumite pixeli. Un pixel are o serie de atribute, cum ar fi: aprins/stins, culoare, clipire (blinking), strlucire etc. Display-ul are urmtoarele caracteristici importante: - calitatea grafic a afirii; - dimensiunea ecranului, i dimensiunile imaginii afiate; - numrul de culori posibil de afiat pe monitor; Constructiv ecranele pot fi: CRT - Cathode Ray Tube sau LCD - Liquid Crystal Display. Caracteristicile monitorului sunt dependente constructiv de tipul de controller (adaptor sau plac video) care este asociat acestuia. Controllerele au evoluat de la cele monocrome cu mici faciliti grafice, cum a fost controllerul Hercules, la cele color de tip CGA, PCI, AGP (CGA - Color Grahics Adapters, EGA Enhanced Graphics Adapters, VGA - Video Graphic Adapter, XGA, XGA/HAD, ESA, SVGA, SVGA-LR-super Video Grafic Adaptor - Low Radiation) etc. Exist dou moduri distincte de afiare a informaiilor pe ecran: modul text sau alfanumeric i modul grafic. n modul text afiarea ine seama de mprirea ecranului n zone convenionale numite zone-caracter, pentru majoritatea configurrilor, ecranul fiind alctuit din 25 de linii i 80 de coloane (caractere de linie). n fiecare zon se afieaz un singur caracter din 256 posibile. n modul grafic, pe monitor se pot afia grafice, curbe sau diferite desene realizate prin folosirea instruciunilor grafice disponibile ntr-o serie de limbaje de programare. Spre deosebire de afiarea "text" care se realizeaz la nivel de caracter, afiarea grafic utilizeaz zona caracter ca o matrice de 8x8 puncte luminoase numite "pixeli". Un ecran de 25 de linii i 80 de coloane este acum o matrice de 200x640 pixeli. Calitatea grafic este asigurat de doi factori: Definiia monitorului este dat de dimensiunea punctelor ce formeaz imaginea. Cu ct dimensiunea unui punct este mai mic, cu att definiia este mai bun. n ceea ce privete definiia, n producia de monitoare, s-a ajuns la o valoare standard de 0,24 mm pentru diametrul unui pixel. Rezoluia reprezint numrul maxim de puncte ce pot fi afiate pe suprafaa unui ecran. Cu ct numrul de pixeli este mai mare, cu att rezoluia este mai bun. Tabelul de mai jos sintetizeaz caracteristicile tehnice ale diverselor tipuri de monitoare. Caracteristicile monitoarelor
Monitor Afiare text Afiare grafic

120

EGA VGA SVGA SVGA-LR

25x80; 16 culori 43x80; 16 culori 25x80; 16 culori 50x80; 16 culori 25x80; 256 culori 25x80; 256 culori 45x80; 256 culori

Rezoluie (pixeli) 640x350 640x350 640x480 640x480 800x600 1024x768 1024x768 1280x1024 1600x1200

Culori 16 culori 16 culori 16 culori 256 culori palet de 16 bii palet de 32 bii (True color)

Un monitor cu caliti medii are 1024x768 pixeli i palet de culori pe 24 bii. Dimensiunea ecranului este reprezentat de mrimea diagonalei exprimat n inch. Dimensiunile variaz de la 12" la 14", 15", 17",19",..., 21", ns uzuale sunt cele de 17" i 19". Eforturile productorilor s-au ndreptat ctre trecerea de la imagini bidimensionale la imagini tridimensionale. Grafica bidimensional - 2D este deja clasic i dup cum am prezentat se bazeaz pe utilizarea imaginilor de tip bitmap alctuite din pixeli. Fiecare pixel de pe ecran i corespunde o zon de memorie direct adresabil pentru memorarea atribuiilor de imagine i de culoare. Grafica de tip bitmap mai este numit i grafic de tip rastru, pentru c n aceast tehnologie, ecranul este organizat ca un ansamblu de linii denumit rastru, care este baleiat continuu de mai multe zeci de ori pe secund. Grafica tridimensional - 3D. Dac ne referim la un adaptor grafic, 3D nseamn c arat ca i cum ar avea a treia dimensiune, iar imaginile grafice construite de o plac 3D sunt mult mai vii. Cea mai important caracteristic a plcii 3D, este funcia de realizare a micrii. n afar de simpla construire a imaginilor 3D, aceast funcie trebuie s fie i foarte rapid (cel puin 15 cadre pe secund), astfel nct prin derularea imaginilor utilizatorul s cread c exist animaie. Sistemele grafice de acest tip primesc acum toate resursele necesare de la acceleratoarele grafice, iar pentru scrierea programelor, nu este nevoie dect de un apel ctre una dintre funciile avansate implementate n interfeele de programare (cum ar fi DirectX, produs de Microsoft). Tipurile de plci video. Arhitectura PC-ului utilizeaz placa video pentru a asigura standardul de afiare pe ecran n sensul specificrii atributelor de culoare, rezoluia, definiia i alte caracteristici ale imaginii afiate. Pentru a asigura funcionarea corect a PC-urilor, plcile video trebuie s fie compatibile VGA. Astfel, toate PC-urile pornesc n modul VGA i rmn n acest mod pn cnd sistemul de operare ncarc alte drivere software, care comut sistemul de afiare ntr-un mod de lucru de nalt rezoluie. Orice PC are n interior una dintre cele patru tipuri fundamentale de plci video sau echivalente ale acestora: plcile VGA, adic plcile video de baz, care accept doar standardul VGA i nimic altceva; plcile SuperVGA, care respect standardele pentru rezoluii nalte, ns folosesc buffere de cadre de dimensiuni mici i nu include acceleratoare grafice; plcile acceleratoare grafice, care opereaz cu comenzi de desenare 2D i permit obinerea unor rezoluii nalte; plcile acceleratoare 3D, care opereaz pe comenzi 3D. Modelul AGP - Accelerated Graphic Port este un standard de conexiune, cu o magistral nou, de mare vitez, ntre sistemul video din PC, microprocesorul acestuia i memorie. Rezultatul este o magistral de extensie specializat. Modelul AGP a fost creat n laboratoarele firmei Intel i a fost lansat oficial pe pia ca standard la 31 iulie 1996 (este vorba de versiunea 1.0). Datorit vitezei foarte mari pe care o permite - cam de patru ori viteza unei magistrale PCI obinuite - aceast conexiune folosete un tip de conector incompatibil cu cele cunoscute.

121

2. Imprimanta Imprimanta reprezint un element periferic opional, utilizat pentru obinerea informaiilor tiprite pe documente sau hrtie obinuit. Spre deosebire de alte echipamente periferice, imprimantele sunt fabricate ntr-o gam neobinuit de mare, n diverse tipuri i de ctre un mare numr de firme. Diferenierea se face n funcie de: mecanismul de tiprire i principiul de funcionare; calitatea grafic a tipririi; dimensiunea liniei tiprite; viteza de tiprire; memoria proprie. Mecanisme de tiprire Imprimantele i monitoarele au de soluionat o problem comun: obinerea ieirilor informaionale prin aranjarea seturilor de "puncte", astfel nct s formeze texte sau imagini grafice. Bineneles, imprimantele sunt extrem de diverse prin tehnologie, respectiv prin modul n care cerneala ajunge pe hrtie, ns principiul rmne acelai. Principiul de funcionare este matricial sau vectorial este: - lovirea hrtiei n dreptul unei benzi tuate cu un numr de ace (sau pini) ce alctuiesc o mic matrice de imprimare; - pulverizarea pe hrtie a unui jet fin de cerneal comandat electrostatic; - inscripionarea cu toner utiliznd principiul laser-ului, a unui tambur, i apoi a hrtiei; - pe cale termic. Din punctul de vedere al procedurii de imprimare i al mecanismului principiului de funcionare, imprimantele pot fi grupate n: imprimante matriciale; imprimante termice; imprimante cu jet de cerneal; imprimante laser; dispozitive plotter. Caracteristici n afara mecanismelor de funcionare, calitatea imprimrii i respectiv a imprimantei, depinde i de rezoluie, viteza de imprimare, memoria imprimantei, dimensiunea paginii i fiabilitatea. Rezoluia are aceeai accepiune ca la monitoare msurndu-se n puncte (dots) per inch dpi. Viteza de imprimare se exprim difereniat n funcie de modele n caractere pe secund - cps, linii pe minut - lpm sau pagini pe minut - ppm. Alte caracteristici ale imprimantelor se refer la: memoria de care dispune o imprimant, foarte important, n special n cazul celor cu tehnologie laser. Numrul i complexitatea desenelor ce urmeaz a fi tiprite i viteza de imprimare sunt direct proporionale cu memoria imprimantei. dimensiunea maxim a hrtiei se refer la limea hrtiei, lungimea nefiind luat n calcul dect atunci cnd este furnizat explicit prin software. Astfel, exist imprimante de tip A3 (limea hrtiei este de 42 cm), imprimante de tip A4 (la care limea hrtiei permise este de 21 cm) etc. fiabilitatea este o alt caracteristic a imprimantelor, reprezentnd posibilitatea de a funciona fr defecte o perioad de timp ct mai ndelungat. O evaluare rapid a fiabilitii se poate face, lund n considerare firma productoare i termenul de garanie. Tipuri de imprimante

122

Imprimanta matriceal (dot matrix) reprezint un model rspndit, n special datorit preului redus al dispozitivului i a consumabilelor sale (benzile tuate). Astfel, exist modele cu 9, 18 sau 24 de ace, montate pe un "cap de imprimare". Capul de imprimare creeaz cmpuri electromagnetice n jurul fiecrui ac. Atunci cnd comanda de imprimare este recepionat, cmpul electromagnetic este modificat iar acele de imprimare sunt mpinse ctre banda tuat, (numit ribbon) iar aceasta va imprima pe hrtie un mic punct de culoarea cu care este impregnat banda tuat. Orice metod de imprimare care solicit impactul fizic dintre o component a imprimantei i o band tuat, pentru a transfera cerneala pe hrtie, este cunoscut sub numele de "imprimare prin impact" (Impact Printing). Costul unei imprimante matriciale este determinat de numrul de ace, de facilitile imprimantei i mrimea hrtiei ce o poate antrena n dispozitivul de imprimare. Cele mai multe imprimante matriceale imprim caracterele la diferite mrimi i densiti. Densitatea, numit i rezoluie, implic utilizarea unui numr mai mare de puncte, pe o suprafa dat, n desenarea aceluiai caracter, fapt ce influeneaz direct viteza de imprimare. Cu ct densitatea va crete, cu att viteza de imprimare va scdea. Alturi de mrimea (size) a unui caracter, imprimanta matricial poate lua n considerare i alte atribute ale literei cum sunt: aldine (bold sau ngroate), italic (scriere nclinat), strikeout (suprascriere cu linie simpl sau dubl) etc. Posibilitatea unor imprimante matriciale, de a tipri n culori, este condiionat de utilizarea benzilor tuate multicolor. Culorile de baz folosite sunt magenta, cyan, galben i negru. Imaginea imprimat se poate face fie n modul text (conform unui set de caractere pe care imprimanta l are definit), sau grafic (punct cu punct). Evident, o imagine tiprit n modul grafic are o calitate mai bun i depinde de numrul de pini ai capului de scriere. Viteza de tiprire se exprim n caractere pe secund (exemplu: 150-400 cps). Exist i imprimante matriciale rapide care asigur o vitez de imprimare de peste 800 cps. Imprimanta cu jet de cerneal (Ink-Jet Printer) a constituit urmtorul pas n tehnologia tipririi. Aceast imprimant utilizeaz un "cap de scriere" care direcioneaz cerneala, spre hrtie, sub forma unor mici jeturi, desennd caractere sau imagini grafice. Nu se folosete banda tuat pentru scris. Exist dou tehnologii: "bubble-jet" i imprimarea piezo-electric. a) Tehnologia "bubble-jet" provine de la numele primului model de imprimant la care a fost utilizat aceast tehnologie de imprimare: Cannon BubbleJet. Impulsurile electrice determin crearea unei bule ntr-unui din capilarele capului de imprimare. Aceasta are ca efect, pe de o parte, expulzarea unei cantiti de cerneal spre hrtie i, pe de alt parte, completarea cu cerneal din rezerva capilarului. La un nou impuls electric procesul se reia finalizndu-se scrierea pe hrtie. b) Tehnologia imprimrii piezo-electrice utilizeaz un convertizor de transformare a variaiilor electrice n variaii de presiune (cristal piezoelectric). Imprimantele cu jet de cerneal au devenit foarte populare, datorit facilitii lor de a imprima imagini color de o calitate bun. De asemenea, neavnd dispozitive mecanice de transfer a cernelii pe hrtie sunt silenioase. Pot imprima imagini cu rezoluii de 600 dpi sau mai mult, alb/negru sau color, pe formate diverse de pagin, obinuit A4, portret - vertical, sau landscape orizontal, utiliznd font-uri scalabile sau bitmap. Imprimarea este controlat prin aplicaii MS-DOS, Windows etc. Imprimantele termice, sunt n general dedicate unor tipuri de aplicaii software.

123

Ele sunt integrate n structura calculatorului i se bazeaz pe procedeul de fixare termic a caracterelor pe hrtie special. Ele sunt utilizate n unele aplicaii tehnice de proces. Capul de scriere al imprimantei este nclzit, astfel nct, s determine modificarea chimic a structurii unei hrtii speciale, realiznd texte i grafice. Este un tip de imprimant care nu solicit utilizarea cernelii pentru a imprima caractere sau alte imagini. Punctele produse de aceast imprimant pe hrtia tratat chimic nu sunt la fel de clare cum sunt cele create cu alte modele de imprimante, n special datorit limitrii controlului reaciei chimice. Un alt dezavantaj este acela al unui timp redus de pstrare a hrtiei chimice, sensibil la lumin, cldur sau ageni chimici. Procedeul este frecvent ntlnit la dispozitivul FAX. Imprimantele laser asigur o nalt calitate a tipririi, avnd la baz principiul xerox-ului. Ambele utilizeaz o surs de lumin i un mecanism sofisticat de oglinzi, pentru a transfera o imagine pe hrtie. Cu ajutorul razelor laser se obine o polarizare electrostatic a unui cilindru special, care, la rndul lui, atrage i se ncarc pe suprafa cu toner (praf special de tiprire, deosebit de fin) ce urmeaz a fi depus pe hrtie. n continuare, hrtia este supus unui tratament termic pentru fixare. Sunt dou modele de imprimante laser: cele care imprim caracterele ca pe imagini "bitmap" (de exemplu seria de imprimante Hewlett-Packard, LaserJet) i cele care imprim caracterele pe baza expresiilor matematice (vectori) ce descriu nfiarea caracterului (de exemplu Apple LaserWriter). Viteza imprimantelor laser se msoar prin numrul de pagini tiprite pe minut, "page per minute"- ppm. O imprimant laser asigur n medie o vitez de tiprire ntre 10 i 22 pagini pe minut, uneori mai mult (o imprimant matriceal atinge o vitez medie de 5 pagini/minut). Imprimante laser asigur, datorit rezoluiilor de 300, 600 dpi i mai mult o calitate superioar fa de imprimantele cu jet de cerneal. De asemenea, o fiabilitate sporit. Plotter-ul este un dispozitiv specific de desenare al crui principiu de funcionare este, n esena sa, vectorial. La acest dispozitiv se ataeaz un numr de capete de scriere de tip ROTRING care vor trasa prin deplasri relative fa de hrtie o imagine transmis de calculator. Principiul cinematic de lucru se bazeaz pe: deplasarea capului pe direciile (x) i (y) (masa de desenat); deplasarea capului numai pe o coordonat (x), cealalt coordonat de deplasare (y) fiind realizat de hrtie (plotter sau tambur). Bibliografie Toma Geber (coordonator), Echipamente periferice vol 1, Editura Tehnic, Bucureti 1986 Toma Geber (coordonator), Echipamente periferice vol 2, Editura Tehnic, Bucureti 1986 Toma Geber (coordonator), Echipamente periferice vol 3, Editura Tehnic, Bucureti 1986 Baruch Zoltan Francisc, Sisteme de intrare/iesire ale calculatoarelor, Editura Albastra, 2002 R. MRANU .a. Calculatoare personale. Elemente arhitecturale, Editura All BIC, Bucureti, 2001

124

Capitolul XIII. ANALIZA SCOPULUI PAGINI WEB Avram Clin Odat parcurs etapa de planificare, avnd clare audiena, scopul, obiectivele i specificaiile site-ului, putei trece la etapa de creare efectiv. Pentru ca site-ul dumneavoastr s aib un aspect plcut, o bun organizare, instrumente de navigare eficiente trebuie s cunoatei i s aplicai regulile fundamentale de Web design. Cnd suntei n faza de concepere a designului principalul dumneavoastr obiectiv este s creai un aspect atractiv i s oferii vizitatorului site-ului un sentiment de satisfacie, pe msur ce acesta parcurge paginile. Designul unui site trebuie s echilibreze performanele browserului, cu estetica i funcionalitatea site-ului. n etapa de design sunt luate deciziile de ordin practic care vor conduce la ndeplinirea obiectivelor stabilite: cte imagini sau elemente grafice vei include n pagin, ct de mult text vor conine paginile, ce texte sau imagini vor fi folosite drept legturi. 1. Principiile designului web Pentru a lua deciziile corecte n ceea ce privete designul unui site trebuie s avei n vedere cteva principii de baz: Asocierea semnificaiilor. Folosii-v de puterea hypertextului pentru a stabili legturi ntre informaiile nrudite ca semnificaie. Meninerea competitivitii. Deoarece Web-ul este un mediu foarte competitiv, asiguraiv c designul site-ului se menine la cel mai sczut cost posibil, din punctul de vedere al vizitatorului. Acest cost include timpul de ncrcare al paginilor, aplicaiile suplimentare necesare pentru vizualizarea optim a paginilor precum i efortul depus de vizitator pentru a nelege informaiile prezentate. Folosirea eficient a resurselor. Alegei pentru site-ul dumneavoastr acele elemente care vin n ntmpinarea necesitilor utilizatorului, i sunt ct mai eficiente posibil din punctul de vedere al dimensiunii fiierelor, al timpului de acces i al ntreinerii ulterioare. Concentrarea pe necesitile utilizatorului. Acesta este, poate, cel mai important principiu de Web design i, paradoxal, cel mai adesea ignorat. Un site Web nu se construiete pentru a satisface gustul designerului (sau al clientului pentru care lucreaz) i nici pentru a etala cunotinele sale vaste asupra celor mai noi tehnici de programare Web, ci pentru a veni n ntmpinarea nevoii de informaii a vizitatorilor si. Focalizarea asupra utilizatorului este prioritatea principal a unui site de calitate. nelegerea permeabilitii. Acest principiu se refer la nelegerea i asumarea faptului c vizitatorul poate accesa un site prin oricare pagin a sa. Din acest motiv este de dorit ca informaiile din cadrul unei pagini s se auto-susin fr a depinde de informaiile din restul site-ului. Dac acest lucru nu este posibil, este obligatorie prezena unor instrumente de navigaie eficiente care s permit vizitatorului orientarea cu uurin n interiorul site-ului. Crearea unui aspect plcut, coerent i fluent. Paginile site-ului trebuie s ofere impresia unui tot bine organizat, elementele vizuale (icon-uri, elemente de navigare) trebuie s fie coerente pe tot parcursul site-ului, fiecare pagin trebuie s conin indicii asupra identitii site-ului i asupra scopului ei. Susinerea interactivitii. Chiar dac nu folosii formulare care asigur un grad nalt de interactivitate cu vizitatorii site-ului, este obligatorie prezena unor informaii de contact (adresa de mail a Webmaster-ului, cel puin) astfel nct utilizatorii s poat obine informaii suplimentare sau s poat comunica eventualele probleme aprute la parcurgerea site-ului.

125

Susinerea navigaiei. Asigurarea unor instrumente de navigaie eficiente este una dintre condiiile eseniale ale unui site de calitate. Se spune c un site bun este acela n care vizitatorul nu este niciodat obligat s apese butonul Back al browserului. 2. Organizarea unui site Buna organizare a site-ului este unul dintre elementele cheie ale succesului su. Modul de organizare depinde de scopul, obiectivele i subiectul site-ului i se bazeaz pe principiile de design enunate mai sus. n funcie de structura lor, site-urile se mpart n mai multe categorii: site-uri liniare, formate dintr-o singur pagin (mono-pagin) site-uri liniare formate din mai multe pagini (multi-pagin) site-uri cu structur ierarhic site-uri cu structur de tip Web Legturile dintre pagini trebuie s fie corespunztoare tipului de site pe care l construii. Site-urile liniare mono-pagin Acest tip de site este, aa cum indic i numele, format dintr-o singur pagin. Aceast structur se folosete atunci cnd informaiile prezentate sunt sub form de text care se poate mpri firesc n seciuni mai mici. Vizitatorii pot parcurge ntreaga pagin derulnd-o dar, de obicei, la nceputul paginii exist o list de legturi care are rol de Cuprins. Acestea sunt nite legturi interne (ancore) care conduc rapid vizitatorul la seciunea care l intereseaz, fr a mai derula ntreaga pagin. mprirea coninutului paginii n seciuni mai mici se poate face folosind linii orizontale. Este indicat ca la fiecare nou seciune s inserai o legtur intern ctre partea superioar a paginii unde se afl Cuprinsul. Site-urile liniare multi-pagin Structura de acest tip se folosete n situaia cnd informaiile prezentate se succed ntr-o ordine secvenial, de la nceput la sfrit, informaiile prezentate ntr-o pagin bazndu-se pe cele din pagina anterioar. Pentru a-l ndruma pe vizitator s parcurg site-ul n ordine, fiecare pagin trebuie s conin o legtur cu pagina urmtoare, precum i cu cea anterioar. De asemenea, este necesar s inserai i o legtur cu prima pagin a site-ului care trebuie s conin Cuprinsul, pentru a facilita i saltul direct la o anumit pagin. ntr-un site cu o astfel de structur paginile nu trebuie s fie prea lungi (de dorit ar fi s nu depeasc un ecran) pentru a face navigarea mai comod. Cu toate c acest tip de organizare este logic, nu trebuie s uitai principiul permeabilitii. Pentru un vizitator care va intra n site printr-o pagin oarecare, indicaii de navigare cum ar fi "nainte" , "napoi" ar putea s nu aib prea mult neles. Site-urile cu structur ierarhic Site-urile de acest tip sunt cele mai numeroase pe Web. Un astfel de site este format dintr-o pagin de baz (Home) de nivel zero, care conine legturi ctre alte pagini, fiecare pagin coninnd cte o parte a subiectului site-ului. Fiecare dintre aceste pagini de nivel unu poate avea, la rndul su, legturi cu alte pagini, detaliind subiectul i furniznd informaii specifice. Un exemplu de site de acest tip este o librrie virtual. Pagina Home ar putea conine legturi ctre diverse categorii: Beletristic, Istorie, Politic, Economie, Calculatoare i Internet. Dac un vizitator este interesat de un manual de programare n Perl, el va alege legtura ctre Calculatoare i Internet i va ajunge ntr-o pagin de nivelul unu unde va gsi legturi ctre Programare, Internet, Hardware. Va alege legtura Programare care va deschide o pagin de nivelul doi care va conine o list de titluri, printre care i manualul cutat.

126

Atunci cnd concepei structura unui astfel de site, trebuie s acordai o mare atenie organizrii logice i fluente a site-ului. Fiecare pagin trebuie s conin o legtur ctre pagina Home astfel nct vizitatorul s poat reveni la nceput fr s fie obligat s strbat toate nivelele. Nu legai prima pagin de prea multe pagini de nivelul unu ci ramificai-le n adncime. Dac siteul este de mari dimensiuni, introducei n partea superioar a fiecrei pagini o bar de navigare care informeaz vizitatorul despre locul unde se afl. Revenind la exemplul cu librria, un astfel de instrument de navigare ar putea arta aa: Home > Calculatoare > Programare. n plus, este indicat s oferii o bar de navigare secundar la baza paginii. Site-urile de tip reea. Aceste site-uri au o structur liber. Ele sunt formate din mai multe pagini, fiecare putnd avea legtur cu oricare alt pagin. Exist i aici o pagin Home, ns de la ea, vizitatorul poate naviga prin site fr a urma un drum precis. n general, acest tip de site este potrivit pentru subiectele care nu au o structur logic intern, subiecte recreaionale sau distractive. Dac dorii s creai un site de acest tip, trebuie s avei grij s oferii n fiecare pagin, pe lng legturile cu alte pagini, o legtur ctre pagina Home. n plus, asigurai-v c materialul dumneavoastr este adecvat acestui tip de site deoarece altfel site-ul va purta amprenta neconcordanei ntre subiectul abordat i modul su de organizare. 3. Metodologia de construire a site-ului Dei nu exist un mod unic de desfurare a procesului de construire a unui site, exist trei tipuri de abordri posibile, pe care creatorul site-ului le poate alege sau combina, n funcie de necesiti. Metoda "Top-Down" Dac designerul are nc de la nceput o idee clar asupra coninutului site-ului, aceast abordare este cea mai potrivit. n acest tip de metodologie, este creat mai nti pagina de nceput a site-ului (pagina Home) i apoi celelalte pagini. Paginile pot conine un minim de informaii, urmnd ca la dezvoltarea ulterioar a site-ului, ele s fie mbogite. Avantajul major al acestei abordri este acela c permite continuitatea vizual i de coninut, deoarece toate paginile vor fi construite n acord cu pagina de start. O metod foarte bun de a realiza acest lucru este crearea unor template-uri care s conin acelai tip de elemente pentru toate paginile i care vor fi folosite drept tipare la momentul scrierii codului HTML pentru paginile respective. Metoda "Bottom-Up" Aceast abordare se folosete cnd designerul nu cunoate de la nceput care vor fi structura i aspectul final al site-ului, dar cunoate aspectul i coninutul unor pagini din cadrul su. Aceast situaie poate aprea cnd dorii ca site-ul s conin pagini deja existente, care au fost create n procesul de dezvoltare al altui site, de exemplu. Chiar dac nu deinei pagini create deja de la care s pornii, aceast abordare permite crearea unor pagini individuale care ndeplinesc anumite obiective i care pot fi legate apoi de o pagin Home. Avantajul abordrii "Bottom-Up" este acela c, la construirea paginilor individuale, nu mai suntei constrns la respectarea unui anumit stil, consecvent cu cel din pagina Home. Totui, ajustarea ulterioar a paginilor n sensul realizrii unui aspect unitar, este necesar. Metoda incrementrii Aceast metod const n construirea unei pagini de start i a unor pagini individuale legate de acesta, avndu-se n vedere crearea unor pagini intermediare, pe msura necesitilor. Metoda se folosete atunci cnd este necesar construirea rapid a unui site care urmeaz a fi dezvoltat ulterior,

127

n loc de a-l construi n ntregime de la nceput. Este o metod nerecomandat nceptorilor, deoarece prin adugirile ulterioare exist riscul de a obine un site defectuos organizat i lipsit de unitate. 4. Tehnici de design web Pentru a realiza designul unui site sunt folosite o serie de tehnici cu ajutorul crora paginile capt contur, att din punct de vedere vizual ct i din punct de vedere al organizrii legturilor i al amplasrii coninutului n pagini. n continuare sunt prezentate cteva dintre aceste tehnici, fiecare dintre ele referindu-se la cte un aspect al designului site-ului. Schia site-ului Odat ce v-ai decis asupra modului n care va fi structurat site-ul este foarte bine ca nainte de a ncepe scrierea efectiv a codului HTML pentru fiecare pagin n parte, s realizai o schi a ntregului site. Putei folosi n acest scop Microsoft Word sau orice alt procesor de text. Pentru nceput creai un document nou n care listai punctele majore pe care dorii s le acoperii n pagina Home. Facei de asemenea o list a elementelor grafice pe care intenionai s le includei, nsoite de indicaii privind aezarea lor n pagin. Stabilii care sunt paginile de nivel unu i ce informaii dorii s oferii n cadrul lor, precum i paginile subordonate acestora care vor cuprinde detalierea subiectelor anunate n paginile de nivel unu. Pentru a avea o imagine ct mai exact a structurii site-ului nc din faza de schiare a sa este recomandat s folosii bara de instrumente Outlining din meniul Tools > Customize din Word. Aceasta v permite s stabilii nivelul paginilor i s realizai cu uurin ramificarea lor n adncime. O alt metod pentru a realiza schia site-ului o constituie graficul (sau harta) site-ului. Dac nu dorii s v complicai folosind un editor de text sau un program de grafic, putei realiza o astfel de schi i pe hrtie, cu creionul. Desenai cte un dreptunghi pentru fiecare pagin din site, specificnd n interiorul su scopul i obiectivele paginii, elementele i aranjarea lor n pagin. Apoi unii dreptunghiurile prin sgei pentru a specifica traseele pe care le poate parcurge utilizatorul. Sgeile reprezint de fapt legturile dintre pagini. Avei grij ca spre pagina Home s indice toate sgeile, pentru a asigura astfel o legtur cu ea din orice pagin a site-ului. n acest mod putei planifica pentru fiecare pagin ce urmeaz s vad, s neleag i s fac vizitatorul acesteia, precum i unde se poate deplasa din pagina respectiv. Oricare ar fi metoda folosit pentru a schia site-ul, la fiecare pagin trebuie s v punei urmtoarele ntrebri: Ce doresc s afle vizitatorul din aceast pagin? Ce doresc s fac vizitatorul n acest moment? Ce doresc s simt vizitatorul parcurgnd pagina? Unde doresc s mearg vizitatorul n continuare? Desigur, n ultim instan comportamentul i impresiile vizitatorului scap controlului designerului, ns un site n care fiecare pagin d rspunsuri clare i limpezi acestor ntrebri are foarte multe anse de a ntruni aprecierile pozitive ale vizitatorilor si. Pagina de intrare n site (pagina splash) Exist multe site-uri care nainte de pagina Home au o pagin de intrare n site, numit pagin splash. Scopul unei astfel de pagini este identificarea rapid a obiectului site-ului n timp ce se ncarc restul de date. Pagina splash are pentru site acelai rol pe care l are coperta unei cri sau prima pagin a unei reviste. Aceast prim pagin trebuie s se ncarce rapid, s aib un impact

128

vizual puternic i s comunice esenialul despre subiectul site-ului sau compania creia i aparine site-ul. Exist opinii divergente n legtur cu folosirea i utilitatea paginii splash ntr-un site. Mai ales dac face apel la elemente multimedia, sunet, grafic, animaie complex care ncetinesc timpul de ncrcare, pagina splash poate aduce mai degrab deservicii site-ului. n plus, pagina splash poate fi resimit de vizitator ca o barier n accesul imediat la informaiile din interiorul site-ului. Pagina Home Dei aspectul i coninutul paginii Home poate varia foarte multe de la un site la altul, exist cteva elemente comune prezente n orice pagin de start: Identificarea firmei sau companiei creia i aparine site-ul (dac este cazul) Descrierea scopului site-ului Descrierea structurii site-ului. Pagina Home are i funcia de Cuprins al site-ului oferind indicaii vizitatorilor asupra subiectelor abordate Stabilirea relaiilor ntre seciunile de nivel unu ale site-ului i cele subordonate lor. Aceasta se realizeaz prin intermediul barelor de navigare, butoanelor, hrilor de imagini sau listelor de legturi. Furnizarea informaiilor de contact. Paginile din interior Paginile de nivel unu reprezint diviziunile majore ale subiectului general al site-ului. Exist tentaia de a include prea multe informaii detaliate la acest nivel. Dac site-ul acoper un subiect vast, cu o cantitate mare de informaii specifice, este bine s lsai detalierea acestora pentru paginile de nivel doi. Paginile de nivel unu trebuie s conin o descriere succint a subiectului acoperit precum i legturi ctre paginile de nivel doi care detaliaz fiecare parte a subiectului. O tehnic des utilizat este plasarea resurselor suplimentare n pagini de nivelul trei. De exemplu o pagin de nivelul doi care ofer pe lng text i imagini explicative ale unui anumite noiuni poate fi legat de pagini de nivel trei care conin imaginile. Cnd vizitatorul face click pe un anumit text aflat n pagina de nivel doi se deschide pagina de nivel trei cu imaginea explicativ. Avantajul acestei abordri este descongestionarea paginilor de nivelul doi care cuprind detalierea subiectului. Schia dumneavoastr trebuie s cuprind, pe lng modul de organizare a paginilor, i o list ct mai complet a elementelor pe care dorii s le includei n fiecare pagin (imagini, formulare, fiiere multimedia, etc.). Fragmentarea informaiilor Omul poate procesa o cantitate limitat de informaii ntr-o anumit unitate de timp. Din acest motiv, una dintre sarcinile specifice n designul Web este fragmentarea informaiilor n secvene care s nu depeasc posibilitile de cuprindere ale utilizatorului. Cantitatea de informaii cuprins ntr-o pagin nu trebuie s-l copleeasc pe vizitatorul paginii sau s mreasc timpul ei de ncrcare. De asemenea, modul de fragmentare al informaiei trebuie s focalizeze atenia vizitatorului asupra principalelor subiecte abordate n pagin i s l ajute s ia cunotin n mod gradat de subiectul prezentat. Fragmentarea corect a informaiilor este n avantajul designerului, deoarece l ajut s creeze pagini reutilizabile. Dac fiecare pagin pe care o vei crea servete la ndeplinirea unui anumit scop, putei include aceast pagin fie direct, fie ca o resurs util i n alte site-uri pe care le creai ulterior i care au subiecte conexe cu pagina respectiv. n cadrul site-ului fragmentarea informaiilor conduce la stabilirea modului n care va fi detaliat subiectul, la determinarea numrului de pagini necesare pentru acesta precum i a nivelului paginilor. Dei divizarea subiectului n pri mai mici este o tehnic deosebit de util, nu abuzai totui de puterea hypertextului. O fragmentare excesiv a subiectului ntr-un mare numr de pagini este la fel de obositoare ca i prezentarea acestuia n bloc. Un design eficient anticipeaz nevoia

129

vizitatorului de a obine informaii suplimentare i furnizeaz la momentul oportun legturi ctre paginile care detaliaz acel punct. n cadrul unei pagini modul de fragmentare al informaiilor ine de logica intern a subiectului prezentat. Pentru a diferenia prile constitutive ale subiectului unei pagini o mare importan o are organizarea textului n cadrul paginii. Cei mai muli dintre cei care navigheaz pe Web obinuiesc s "scaneze" paginile n cutare de informaii. Ei citesc mai nti titlurile, listele, i primele fraze dintr-un paragraf. Este bine s inei seama de acest lucru cnd organizai textul n pagin. Coninutul paginii trebuie s fie ct mai uor de citit. Folosii paragrafe scurte, desprite prin linii libere, evitai frazele prea lungi i folosii n mod judicios titlurile. Accentuai prile pe care vrei s le scoatei n eviden n text prin ngroare sau scrierea lor cu alt culoare, dar nu n exces. Abuzul de culori sau de texte scrise cu caractere aldine fac pagina ncrcat i greoaie. Este indicat s v limitai la un numr redus de tipuri de font. Cele mai apreciate sunt Verdana i Arial, deoarece sunt lizibile i elegante. Este mai bine s evitai folosirea tipului Times New Roman, dei este un tip foarte folosit n editarea de texte. Spre deosebire de textele tiprite, pe monitor citirea se face cu 25% mai ncet deoarece monitorul adaug fonturilor un anumit grad de neclaritate (fuzziness), mai accentuat la fonturile cu serife, aa cum este Times New Roman. Nu aranjai textul n pagin pe dou coloane astfel nct vizitatorul s fie nevoit s revin n partea superioar a paginii pentru a citi ce-a de-a doua coloan. Acest format este potrivit pentru ziare i reviste dar nu i pentru o pagin Web deoarece rupe cursivitatea deplasrii n cadrul site-ului. Legarea paginilor Modul n care vei realiza legturile dintre pagini depinde de structura site-ului. Dac optai pentru o structur ierarhic, legturile din interiorul site-ului vor fi adaptate acestei structuri. Avantajul structurii ierarhice este c ofer utilizatorului posibilitatea unei navigri logice, plecnd de la informaiile generale ctre cele particulare. Dezavantajul acestei tehnici este c utilizatorul trebuie s urmeze o cale prestabilit pentru a ajunge la o anumit informaie, care se poate afla cteva link-uri distan de pagina Home. O alt manier de a realiza legturile din interiorul site-ului este de a lega fiecare pagin de toate celelalte. Vei obine astfel o structur ne-ierarhic care are avantajul c fiecare pagin se afl la distan de un link de oricare alta, inclusiv de pagina Home. Pentru site-urile de dimensiuni reduse o astfel de structur poate funciona bine, ns pentru site-urile cu un mare numr de pagini numrul de legturi crete rapid iar navigarea n interiorul site-ului devine foarte dificil. n plus, utilizatorul nu are la dispoziie o cale ierarhic prin care poate ajunge la o informaie specific. Instrumentele de navigare Pentru a realiza o navigare logic i eficient n cadrul site-ului instrumentele de navigare trebuie s fie perfect adaptate modului n care sunt create legturile dintre pagini i n plus, s ofere indicii vizuale asupra funciei lor. Pentru a crea un aspect vizual unitar al ntregului site i pentru a nu deruta vizitatorul, este recomandat ca instrumentele de navigare s fie aceleai n toate paginile. Stabilii de la nceput aspectul icon-urilor, butoanelor sau textului pe care le vei folosi drept legturi i pstrai-l pe parcursul ntregului site. Aceast tehnic ofer site-ului coeren i unitate i stabilete imediat identitatea fiecrei pagini n cadrul site-ului. n plus, folosirea repetat a acelorai elemente grafice de navigare mrete eficiena browserului deoarece acestea sunt ncrcate la deschiderea primei pagini i stocate n memoria cache, fr a mai fi necesar ncrcarea lor la fiecare nou pagin. Instrumentele de navigare trebuie s fie ct mai uor de neles i localizat. Dac folosii o bar de navigare plasai-o acolo unde vizitatorii sunt obinuii s o caute: n partea superioar a paginilor, n stnga sau n dreapta paginii. Folosii o bar secundar de navigare la baza paginii,

130

aceasta l va ajuta pe vizitator s se deplaseze ntr-o alt seciune a site-ului fr a mai fi nevoit s deruleze pagina n sus pn la bara principal de navigare. Dac site-ul este de dimensiuni mari este o idee bun s creai o pagin special care s reprezinte harta site-ului i s plasai legtura ctre ea n bara principal de navigare din cadrul fiecrei pagini. Aceasta va permite vizitatorului s se orienteze n interiorul site-ului, oricare ar fi pagina prin care a intrat n site. Harta va conine legturi ctre toate paginile, grupate conform modului de organizare al site-ului. De asemenea, dac folosii o structur ierarhic, este util prezena unui instrument suplimentar care s informeze vizitatorul asupra locului unde se afl n cadrul site-ului i a cii prin care a ajuns aici, n maniera urmtoare: Home > Pagina de nivel unu > Pagina de nivel doi > Pagina curent. Informaiile despre site i pagina curent Fiecare pagin a site-ului trebuie s conin indicaii privind scopul i obiectivele site-ului precum i obiectivele specifice acelei pagini. n faza de planificare ai colectat informaii privind publicul int, ai formulat scopul i obiectivele ntregului site. Acestea reprezint elementele fundamentale n jurul crora este construit site-ul. Fiecare pagin a sa are drept scop ndeplinirea unuia dintre obiective. Aceste informaii trebuie comunicate n pagina respectiv. Vizitatorul nu trebuie forat s ghiceasc ce rol are o anumit pagin n cadrul site-ului. Multe site-uri prezente pe Web conin o pagin special cu informaii de contact precum i o pagin care conine informaii despre site i creatorii si (pagina About). Totui este recomandat ca aceste informaii s fie incluse i n subsolul paginilor din interiorul site-ului. Este bine s includei aici informaii despre copyright, data ultimei reactualizri a paginii, despre organizaia sau compania creia i este dedicat site-ul (dac este cazul) i informaii de contact (adres de mail, numr de telefon, adres potal). Organizarea paginii cu ajutorul tabelelor Unul dintre aspectele pe care trebuie s le avei n vedere la construirea unei pagini este rezoluia ecranului. Muli dintre vizitatorii paginii folosesc rezoluia de 800x600 de pixeli. O pagin cu limea mai mare de 600 de pixeli poate face necesar derularea pe orizontal a paginii, care pentru muli vizitatori este obositoare i incomod. Din acest motiv, este recomandat ca tot coninutul paginii s fie inclus ntr-un tabel de baz cu limea de 600 de pixeli. Tabelul de baz Construirea paginii ncepe cu un tabel de baz, cu limea (width) de 600 de pixeli, o linie i o coloana. Aliniai tabelul la marginea din stnga sau centrat n pagin. Setai chenarul (border) la valoarea "0" pentru a-l face invizibil pentru vizitator. ntregul coninut al paginii va fi plasat n interiorul acestui tabel. Asigurai-v c ai setat culoarea de fond (bgcolor) pentru pagina dumneavoastr. Opiunea "default" las browserul s controleze culoarea fondului. De cele mai multe ori aceasta este alb, dar este mai bine s avei certitudinea c ea va aprea la fel n orice browser, aa nct setai bgcolor="white" sau orice alt culoare dorii. n funcie de felul cum dorii s v organizai site-ul i de scopul acestuia vei hotr unde dorii s plasai bara principal de navigare. Bara de navigare n stnga paginii Dac ai decis s optai pentru plasarea barei de navigare n partea stnga (cea mai uzual aezare), vei include n tabelul de baz un tabel cu 2 sau 3 coloane.

131

Dac folosii un tabel cu 2 coloane setai distana ntre celule (cellpadding) la valoarea "4" pentru a spaia textul de marginea tabelului. Putei specifica limea celulelor fie n pixeli fie n procente. Dac folosii un tabel cu 3 coloane, coloana din centru poate fi folosit ca "tampon" , care va separa coninutul coloanei din stnga de coninutul celei din dreapta. Setai atributul border al tabelului la "0" pentru ca marginea s nu fie vizibil. Odat stabilite aceste atribute, putei aduga n tabel attea linii cte sunt necesare sau putei include un alt tabel n cel existent. Bara de navigare n partea superioara Pentru a construi o bar de navigare n partea de sus a paginii, trebuie s includei n tabelul de baz un tabel cu o singura coloana. Setai atributele cellpadding = "4" i border = "0". n prima linie a tabelului vei introduce logo-ul sau titlul site-ului, n linia a doua vei afia bara de navigare, iar pe liniile urmtoare, coninutul paginii. Bara de navigare n partea dreapta Este o abordare mai puin utilizat. Cel mai adesea este folosit pentru paginile de tip catalog de produse, unde imaginile i descrierea produselor sunt plasate n coloana din stnga, care ocup cea mai mare parte a spaiului. Folosirea tabelelor pentru organizarea coninutului paginii este o practic foarte folosit. Tabelele vor pstra imaginile i textul acolo unde le-ai plasat. Putei include i alte tabele n interiorul celor pe care le-ai creat, n funcie de modul n care sunt organizate informaiile i de aspectul pe care dorii s l dai paginii. 5. Greeli de design n procesul de creare a unui site pot aprea o serie de greeli de design, cele mai multe datorate nerespectrii tehnicilor i principiilor prezentate anterior. Pagini fr legturi ("fundturi") Una dintre cele mai frustrante situaii n care se poate gsi o persoan care navigheaz pe Web este o pagin fr instrumente de navigare i fr nici un indiciu privind site-ul cruia i aparine. Desigur, site-ul din care face parte pagina poate fi localizat observnd prima parte a adresei URL a paginii, care apare n bara de adrese a browserului. Dar a fora vizitatorul s efectueze aceast manevr este cu totul nerecomandat. Cel mai probabil acesta nu se va osteni s caute pagina Home a unui asemenea site ci l va prsi definitiv. Evitai s creai asemenea pagini. Prezena unor "fundturi" ntr-un site denot faptul c designerul nu a neles caracterul permeabil al Web-ului i ideea c un vizitator poate intra n site prin oricare pagin a sa. Pericolul construirii unor astfel de pagini apare mai ales n cazul site-urilor liniare multi-pagin, n care designerul dorete s conduc vizitatorii de-a lungul site-ului pe un traseu liniar, prestabilit. Aceasta nu nseamn c acest tip de site-uri nu trebuie folosit, mai ales dac informaiile prezentate sunt adecvate acestui mod de prezentare. Trebuie ns acordat atenie instrumentelor de navigare care trebuie astfel concepute nct vizitatorul s poat ajunge cu uurin cel puin la pagina Home. n plus, informaiile despre site i pagina curent nu trebuie s lipseasc din subsolul fiecrei pagini. O variaie a acestor pagini de tip "fundtur" o constituie paginile Home care ofer informaii prea puine sau lipsite de semnificaie. Destul de des pot fi ntlnite pe Web pagini Home care nu ofer nici un fel de indicii asupra structurii sau coninutului site-ului, fr a mai vorbi de scopul i obiectivele sale. Instrumentele de navigaie sunt absente, preferndu-se folosirea unor imagini sau texte cu prea puin semnificaie pentru a realiza accesul n diferitele seciuni ale siteului. Poate c este o abordare avangardist, dar pentru marea majoritate a vizitatorilor este neplcut

132

s ajung ntr-o asemenea pagin aa nct este mai bine s respectai regulile clasice de design prezentate. Pagini "uriae" Dac paginile "fundtur" ofer prea puine indicii vizitatorului, exist i reversul lor: paginile "uriae". Aceste pagini sunt ncrcate pn la refuz cu informaii, liste, imagini, link-uri i alte elemente. Paginile de acest fel ridic dou mari probleme: Timpul de acces. Mai ales dac pagina conine foarte multe imagini, timpul de ncrcare al paginii poate fi foarte mare Suprancrcarea cu informaii. Dac vei pune prea mult informaie ntr-o singur pagin vizitatorul acesteia nu va fi capabil s o proceseze. Exist opinii care spun c lungimea unei pagini nu ar trebui s depeasc un ecran pentru a se evita ca vizitatorul s deruleze pagina pe vertical. O asemenea cerin este prea drastic i poate fi adesea n dezavantajul prezentrii explicite a informaiilor. Fragmentarea subiectului trebuie s se fac n funcie de logica lui intern i nu de reguli arbitrare cum este mrimea ferestrei browserului. Exist situaii n care paginile lungi ndeplinesc cel mai bine obiectivele urmrite. De exemplu, n paginile de prezentare ale unor produse, pe un site comercial, plasarea descrierii produsului pe dou sau mai multe pagini rupe cursivitatea prezentrii i se poate solda cu pierderea unor poteniali clieni. Analog, dac pagina conine o list lung de elemente nrudite, ruperea listei este arbitrar i dezavantajoas. Pe de alt parte, aglomerarea de informaii la nivelul unei singure pagini, mai ales cnd ntre seciunile paginii nu exist o legtur intrinsec face ca pagina s apar ca un amalgam din care vizitatorul va extrage cu greu informaiile care l intereseaz. Dac este necesar s folosii pagini foarte lungi nu uitai s oferii pe parcursul paginii ancore care s conduc vizitatorul la nceputul seciunilor principale, precum i n partea superioara, respectiv inferioar a paginii. Dac pagina conine mult text nu o ncrcai suplimentar i cu imagini sau cu elemente multimedia deoarece timpul de acces va crete foarte mult. Excesul de elemente multimedia Folosirea fr discernmnt a elementelor multimedia (imagine, sunet, video) precum i folosirea n exces a celor mai noi tehnologii Web este adesea duntoare pentru site. Dac v adresai unei audiene despre care presupunei c nu dispune de conexiuni rapide, de ultimele versiuni de browsere sau de aplicaiile necesare executrii i afirii corecte a unora dintre elementele din paginile site-ului, este mai bine s nu includei aceste elemente. Astfel, dei aplicaiile create cu Macromedia Flash sunt spectaculoase i se pot realiza efecte speciale deosebit de atractive, un astfel de fiier poate ajunge cu uurin la dimensiuni care depesc 1 megabyte, ceea ce ncetinete considerabil viteza de ncrcare a paginii. n plus, pentru vizualizarea corect a acestora, vizitatorul trebuie s descarce plug-in-ul Shockwave n cazul cnd nu l are deja instalat pe computerul propriu. Este foarte neplcut pentru vizitator s efectueze toate aceste operaii doar pentru a constata c informaiile prezentate n aceast form puteau fi tot att de bine prezentate ca text sau imagini obinuite. O soluie de compromis este aceea ca, simultan cu includerea unui astfel de fiier, s se pun la dispoziia vizitatorului o opiune de "eludare" de tip "skip intro" , atunci cnd prezentrile sunt folosite doar cu rol de splash screen, ca ecran de deschidere a site-ului, de exemplu. n plus, folosirea prezentrilor Flash fr ca acestea s serveasc unui scop bine definit nu face altceva dect s distrag atenia vizitatorului de la subiectul site-ului. O alt greeal destul de des ntlnit este includerea fiierelor audio, fr ca acestea s aib legtur cu scopul site-ului. Exist designeri care consider c furnizarea unei muzici de fundal sporete atractivitatea site-ului. n realitate se ntmpl exact contrariul. n afara situaiei cnd subiectul site-ului este legat de muzic sau cnd fiierele de sunet vin s completeze informaiile prezentate n pagini, muzica de fundal nu face altceva dect s ncetineasc ncrcarea paginilor i

133

s-l irite pe vizitator, prin repetare. Dac este necesar s includei fiiere de sunet, lsai vizitatorului posibilitatea de a opta pentru deschiderea lor prin intermediul unei legturi, mai ales n cazul n care este vorba despre fiiere de mari dimensiuni. Este recomandat s procedai la fel i n cazul fiierelor video, avertizndu-l pe vizitator c pagina respectiv se va deschide mai greu. Pagini inegale Paginile inegale conin informaii foarte diferite ca importan sau ca nivel de detaliere. Cel mai adesea se confrunt cu aceast problem paginile Home n care sunt incluse link-uri ctre noile pagini create n procesul de dezvoltare a site-ului. Este foarte uor s cdei n greeala de a include noile legturi n pagina Home fr a mai respecta ierarhia stabilit n etapa de organizare a site-ului. Dac site-ul la care lucrai necesit crearea unor noi pagini trebuie s avei n vedere plasarea acestora la nivelele specifice obiectivelor pe care le au precum i ncadrarea la locul cuvenit n structura de legturi a site-ului prezentat n pagina Home. Legturi fr semnificaie Prezena legturilor fr semnificaie este, de asemenea, o greeal de design foarte frecvent. Probabil ai vzut de nenumrate ori n paginile Web formulri ca aceasta: Pentru mai multe informatii apasati <A href="info.html">aici</A> Cuvntul "aici" nu are n acest context, nici o semnificaie. O formulare mult mai potrivit ar putea fi urmtoarea: Puteti obtine aici <A href="info.html">mai multe informatii</A> O alt situaie este aceea n care documentul indicat nu are legtur, din punct de vedere al coninutului, cu pagina care conine referina la el. Toate link-urile din cadrul unei pagini trebuie s extind coninutul informaional al paginii, vizitatorul care urmeaz o legtur ateptndu-se ca aceasta s i ofere informaii suplimentare despre subiect. n aceeai categorie se pot ncadra i legturile "banale" , care nu mbogesc prin nimic informaiile prezentate. De exemplu o construcie ca aceasta: Bine ati venit in <A href="def.html">Pagina</A> Home a Universitatii unde documentul def.html conine definiia de dicionar a cuvntului "pagina" , este o legtur "banal" deoarece n acest context informaia oferit nu servete nici unui scop. Pe de alt parte, ntr-o pagin al crei subiect este vocabularul specific Web-ului, o astfel de definiie ar fi foarte important. Un alt tip de legturi fr semnificaie apare atunci cnd fragmentarea informaiei este dus la extrem prin folosirea unui numr foarte mare de link-uri. Subiectul este secionat n pri foarte mici iar vizitatorul este obligat s parcurg un mare numr de pagini n adncime pentru a pune cap la cap informaiile i a nelege sensul lor. O abordare de acest tip rupe cursivitatea subiectului i mrete efortul de a nelege i asimila al vizitatorului. Pagini dezorganizate i stridente Acest tip de pagini sufer din pricina lipsei de organizare a coninutului. Chiar dac subiectul este mprit n seciuni, unitile de informaie sunt mprtiate n pagin fr o sistematizare prealabil care s focalizeze atenia vizitatorului ctre punctele importante. Aceste pagini au prea multe culori, adesea stridente, tipuri diferite de fonturi, sau imagini de fundal foarte ncrcate. Adesea este folosit n exces animaia fr nici ca aceasta s aib vreo semnificaie sau legtur cu coninutul paginii i muzica de fundal. Aspectul general al unor astfel de pagini este la fel de strident i iptor ca un decor de blci. Bibliografie Mitchell, Scott, Cum s creezi un site web, Editura TEORA, 2009

134

McFedries, Paul, Crearea paginilor web, Editura ALL, 2003 Williams, Robin, Design pentru WEB, Editura CORINT, 2003 Dave Taylor, Crearea paginilor Web cu HTML4, Editura Teora, Bucureti, 1999 Christian Crumlish, Primii pai n Internet, Editura All, Bucureti, 1999

135

Capitolul XIV. PROIECTAREA STRUCTURII SIT-ULUI Avram Clin Dac se doreste realizarea unei pagini www, trebuie s apelam la o firma specializata, numita provider. Provider-ul dispune de mai multe calculatoare foarte performante, numite server-e si pun la dispozitie: spatiu pe hard-ul server-ului de cel putin 10 MB; o adresa de Internet, de exemplu: www.adresa_student.ro. n spatial rezervat se pot pune mai multe fisiere care contin instructiuni HTML dar si orice alte fisiere. Prin site se intelege ansamblul : spatiu hard; fisierele pe care le contine; adresa Prin pagina se intelege continutul afisat al unui fisier HTML. Ansamblul regulilor care trebuiesc respectate pentru schimbl informatiilor de un anumit tip se numeste protocol. Daca dorim sa transferam fisiere catre server sau invers, de la server catre propriul calculator se utilizeaza protocolul FTP ( File Transfer Protocol). Pentru a realize o pagina atractiva este bine sa se utilizeze un design adecvat. In acest scop vom utilize limbajele: JavaScript, PHP Java (Applet) Flash etc. Totodata este important de a fi initiat in metode de design Trebuie de avut in vedere ca JavaScript ruleaza pe calculatorul vizitatorului , o secventa JavaScript este tradusa si executata de catre browser si este trimisa acestuia odata cu fisierul HTML. Limbajul PHP este un limbaj de programare ce ruleaza server, proiectat special pentru WEB. ntr-o pagina HTML putem ingloba cod PHP care va fi executat la fiecare vizitare a paginii. Limbajul PHP permite lucrul cu baze de date, in MySql. Mysql este un sistem de gestiune a bazelor de date, foarte rapid si robust. Aplicatiile scrise in PHP si MySql se ruleaza pe server. Atentie : Nu toti provider-ii pun la dispozitie utilizatorilor posibilitatea utilizarii acestor limbaje, deci o sa trebuiasca sa studiem oferta . Principii de baz n design Oricine poate s nvee tehnicile crerii unei pagini Web. i oricine poate s creeze o pagin Web urt. Totui singurul motiv pentru care attea persoane realizeaz pagini web slabe este faptul c nu cunosc principiile de baza ale designului. Noiunile de interfaa i navigaresunt importante n realizarea unui design atrgtor , dar necesit i un pic de gndire i planificare. Conceptele utilizate sunt lucruri foarte simple, care vor schimba rapid i cu uurina banalele pagini Web, n pagini cu aspect mult mai profesionist. Cele patru principii de baz, care permit ca o pagina Web s arate clar, ordonat i profesionist sunt: alinierea; proximitatea;

136

repetarea; contrastul. Acestia sunt factorii de baza ai oricarei lucrari tiparite pe ecran sau altundeva.

1. Aliniere Alinierea nseamn ca elementele de pe pagina sunt aliniate unele in raport cu celelalte. Lipsa alinierii este principala problema de pe paginile Web, aceasta reprezint o problema importanta si pe paginile tiprite, insa pare si mai prezenta si mai dezastroasa pe paginile Web. Nimic nu trebuie aezat la ntmplare pe pagina. Se creeaz un aspect curat, sofisticat si proaspt al paginii daca fiecare element are o legtura vizuala cu un alt element de pe pagina. Alinierea elementelor dup latura stnga, dreapta sau centrat trebuie sa urmeze o anumita regula, si anume: Alegeti UNA. Se alegi o singur aliniere care se utilizeaz pe toata pagina. Daca se opteaz a se alinia textul de baza n stnga, nu se pune titlul pe centru; Daca se aliniaz centrat o parte din text, atunci se aliniaz centrat peste tot. Nu amestecai alinierile. Acest singur principiu va modifica radical aspectul paginilor. Se pot face alinieri verticale orizontale si centrale. O aliniere centrala se poate spune ca este : echilibrata; simetrica; calma; oficiala. Aliniind o parte din text la stanga, o parte la dreapta si o parte centrat, se creaza senzatie de dezordine si se transmite impresia de amatorism. Daca se aliniaz textul si imaginile, este bine sa ndeprtam textul de marginea stnga. Este obositor si distrage atenia sa dam cu ochii de marginea stnga a paginii browserului de fiecare data cnd trecem la rndul urmtor. Cand decalam text (operaie de indentare), se poate face si din partea dreapta, mpiedicnd formarea rndurilor de text lungi si dificil de citit.

Text pe butoane neglijent realizat (vezi figura de mai sus) Alinierea orizontala este la fel de importanta ca si cea verticala. Este important sa vedeti butoane ca in exemplul de mai sus, in care literele nu se aliniaza pe orizontala. Aceasta deplasare sus/jos/sus/jos face ca toata manseta sa arate dezordonata. De aceea, pe langa alinierea verticala trebuie sa fim atenti si la alinierea orizontala a butoanelor si legaturilor.

Text pe butoane corect realizat (vezi figura de mai sus)

137

Literele stau pe o linie invizibila numita linie de baza. Manseta de legaturi este mai ordonata si mai organizata daca aliniem tot textul pe aceeasi linie de baza,. In majoritatea software-urilor de creatie pentru Web exista un buton pentru alinierea dupa linia de baza, de obicei in specificatiile pentru tabele.

Formular incorect realizat din punct de vederea al webdesign-ului (vezi formularul de mai sus) Formularul acesta incepe excelent; exista cateva alinieri foarte bune, bine definite, dar si locuri in care textul pare sa fi fost trantit aleatoriu pe pagina. Aliniere verticala in partea laterala a formularului lasa de dorit. Consolidam aspectul paginii, aliniind celalalte elemente dupa aceasta linie. Totul trebuie sa aiba un motiv pentru a-si justifica locatia deoarece, nimic nu trebuie plasat arbitrar pe pagina. Nu azvarlim pur si simplu elementele si vedem cum si unde se lipesc. Trebuie sa putem explica motivul pentru care un element se afla in acel loc. O pagina, poate sa fie instantaneu folosita, prin alinierea tuturor elementelor dupa o latura si pagina arata mult mai organizata. Daca lucrurile sunt organizate, ele comunica mai bine. Alinierea nu inseamna ca totul este aliniat dupa aceeasi latura. Inseamna pur si simplu ca totul are aceeasi aliniere fie lipit la stanga, fie lipit la dreapta, fie centrat. Cand o margine buna se repeta, ea castiga in forta.

138

Formular corect realizat din punct de vederea al webdesign-ului (vezi formularul de mai sus) Mai sus am dat un mod de aliniere optim, pentru formularul creat anterior. Se observa linia verticala dupa care se aliniaza casutele text, checkbox sau cea de submit. Foirmularul arata mult mai bine. 2. Proximitatea Proximitatea se refera la relaiile dintre elemente, cand acestea sunt foarte aproape. Pe o pagina componentele aflate in legtura cu altele trebuie sa fie grupate. Daca anumite componente se afla in apropierea altora, ele devin o singura unitate d.p.d.v. vizual, astfel informaiile pot fi organizate mai bine si permite astfel sa dispar orice confuzie. Se pare ca exista o frica fata de spaiu liber. Pagina pare neorganizata, daca elementele de machetare sunt mprtiate peste tot, fiind posibil ca informaia sa devina mai greu accesibila. Principiul proximitii spune ca trebuie sa se grupeze componentele aflate in legtura, sa fie mutate mai aproape unele de altele, a.i. sa fie percepute ca un grup unitar, nu ca o grmada de elemente fr legtura. Componentele si grupurile de informaii care nu au legtura unele cu altele nu trebuie sa se afle in proximitate (vecintate). Dorim sa realizam o carte de vizita care cuprinde 5 elemente (componente ) separate (vezi figura de mai jos). In acest caz ochiul se oprete de cinci ori. Ochiul ncepe sa citeasc in mijloc, deoarece textul este bold. Daca complicam problema, adic mai ngroam alte elemente vom vedea ca ne vom plimba privirea intre cuvintele ngroate. Proximitatea sau apropierea, nseamn o relaie. O problema a crii de vizita anterioare este faptul ca nici una dintre componente nu pare a fi in legtura cu alta. Dar daca fac o rearanjare a componentelor de pe cartea de vizita aceasta arata cu totul altfel., componentele care au o legatura intre ele sunt grupate. Aceste componente sunt mai aproape unele de altele (vezi figura de mai jos).

139

VICTOR GABRIEL
DIRECTOR S.C. ..........

Str. Leului nr.123 Brasov (0268) 956419 Uneori, atunci cnd se grupeaz componentele foarte apropiate, este nevoie sa se modifici cate ceva, de exemplu, mrimea, ponderea sau aezarea textului ori a desenelor. Componente aflate in apropiere unele de altele devin o unitate vizuala, nu trebuie organizate ca uniti separate. Deci componentele cu legtura ntre ele trebuie grupate mpreuna. Principiul proximitii are ca scop de baza organizarea paginii. Dac pe pagina exista mai mult de trei pana la cinci componente, trebuie vzut care dintre elementele separate pot fi grupate, mai apropiat, pentru a deveni o unitate vizuale. Proximitate nu inseamna ca totul este apropiat, ci ca elementele care sunt legate din punct de vedere al semnificatiei lor, intre care exista un fel de relatie privitoare la ceea ce comunica, trebuie sa fie conectate si vizual Informatia dintr-o pagina trebuie mai intai grupata din punct de vedere al semnificatiei, apoi asezata din punct de vedere fizic pe pagina. Informatia secundara trebuie sa fie mai distantata, astfel icat sa se vada ca este vorba despre o completare a informatiei principale. 3. Repetiia Principiul repetiiei spune ca anumite pri ale machetrii trebuie repetat n ntreaga lucrare. Se poate repeta de exemplu un font ngroat, o linie groasa, un anumit tip de marcaj, un element de design etc. Poate fi orice element care poate fi recunoscut de vizitator. Reluam cartea de vizita i organizam informatia altfel (vezi figura de mai jos). Observam ca dupa ce am privit informatia de aceasta carte de vizita, ochii raman agatati de nume, deorece este ingrosat si subliniat. Dar totusi avem senzatia de neterminare. Urmatoarea figura prezinta aceiasi carte de vizita dar in care am ingrosat si ultima informatie, astfel ochiul se uita la nume si la numarul de teledon.

VICTOR GABRIEL
DIRECTOR S.C. .......

140 Str. Leului nr.123

VICTOR GABRIEL
DIRECTOR S.C. .........

Str. Leului nr.123 Brasov

( 0268 ) 956.41.93

4. Contrastul Contrastul este cea mai eficienta cale de a adauga valoare vizuala paginii noastre. Principiul contrastuluispune ca daca doua componente nu sunt exact la fel, atunci trebuie sa fie complet diferite.

141

Regula de aur in utilizarea contrastului spuna ca pentru a fi eficient, contrastul trebuie sa fie puternic. Contrastul poate fi creat in mai multe moduri, de exemplu punem in contrast: un font mare cu unul mic; un font elegant cu unul ingrosat; o culoare rece cu una calda; un element orizontal ( ex. un rand lung de text) cu unul vertical (ex. o coloana de text inalta si ingusta); randuri cu spatii multe intre ele cu randuri dese; un desen mare cu unul mic. Atentie nu putem pune in contrast maro inchis cu negru sau un font de 14 puncte cu unul de 16 puncte. Fie un Anunt pentru obtinerea unei burse Socrates in cadru Facultatii de MI. Sunt prezentate doua variante. Se observa ca ambele variante contin aceleasi informatii doar ca al doilea anunt contine mai mult contrast si ne uitam cu mult mai multa placere la cel de al doilea anunt.

BURSE SOCRATES 2007 !

Conditii de aplicare Integralist Depunere dosar care sa cuprinda : CV, Scrisoare de intentie, situatia scolara Participare la testul de limba straina Termen limita de depunere dosar la Decanatul Facultatii MI: 14.04.2007 Universitati partenere: University Oldenburg University Dortmund University of Applied Sciences Fulda, University of Applied Sciences Wiesbaden, University of Applied Sciences Mittweida
Contrastul in formularul modificat este evident. Am folosit un font mai puternic, am ingrosat titlurile. Fontul folosit l-am repetat si in titlul paginii. Titlul l-am transformat din majuscule in litere mici si astfel am avut posibilitatea sa folosesc o dimensiune mai mare a fontului, pe care l-am ingrosat.

142

Totodata am scris titlul cu alb pe fond negru (banda neagra). Astfel am marit contrastul. Contrastul nu numai ca face pagina mai atractiva, ci si clarifica scopul si organizarea documentului. Bibliografie Mitchell, Scott, Cum s creezi un site web, Editura TEORA, 2009 McFedries, Paul, Crearea paginilor web, Editura ALL, 2003 Williams, Robin, Design pentru WEB, Editura CORINT, 2003 Dave Taylor, Crearea paginilor Web cu HTML4, Editura Teora, Bucureti, 1999 Christian Crumlish, Primii pai n Internet, Editura All, Bucureti, 1999

143

Capitolul XV. PROCESAREA IMAGINILOR, CREAREA DE ANIMAII I FLASH-URI Avram Clin 1. Pregtirea noului sit Macromedia Dreamweaver 8 este un editor HTML care ne permite crearea paginilor i lucrul cu imagini sau elemente multimedia ntr-un mediu vizual i/sau al codului. De asemenea, acesta ofer instrumente i pentru managementul i meninerea siturilor web. Una din cele mai mari provocri ale authoring-ului n HTML este creterea rapid a fiierelor hipertext, imaginilor i celor multimedia. Caseta de dialog Site Definition din Dreamweaver nu configureaz doar un sit pentru dezvoltare ci i activeaz facilitile de management a fiierelor i chiar cele de publicare pe web.

Dreamweaver 8 permite, de asemenea, lucrul cu elementele dezvoltate n Fireworks. HTML-ul Fireworks exportat anterior poate fi importat ntr-un document Dreamweaver doar printrun clic pe un buton. Vom seta un sit n acord cu planul sitului i preferinele de authoring. Odat setat acest sit, vom crea o pagin generic care o vom putea utiliza ca template pentru toate paginile ulterioare. Definirea unui sit static n Dreamweaver Vom defini situl n Dreamweaver folosind Site Manager. Vom reconstrui ntregul design pe baza slice-urilor exportate n Fireworks i vom crea paginile individuale pentru situl Fruits Valley. 1. copiem toate fiierele necesare n /var/www/fruits_valley. 2. deschidem Dreamweaver. Din meniu alegem Site>Manage Sites

144

Caseta de dialog afieaz toate siturile definite mpreun cu o serie de opiuni. Cnd definim un sit, Dreamweaver ine cont de directorul rdcin al sitului (directorul care conine toate fiierele din sit) i definete fiecare element din sit. Putem crea, muta i terge fiiere din managerul de situri Dreamweaver. Putem ulterior verifica dac legturile ctre alte documente sunt actualizate corect i dac nu exist legturi moarte. 3. Clic pe New din caseta de dialog Manage Site i vom selecta Site din caseta drop-down. 4. Clic pe tab-ul Advanced din caseta de dialog Site Definition. 5. n categoria Local Info a casetei de dialog Site Definition, numim situl fruits_valley. n cmpul Local root folder ne deplasm pn la z:\var\www\fruits_valley\. Navigm pn la subdirectorul cu imagini din directorul fruits_valley. Lsm celelalte opiuni implicite.

Directorul rdcin este un concept important. Toate fiierele sitului sunt localizate n acest director (posibil n subdirectoare) i sunt definite n relaie cu acest director. 6. Selectm categoria Remote Info.

145

Putem specifica informaia pe care Dreamweaver o are nevoie pentru a accesa situl de la distan din categoria Remote Info, care este serverul web pe care situl va fi publicat. Alegem o metod de acces din meniul Drop-Down Access: reea, FTP, SFTP i altele.

7. clic pe butonul OK Printr-un clic pe butonul OK, Dreamweaver a creat un cache pentru situl nostru (un fiier care conine informaii privitoare la numele i locaia fiierelor i directoarelor. 8. clic pe Done n caseta de dialog Manage Sites. Site-ul este acum vizibil n panoul Files care poate fi accesat si din Window>Files. 9. studiai structura de directoare Cnd ncepem un nou site trebuie s crem directoare pentru a stoca tipuri diferite de coninut: imagini, CSS, Flash i alte componente. Pe lng directorul cu imagini va exista i unul cu imaginile surs din Fireworks unde vom plasa fiierele PNG originale (images_source). Directorul text_files va conine scripturile surs. Aceste fiiere text pot fi scrise n orice procesor de texte i vor fi convertite n HTML, Flash sau alt format. Directorul CSS este utilizat pentru stilurile sitului. Definirea unei noi pagini HTML 1. File>New>Basic Page>HTML pentru a crea un nou document. 2. Verificm dac DTD-ul este XHTML 1.0 Transitional i clic pe create.

146

Putem crea pagini pe baza naturii paginii (de exemplu pagin static, pagin dinamic, structur de cadre) sau pe baza template-urilor din alte situri. XHTML (Extensible Hypertext Markup Language) este reformularea HTML conform cu sintaxa XML. Utilizarea XHTML asigur compatibilitatea viitoare a paginilor web. Spre deosebire de HTML, XHTML este puin mai mult structurat n privina modului de scriere (de exemplu <P> i <p> sunt ambele acceptate n HTML dar n XHTML este acceptat doar al doilea) i toate etichetele trebuie nchise. Pentru a face un document HTML conform XHTML, vom apela la File>Convert>XHTML. 3. explorai mediul Dreamweaver pentru a deveni familiar cu acesta (panouri, inspectors, ferestre). Insert bar butoane ptr introducere obiecte (imagini, tabele, layere). Fiecare obiect este o pies din codul HTML care ne permite setarea diverselor atribute a obiectului. Document toolbar butoane cu opiuni de vizualizare a ferestrei document (Design view, Code view i Split view). Property Inspector vizualizare i schimbare proprieti ale obiectului selectat Tag selector afieaz ierarhia etichetelor i permite selectarea etichetei i coninutului. Panel Groups cele din dreapta > panoul Files

147

4. File>Open i deschidem template.htm. File>Save As i l numit fruitsvalley_template. n bara cu instrumente a documentului redenumim titlul implicit al documentului din template.gif n Fruits Valley Template. Titlul apare n bara de titlu a ferestrei document din Dreamweaver i n bara de titlu a browserului, dar i n pagina rezultat a motoarelor de cutare.

Titlul poate fi schimbat i din caseta de dialog Page Properties (Modify > Page Properties). 5. comutm pe Code View din partea stng de barei cu instrumente a documentului. Split View afieaz att codul ct i partea vizual.

6. ne deplasm la nceputul documentului, selectm i tergem linia de comentarii (<!-saved from url). Comentariile (<!-- comentariu -->) sunt utilizate de dezvoltatori pentru a realiza comentarii n paginile lor pentru ai ajuta pe parcursul programrii. 7. alegem File>Convert> XHTML 1.0 Transitional Va apare o caset de dialog care ne avertizeaz c dou imagini (logo i bara de navigare) nu au atributele alt. Vom rezolva acest lucru imediat.

148

8. clic pe butonul Design View din bara cu instrumente document pentru a reveni n modul proiectare. Clic pe logo-ul Fruits Valley i din Property Inspector specificm la Alt : Fruits Valley Logo. Similar procedm i cu navbar. 9. salvm fruitsvalley_template.html. 2. Crearea unui sit atractiv, uor de meninut, folosind Macromedia Dreamweaver, Fireworks i Flash Macromedia Studio 8 este principalul pachet de dezvoltare al aplicaiilor web. De la proiectarea elementelor grafice la dezvoltarea aplicaiilor web de e-commerce care folosesc baze de date, Studio 8 ofer instrumente puternice pentru proiectanii de elemente grafice, pentru cei orientai pe cod dar i pentru programatorii multimedia. Pentru crearea acestui sit, vom proiecta elementele grafice i layout-ul n Macromedia Fireworks 8 nainte de a construi ntregul sit web n Dreamweaver 8. n final, vom apela la Flash pentru a construi anumite elemente video i animaii pentru sit. Primul proiect la care vom lucra este situl web pentru o firm fictiv numit Fruits Valley. Vom proiecta machetele paginilor, mpreun cu CSS-ul aferent din care vom genera celelalte pagini ale sitului. Vom folosi Flash pentru a dezvolta un film interactiv i un scurt clip video. Primul lucru pe care l vom crea este logo-ul Fruits Valley (va fi n stnga) i elementul grafic de reclam (din dreapta). Fireworks Pregtirea graficii Elementele grafice sunt de obicei primele lucruri care se creaz cnd ncepem s lucrm la un sit web, deoarece influeneaz aspectul global al sitului proiectat i vom avea n vedere urmtoarele aspecte: - schema de culoare; - elementele de interfa (cum ar fi barele de navigare) i - layout-ul. Fireworks permite dup crearea elementelor grafice optimizarea acestora pentru web prin reducerea dimensiunii fiierelor i meninerea calitii vizuale de ansamblu. De asemenea Fireworks este un instrument excelent pentru proiectarea layout-ului paginii n ansamblu i poate fi folosit ca baz pentru ntregul design al sitului web. Tehnicile pe care le vom folosi pentru nceput sunt: - trasarea formelor (shapes) i aplicarea marginilor (strokes), umplerilor (fills) i texturilor - (textures); - aplicarea i formatarea textului; - editarea elementelor grafice de tip bitmap, respectiv a unei fotografii digitale; - utilizarea unei mti i utilitarului Dodge pentru a retua o fotografie digital; - aplicarea filtrelor Fireworks pentru a crea efecte de umbrire (drop shadows); Trasarea formelor pentru un logo Vom trasa anumite forme care vor fi folosite ca fundal pentru logo-ul Fruits Valley. Grafica digital se mparte n dou categorii: bitmap (sau raster) i vectorial. Grafica bitmap este compus din matrici de miliarde de culori ale punctelor individuale. Fiecare punct reprezint o singur culoare (de la 1/72 la 1/600 dintr-un inch) i nu pot fi percepute individual.

149

Grafica vectorial presupune folosirea unor formule matematice care descriu linii, curbe i forme. Crearea unui element grafic bitmap (numit i crearea unei picturi), implic colorarea pixelilor. Crearea unei imagini vectoriale (numit i desenare), const n reprezentarea grafic a punctelor pentru crearea obiectelor (numit i paths) i specificarea modului n care marginile (sau strokes) unui obiect vor apare dar i cum va apare umplerea. Pentru realizarea unor forme simple, cum ar fi dreptunghiuri, stelue i linii curbe, grafica vectorial este de obicei superioar celei bitmap, deoarece grafica vectorial necesit mai puine date pentru reprezentarea elementului grafic (i va duce la un fiier mai mic ca dimensiune) i sunt mult mai uor de modificat i redimensionat. Textul, logo-urile i desenele tehnice sunt de obicei imagini vectoriale. Pentru imagini complexe, n special fotografii digitale, cantitatea de detalii este att de mare nct vectorii nu pot reprezenta efectiv imaginea, bitmap fiind superioar. Fireworks dispune de dou programe n unul: lucreaz cu imagini vectoriale i bitmap. Cnd crem imagini n Fireworks, majoritatea vor fi vectoriale: trasm forme, linii i introducem text. De exemplu, un buton din bara de navigare este de obicei un dreptunghi, oval sau alt form geometric, utilitarele vectoriale fiind perfecte. De asemenea putem importa, modifica sau retua fotografiile preluate cu camera digital i/sau scanate n Fireworks, acestea fiind invariabile n format bitmap. Utilitarele de acest tip le gsim n Fireworks n panoul Tools la seciunile Bitmap i Vector (vezi Figura 1). Pentru a crea imagini (sau elemente grafice ntr-o compoziie), vom utiliza instrumentele de desen vectoriale. Pentru a edita imaginile existente, n special fotografii, vom utiliza instrumentele de editare de tip bitmap. n momentul n care dorim s optimizm imaginile pentru web, le vom exporta ntr-un format grafic suportat (de obicei GIF sau JPEG, care sunt formate bitmap). Sa revenim la crearea formelor din fundalul logo-ului care presupune folosirea de imagini vectoriale. n primul rnd vom crea aceast form de o anumit dimensiune, i vom stabili poziia acesteia. Ulterior le vom mbunti prin aplicarea de margini, umpleri i texturi. Paii necesari pentru crearea logo-ului sunt: 1. deschidem Fireworks i alegem Create New Fireworks File; 2. n fereastra de dialog New Document vom specifica 120 pixeli pentru lime i 120 pixeli pentru nlime. Vom pstra rezoluia implicit de 72 pixeli/inch (este standard pentru grafica pe ecranul calculatorului) i Canvas Color alb (vezi Figura 2);

150

Crearea unui nou fiier 3. dup clic pe OK, va apare canvas-ul care marcheaz marginile imaginii. Canvasul marcheaz graniele imaginii. Orice punem n canvas va apare n imagine cnd o vom exporta. Putem stoca imaginea n zona gri (numit workspace spaiu de lucru-), dar orice vom plasa n spaiul de lucru nu va fi vizibil atunci cnd imaginea va fi exportat. De notat c imaginea cu logo-ul este destul de mic. innd cont c un inch are 72 pixeli i imaginea are doar 120x120 pixeli, dimensiunea final a imaginii nu ar trebui s ne surprind.

Canvas 4. alegem File > Save i salvm fiierul pe disk cu numele logo.png

151

5. Selectm instrumentul Elipse prin apsarea i meninerea butonului mouse-ului pe utilitarul Rectangle din bara cu instrumente Tools, pn cnd va apare un meniu pop-up cu opiuni adiionale. Vom executa clic pe utilitarul Ellipse n acest meniu. Putem comuta ntre instrumentele shape folosind i o scurttur apsnd tasta U. Instrumentul Ellipse poate fi utilizat pentru a trasa elipse i cercuri perfecte. 6. Meninem apsat tasta Shift dup care meninem butonul din stnga al mouse-ului apsat i tragem n diagonal pe canvas un mic cerc. Meninerea apsat a tastei Shift pe msur trasrii unei anumite forme determin o constrngere a acesteia. Elipsele sunt modificate la cercuri perfecte, n timp ce dreptunghiurile sunt modificate la ptrate perfecte. Aceast tehnic numit constrngere prin Shift, extinde i alte instrumente n aceeai manier. De exemplu, cnd meninem apsat tasta Shift mpreun cu instrumentul Line liniile sunt modificate la un unghi de 45 de grade relativ la canvas. n funcie de setrile pe are le dorim, formele (shapes) pot avea o umplere (fill) i/sau o margine (stroke). Setarea implicit este o umplere cu gri fr margine. Att timp ct putem vedea cercul pe care l trasm, umplerea i marginea nu este important pentru moment, o putem schimba ulterior. n primul rnd vom stabili dimensiunea i locul de plasare a cercului. Putem redimensiona obiectele n Fireworks n dou moduri. Putem redimensiona un obiect n mod vizual folosind utilitarul Scale din bara cu instrumente Tools sau, dac tim exact ct de mare va fi acel obiect l putem redimensiona cu o precizie numeric utiliznd Property Inspector.

Elips 7. Vom selecta cercul i vom schimba limea (W) i nlimea (H) la 37 din colul din stnga jos al lui Property Inspector. Repoziinm i elementul grafic n colul din stanga sus al canvas-ului prin specificarea distanei fa de colul din stnga (X) la 1 i a distanei fa de sus (Y) la 1. Vom realiza aceast redimensionare i repoziionare n mod numeric. ntr-o situaie normal de proiectare, vom descoperi dimensiunea adecvat i poziionarea n mod vizual prin ncercri i erori. 152

Ajustarea cercului Imaginea final va conine cinci cercuri i n continuare vom crea restul cercurilor. 8. Dup ce am selectat cercul, alegem Edit>Copy i apoi Edit>Paste de patru ori. Dup terminarea acestui pas, ecranul nu arat cu mult diferit deoarece Fireworks a aplicat fiecare copie deasupra originalului. 9. Utilizm utilitarul Pointer din colul din stnga sus al barei cu instrumente Tools pentru a trage unul dintre cercuri la dreapta. Vom utiliza utilitarul Scale i observm c apar n mod automat anumite posibiliti de transformare.

153

Instrumentul Scale Tragem de unul din colurile care ne permit transformarea pn cnd cercul ajunge la dimensiunea care se poate observa n figura urmtoare:

Dimensiunea cercului Dezactivm instrumentul transform printr-un clic pe instrumentul Pointer i tragem cercul n poziia din figura anterioar. Prin tragerea efectuat cu instrumentul Transform realizm scalarea obiectului selectat.

154

Dac tragem de un col, obinem scalarea n dou direcii (stnga-dreapta i sus-jos). Dac tragem din mijloc obinem scalarea ntr-o singur direcie (stnga-dreapta i sus-jos). Atunci cnd tragem de un col, Fireworks menine automat aspectul obiectului. Cu alte cuvinte dac scalm cu 20% pe orizontal vom scala i cu 20% pe vertical. 10. Repetm pasul 9 pn cnd cele cinci cercuri sunt redimensionate i poziionate ca n figura urmtoare, dup care salvm fiierul:

Redimensionarea i repoziionarea celor 5 cercuri O modalitate uoar i precis de repoziionare a obiectelor implic utilizarea tastelor sgei. Aplicarea culorilor i texturilor Am creat cinci obiecte pentru logo care sunt gri nchis i nu prezint mult interes, mai ales pentru un site cu pretenii. Anterior am menionat c atunci cnd lucrm cu elemente grafice vectoriale, etapele necesare sunt crearea, structurarea, scalarea i poziionarea obiectelor i n final trebuie s le facem s arate bine. 1. Selectm toate cercurile prin alegerea Select>Select All. Vom aplica aceleai efecte vizuale la toate cercurile simultan. Putem selecta obiecte multiple i folosind utilitarul Pointer mpreun cu tasta Shift.

155

Selectare obiecte 2. Schimbm culoarea de umplere printr-un clic n caseta Fill Color din Property Inspector. n caseta Color, selectm o nuan de verde cu valoarea hexazecimal #669900. Implicit, caseta Color afieaz 216 culori din aa numita palet de culori Web Safe. Putem obine prin mixarea culorilor dintr-o palet mai mult de 16.7 milioane de culori. Pentru a accesa aceast palet, vom executa clic pe butonul Sys Color Picker sau vom utiliza panoul de culori Mixer. Pe msur ce ne deplasm peste paleta de culori cu cursorul (care se transform ntr-un eyedropper), valoarea culorii n hexazecimal este afiat n partea de sus a ferestrei pop-up. Numrul culorii n hexazecimal este doar o modalitate simpl de a codifica succint culorile. Monitoarele calculatoarelor afieaz culorile prin mixarea uneia din 256 nuane de rou, uneia din 256 nuane de verde i uneia din 256 nuane de albastru. (256x256x256 reprezint mai mult de 16.7 milioane menionate anterior). Sistemul este simplu: primele dou cifre reprezint nuana de rou ... n loc de a utiliza sistemul n baza 10, care necesit de la 1 la 3 cifre pentru fiecare valoare (0 este o cifr, 255 sunt trei cifre), sistemul hexazecimal utilizeaz un sistem n baza 16. Astfel, n loc ca fiecare cifr s fie cuprins n intervalul de la 0 la 9, ea va fi n intervalul de la 0 la F, unde A reprezint 10, B reprezint 11, pna la F, care reprezint 15. Deoarece 16x16 este egal cu 256, dou cifre din sistem sunt capabile s reprezinte 256 variaii diferite de culori. Astfel, valoarea #669900 semnific ca valoarea roie 66 reprezint 102 (ntr-o scal de la 0 la 255), valoarea verde (99) reprezint 153 i valoarea albastru (00) reprezint 0. Culoarea rezultat este un verde adnc.

156

Umplerea Marginea trebuie stabilit implicit transparent (se poate vedea n caseta Stroke Color din Property Inspector). Pentru a verifica acest lucru clic pe butonul cu o linie roie din zona ferestrei pop-up Color. 3. Utilizm Property Inspector pentru a schimba elementul Edge de la Anti-Alias (implicit) la Feather. n cmpul care specific cantitatea de umplere care este implicit 10 schimbm la 3. Marginile sunt acum n mod subtil mai plastice dect cele anterioare.

157

Modificarea marginilor De ce s utilizm anti-aliasing? S presupunem c avem un cerc verde pe un fundal alb. Cele dou regiuni sunt definite printr-o margine. O margine tare nu prezint o tranziie ntre cele dou regiuni; un pixel verde marcheaz sfritul cercului, i, n apropierea lui un pixel alb definete nceputul unei regiuni din afara cercului. Din nefericire, marginile tari nu dau bine pe un calculator i tind s apar ndesate. O soluie este utilizarea marginilor anti-alias (implicite n Fireworks), care creaz o subtil tranziie ntre regiunile din interiorul i exteriorul formei. n acest exemplu, Fireworks combin marginile verzi i albe pentru crea o mic zon de tranziie prin pixeli verzi pali. Feathering creaz o tranziie mult mai mare; putem specifica ct de mare va fi tranziia utiliznd cmpul Feather Amount. Urmtoarea figur arat diferena ntre trei tipuri de margini, de la stnga la dreapta: Hard, Anti-Alias i Feathered.

4. utilizm Property Inspector pentru a schimba cantitatea de textur de la 0 la 50. Texturile sunt o facilitate excelent a graficii vectoriale Fireworks. De obicei, grafica vectorial este caracterizat prin regiuni de culori netede i solide. Aceast caracteristic este bun pentru logo-uri curate (cum ar fi inelele olimpice sau logo-ul de la Pepsi), dar grafica vectorial poate fi i mai puin natural. Texturile Fireworks ofer designerilor puterea de a crea imagini grafice care au o

158

apariie mult mai natural. n exemplul nostru am utilizat textura Grain, dar pot fi experimentate i alte tipuri de texturi (recomandate sunt Grass, Chiffon, Oilslick, Parchment, Swirls, and Metal).

Modificarea texturii 5. n partea dreapt a lui Property Inspector, diminum opacitatea de la 100 (implicit complet opac) la 50. Salvm fiierul. Opacitatea ne permite specificarea transparenei unui obiect. La valoarea implicit de 100, fiecare obiect din spatele obiectului selectat este n totalitate obscur. La o opacitate de 0, obiectul este n ntregime transparent. Valoare dintre face obiectul translucid. Vom diminua opacitatea la 50% pentru moment, pentru ca cercurile s par mai subtile i pentru a se potrivi cu fundalul.

159

Modificarea opacitii Adugarea textului Pe acest fundal deja creat putem aduga un anumit text. Textul n Fireworks este un fel de hibrid ntre modul de lucru al textului n procesoarele de texte i modul n care Fireworks interpreteaz liniile vectoriale i formele. 1. selectm instrumentul Text reprezentat prin iconia A din seciunea Vector din bara cu intrumente Tools. Odat ce acest instrument este selectat, Property Inspector dezvluie opiunile de formatare text, inclusiv tipul fontului, dimensiunea, nclinat sau cursiv, alinierea ... Putem accesa instrumentul Text utiliznd scurttura:T.

2. utilizm Property Inspector pentru a schimba fontul la Arial Narrow, dimensiunea 26 i culoarea textului la un gri de mijloc (n hexazecimal #999999). Vom formata textul dup ce l crem. Tipul text, ca orice form vectorial, poate avea o margine i o umplere. Implicit, n Fireworks, ca i n majoritatea aplicaiilor, culoarea textului este specificat ca umplere i textul far margine (sau mai precis cu margine transparent). Textul va fi Fruits Valley, dar deoarece vom formata F si V ntr-un mod mai special, le vom separa. Cnd comutm temporar pe instrumentul Pointer, putem scrie alley n caseta text proprie. Putem formata global fiecare cuvnt i poziiona pe fiecare individual.

160

Adugarea textului 3. utilizm instrumentul Pointer pentru a selecta caseta cu F. n Property Inspector, schimbm fontul la Georgia, specificm dimensiunea la 50, Bold, culoarea #FF9900 (portocaliu deschis). n caseta cu V fontul Georgia, culoarea #669900 dar nu Bold. Acum design-ul are dou culori principale utilizate n sit. 4. utilizm instrumentul Pointer pentru a repoziiona blocurile de text, pentru a apare ca n figura urmtoare i salvm.

161

Figura 15: Repoziionarea textului Aplicarea efectelor Vom utiliza filtrele speciale Fireworks pentru a aduga umbr literelor F i V n logo. Filtrele pot fi aplicate att obiectelor vectoriale ct i bitmap. Putem aduga efecte imediate prin filtre cum ar fi: shadows, glows, bevels (pentru efecte ale butoanelor), embossing ... 1. Utilizam instrumentul Pointer pentru a selecta F. Clic pe Filters i alegem butonul Preset (+) din Property Inspector. Va apare un meniu pop-up cu diferite categorii de filtre.

2. Din acest meniu alegem Shadow and Glow> Drop Shadow. Din meniul pop-up care va apare schimbm distana de la 7 la 5 i culoarea cu cea a literei J (#FF9900). Clic oriunde pe canvas pentru a aplica schimbrile

162

F are acum o umbr portocalie care sporete interesul. 3. Similar vom proceda i cu litera V. (Drop Shadow, Distance 5, Color - #669900).

Logo-ul Fruits Valley A doua imagine pe care o vom aduga este o fotografie. Deoarece reclama va mixa text i o fotografie, vom proiecta ambele elemente cu grij pentru a ne asigura c va fi o imagine de calitate. 1. deschidem apple.jpg. Imaginile atractive sunt de obicei create utiliznd elemente surs de calitate cum ar fi aceast fotografie.

163

Eventual, reclama va dispune de un text peste fotografie. Dar, dac vrem s adugm text n acest moment, textul va fi greu de citit ceea ce nu este de dorit. n continuare vom fora mrul n fundalul imaginii; acesta va fi vizibil dar nu att de frapant. Prima tehnic pe care o vom folosi va implica utilizarea unei mti. O masc apare atunci cnd o imagine sau form este utilizat pentru a dezvlui o alta. Vom apela la un dreptunghi cu marginile terse (feathered edges) pentru a evidenia centrul mrului i pentru a realiza o umbr n jurul marginilor. 2. selectm utilitarul Rectangle. Vom utiliza caseta Fill Color din seciunea Colors a barei cu instrumente Tools pentru a seta culoarea de umplere la alb (n hexazecimal #FFFFFF). Vom utiliza caseta Stroke Color pentru a seta Stroke la none.

Evidenierea centrului imaginii 164

Cnd executm clic n caseta Fill sau Stroke Color n seciunea Colors din bara cu instrumente Tools, va apare o palet care conine anumite mostre de culori. Mostra de alb va apare n partea stng, n timp ce mostra fr culoare (cu o bar roie peste ea) va apare n apropierea colului din dreapta sus a casetei de dialog. Chiar dac vom utiliza culoarea dreptunghiului ca masc pentru mrul din imagine, culoarea acesteia este foarte important. Mtile utilizeaz pn la 256 nuane de gri pentru a afia/ascunde obiectul mascat. O masc neagr ascunde n totalitate obiectul mascat; o masc alb scoate n eviden obiectul mascat n ntregime; o masc gri dezvluie parial obiectul de dedesubt. Prin specificarea faptului c dreptunghiul va fi alb, ne asigurm c orice va fi sub dreptunghi (odat ce a fost proiectat ca o masc) va fi n ntregime vizibil. 3. Vom trasa un dreptunghi peste mr, aa cum se poate observa i n figur. 4. Odat selectat dreptunghiul, din meniul derulant Edge din seciunea Fill al lui Property Inspector, schimbm setarea la Feather i cantitatea la 25. Dreptunghiul are acum margini scmoate (fuzzy), care va determina un efect progresiv, destul de plcut, cnd va fi convertit la o masc.

Modificarea marginilor dreptunghiului 5. Clic pe instrumentul Pointer. Meninem apsat tasta Shift i clic pe imaginea cu mrul. n acest moment, att dreptunghiul ct i fotografia vor fi selectate. Putem verifica acest lucru prin conturul albastru care nconjoar fotografia i cele patru coluri albastre ale dreptunghiului.

165

Selectarea obiectelor 6. Alegem Modify>Mask>Group a Mask. Dreptunghiul scoate n eviden acum fotografia chiar dac o acoper n mare parte.

Crearea mtii Fireworks ne permite s crem mti vectoriale sau bitmap. Aceasta este o masc vectorial, deoarece obiectul care realizez mascarea este un dreptunghi vectorial. Se pot crea efecte de mascare impresionante prin utilizarea unei imagini bitmap pentru a masca o alta. Deoarece Fireworks dispune de 256 umbre pentru mascare, un bitmap utilizat ca masc poate crea efecte de compoziie interesante. Fundalul are acum un fundal de tip tabl de ah, care indic un fundal transparent. Noi vom folosi un fundal alb. 7. Alegem Select>Deselect. n Property inspector, utilizm caseta Canvas Color pentru a schimba culoarea canvas-ului de la transparent (cu o bar roie peste ea) la alb. Fundalul tabl de ah va dispare i va deveni alb.

166

Schimbare culoare canvas 8. Clic pentru a selecta masca i utilizm Property Inspector pentru a diminua opacitatea la 75%. 9. Apsm i meninem apsat butonul mouse-ului peste instrumentul Blur din bara cu instrumente Tools (seciunea Bitmap), pn cnd va apare un submeniu. Din acest submeniu, selectm instrumentul Dodge. Din Property Inspector, schimbm dimensiunea (Size) la 26.

Aplicarea Dodge pentru estompare

167

Instrumentul Dodge este un utilitar bitmap care ne permite pictarea pixelilor la un nivel foarte fin. Vom utiliza Dodge pentru a estompa mrul nc puin, fr a degrada calitatea fotografiei. Dimensiunea implicit, 13, este destul de mic i din acest motiv mrim dimesiunea periei la 26, pentru a aplica efectul rapid i uniform. 10. Apsm i tragem peste imagine, pn cnd aceasta se lumineaz i devine mai estompat. Dei nu este att de colorat ca originalul, fotografia este nc atractiv. Adugarea textului n acest moment, fotografia noastr este pregtit pentru a deveni imagine de fundal i putem aduga i formata textul. 1. selectm utilitarul Text. Utilizm Property Inspector pentru a seta fontul la Arial Narrow, dimensiunea 14 i culoarea textului la negru (n hexa #000000); 2. clic n fereastra Document i specificm: Excelent Fruits and Vegetables: the TASTE you will never forget. Pe msur ce scriem, textul se deplaseaz spre marginea dreapt a canvas-ului i nu poate fi vzut;

Adugare text 3. Clic i tragem din colul din dreapta jos a casetei text n jos i la stnga, pn cnd caseta text este similar cu cea din figura urmtoare. Caseta text din Fireworks se extinde automat cnd ncepem s scriem.

168

Ajustare caset text 4. Odat selectat caseta text specificm alinere la dreapta i schimbm (distana) Leading la 24 px. Leading se refer la cantitatea de spaiu ntre liniile text. n majoritatea cazurilor, distana ntre paragrafele text este cu 20% mai mare dect dimensiunea fontului. Prin urmare, un font cu dimensiunea 10 are o distan de 12 puncte. Numrul specificat de noi (32 pixeli) este puin mai mare de 20%. Acest lucru atrage atenia asupra textului i l face mult mai uor de citit, ceea ce este de dorit pentru o reclam.

Modificarea Leading 5. Utilizm utilitarul Text i selectm cuvntul Excelent (vom folosi textul deja scris pentru a introduce un nou obiect text peste acesta i l vom terge pe cel anterior). Utilizm Property

169

Inspector pentru a schimba culoarea la verde nchis (#669900). Cretem dimensiunea fontului la 16. Evidenierea cuvintelor cheie este o alt tehnic de design important pentru reclame. 6. Selectm cuvntul TASTE i utilizm Property Inspector pentru a crete dimensiunea fontului la 16 i schimbm culoarea la rou nchis (#993333). Acum, cele mai importante cuvinte din reclam s-au detaat. 7. Redimenionm caseta text i apsm Enter dup anumite rnduri dac este necesar, pentru a face textul s apar ca n figura urmtoare.

Finalizarea reclamei 8. Alegem File>Save As i salvm fiierul cu numele apple.png. Dup aceasta va apare o caset de dialog care ne solcit salvarea fiierului JPEG (care va face fiierul iniial neditabil) sau Save Fireworks PNG care va rmne n ntregime editabil. Ulterior, mpreun cu logo.png, vom optimiza i exporta acest fiier pentru web. Proiectare interfeei paginii Majoritatea paginilor web sunt compuse din elemente multiple, cum ar fi logo-uri, sisteme de navigare text, imagini, multimedia i formulare. Proiectanii deseori apeleaz la Dreamweaver pentru a proiecta layout-ul paginilor, dar acesta prezint anumite limitri ale codului HTML standard care pot stnjeni deciziile de proiectare i experimentare. Fireworks este o alternativ fireasc pentru proiectarea layout-ului. Deoarece fiecare element grafic din sit face parte dintr-un canvas independent de alte obiecte, coninutul este uor i precis de aranjat i rearanjat. Crearea rapid a unor teme pentru un anumit client este uor de realizat datorit interfeei de optimizare robuste i diverselor faciliti de export HTML. Proiectarea ntregului layout n Fireworks implic un anumit workflow: - asamblarea diverselor elemente ntr-un document Fireworks; - desprinderea (slice) paginii n piese individuale: bannere, elemente de navigare, zona principal cu coninut; - optimizarea fiecrei piese pentru a obine o impresie de nalt calitate i o dimensiune mic a fiierelor; - exportul paginii i toate prile ei componente pentru reasamblare n Dreamweaver. 170

Pentru nceput, vom dezvolta ntregul design al paginii n Fireworks, mpreun cu logoul, sistemul de navigare, banner-ul, coninutul principal, reclama i zona de subsol. Vom proiecta de asemenea o schem cu slice-uri pentru pregtirea procesului de optimizare i export. Crearea butoanelor n acest etap vom crea butoane utiliznd editorul de butoane din Fireworks. Pe web, apariia butoanelor de navigare se schimb deseori n funcie de aciunile utilizatorilor. Un clic pe buton, deplasarea mouse-ului pe un buton i mutarea mouse-ului n afara butonului poate schimba modul de apariie a butoanelor. De exemplu, la deplasarea peste un buton acesta se poate aprinde; pentru a obine acest efect, proiectanii vor crea imagini separate pentru a reprezenta fiecare mod diferit de apariie a butonului (button state n Fireworks). Butoanele Fireworks au urmtoarele stri: - Up - implicit; apariia versiunii butonului care apare de obicei cnd o pagin se ncarc; - Over - apare cnd mouse-ului se deplaseaz peste zona activ a butonului; - Down - apariia butonului dup ce utilizatorul execut clic; util pentru a indica pe care pagin se afl n acel moment utilizatorul (sau seciunea vizitat); - Over While Down - apariia strii Down a butonului cnd cursorul este mutat peste acesta. Strile cele mai comune ale unui buton sunt Up i Over i pot fi observate n figura urmtoare:

Pe lng crearea butoanelor pentru fiecare stare, este necesar i un script pentru a indica browser-ului s afieze butonul corect, n funcie de activitatea utilizatorului. Acest script este realizat de obieci n JavaScript, un limbaj de scripting utilizat pentru controlul browser-ului. Scriptul trebuie s in cont de fiecare buton grafic (care reprezint starea) i s rspund adecvat la un anumit eveniment. Fireworks face singur acest lucru; singurul lucru pe care trebuie s-l facem este s crem butoane funcionale construind un buton simbol, folosind editorul din Fireworks Button Symbol. Odat creat, Fireworks stocheaz butonul simbol n Library. Astfel, putem crea cte instane (copii ale butonului simbol original) avem nevoie. Butonul simbol pe care l vom crea pentru sistemul de navigare conine dou stri: Up si Over. 1. File>New (CTRL+N); 2. n fereastra de dialog specificm 200 pentru lime i 200 pentru nlime, rezoluie 72 pixeli/inch i culoarea canvas-ului alb. Butonul pe care l vom crea este mai mic dect canvas-ul dar l vom redimensiona ulterior; este indicat s avem mai mult spatiu de lucru; 3. File>Save>button.png 4. Edit>Insert>New Symbol (CTRL+F8) pentru a crea un simbol 5. n caseta de dialog Symbol Properties numim noul simbol nutrition i selectm tipul Button. Cnd dm clic pe OK, Fireworks deschide automat editorul de butoane simbol. Editorul permite crearea diferitelor stri ale butonului i adaug acest nou simbol la librrie (butonul poate fi vzut din Window>Library).

171

6. selectm instrumentul Ellipse i meninem tasta Shift apsat pentru a desena un cerc perfect peste canvas. 7. utilizm dimensionarea numeric din Property Inspector: W(24), H(24), X(-12) i Y(-12); Fill (#FFFFFF), Stroke Color (#CCCCCC). Setrile numerice ne asigur de dou lucruri: ne asigur c cercul este de exact 24 pixeli n diametru i c cercul este centrat pe canvas. Coordonatele X i Y reprezint distana n pixeli de la colul din stnga sus a imaginii fa de centrul canvas-ului. Pentru a ne asigura c imaginea grafic este centrat n canvas, jumtate din pixeli trebuie s fie deasupra centrului (12) i jumtate n stnga centrului (12). 9. din Property inspector, selectm Stroke Option din categoria Stroke. n caseta de dialog Stroke option, alegem Pencil ca tip de margine, 1-Pixel Soft la numele marginii i 1 la dimensiune. 10. trasm un nou cerc mai mare dar fr al atinge pe cel dinainte. Opiunile Stroke vor fi aceleai.

11. deschidem panoul Align: Window>Align care permite alinierea obiectelor cu precize pe canvas.

172

12. selectm ambele cercuri alegnd Select/Select All; clic pe Horizontal Center i apoi pe Align Vertical Center pentru a alinia cele dou cercuri. Cercul mic va dispare dup alinere; 13. seletm cercul mare folosind instrumentul Pointer i alegem Modify > Arrange > Send to Back. 14. setm coordonatele cercului al doilea: W(30), H(30), X(-15) i Y(-15);

15. utilizm instrumentul Text i adugm NUTRITION sub cele dou cercuri; font Arial Narrow, Size - 12, Font Color - #666666 i aliniem la centru eticheta butonului. n final, setm X(35), Y (21)

Din fericire, crearea strilor rmase este uoar, deoarece putem reulitiza ce am realizat. Crearea strii Button Over Pn n acest moment am creat starea anterioar a butonului (starea Up). Vom dezvolta starea Over a butonului n cele ce urmeaz. Starea Over apare cnd mouse-ul este deplasat peste buton. Starea Over va avea acelai aspect ca starea Up, diferena constnd n dimensiunea cercurilor i imaginea bitmap adiional pe care o vom importa pentru a umple cercul din interior. 1. deschidem imaginea red_onion.jpg (o putem descrca folosind o cutare pe google images ). http://images.google.com/imgres?imgurl=http://www.mercuryappliances.co.uk/images/red_onion.jpg&imgrefurl=http://www.mercuryappliances.co.uk/recipes.php%3Frecipe_id%3D4&h=399&w=420&sz=18&hl=en&start=12&um= 1&tbnid=YtiVoE0d4OxbiM:&tbnh=119&tbnw=125&prev=/images%3Fq%3Dred%2Bonion%26s vnum%3D10%26um%3D1%26hl%3Den%26client%3Dopera%26rls%3Den%26sa%3DN 2. selectm instrumentul Ellipse din bara cu instrumente Tools. Utilizm Property Inspector pentru a seta Stroke i Fill la none. Meninem apsat tasta Shift i trasm un mic cerc n partea de sus. Dup ce convertim cercul la o masc, culoarea marginilor i cea de umplere nu vor fi vizibile.

173

3. Odat cercul selectat, utilizm Property Inspector pentru a schimba coordonatele W, H, X i Y la 36, 36, 1 i 1. Anterior, am creat starea Up a butonului nutrition prin trasarea celor dou cercuri i alinierea acestora utiliznd panoul Align. Ceapa roie trebuie s se potriveasc n cercul interior i din acest motiv vom redimensiona cercul. 4. Comutm pe instrumentul Pointer. Meninem apsat tasta Shift, selectm att cercul ct i fotografia. Alegem Modify > Mask > Group as Mask. n panoul Layers, clic pe imaginea miniaturizat a mtii din layer-ul masc. n Property inspector, setm tipul de masc la Path Outline (nu Grayscale).

174

Cercul scoate acum n eviden ceapa roie chiar dac acoper fotografia. Path Outline spune Fireworks-ului s neglijeze marginea i umplerea cercului i s se ndrepte doar spre conturulformei nsi. Drept rezultat, obiectul care mascheaz masca taie obiectul mascat. Setareaalternativ (Grayscale) poate fi utilizat cnd mbinm dou obiecte ntr-o masc i nu folosind unadin ele pentru a o tia pe cealalt. 5. Din meniul principal selectm Select > Deselect. n Property Inspector clic pe butonul FitCanvas. Aceasta face ca masca circular s se potriveasc perfect pe canvas fr nici un spaiuadiional. Salvm red_onion.png i nchidem fiierul. 6. Ne ntoarcem la button.png i dublu clic pe starea Up a butonului pe care l-am creat anterior pentru a deschide editorul de butoane simbol. Clic pe tab-ul Over pentru a accesa mediul de dezvoltare a strii butonului Over. n editorul pentru butoane simbol, fereastra document afieaz canvas-ul butonului, care este gol. 7. Clic pe butonul Copy Up Graphic. Deoarece majoritatea strilor butonului sunt variaii ale butonului Up, butonul Copy Up Graphic este o modalitate convenabil s copiem automat starea Up a butonului i s-l plasm n canvas-ul strii Over n aceeai poziie. 8. Selectm cercul din exterior i utilizm Property Inspector pentru a schimba coordonatele W, H, X i Y la 41, 42, 21 i 21. Selectm cercul interior i utilizm Propery Inspector pentru a schimba W, H, X i Y la 36, 36, -18 i -18. Starea Over trebuie s fie puin diferit de starea Up i din acest motiv am efectuat o mrire pentru a face loc mtii cu ceapa roie pe care am creat-o anterior. 9. File>Import pentru a importa red_onion.png. Dup ce acest fiier va fi pe canvas (indicat de cursorul n form de L), plasm masca cu ceapa roie n interiorul cercului din mijloc. Putem folosi tastele sgei sau setrile X i Y din Property Inspector pentru o poziionare precis a mtii.

n acest moment, masca cu ceapa roie este plasat n cadrul centrului interior, ceapa roie fiind evideniat n cercul interior cnd mouse-ul se deplaseaz peste buton. 10. selectm instrumentul Text din bara cu instrumente i schimbm culoarea butonului NUTRITION la albastru-verde (#009966). Clic pe butonul Done pentru a nchide editorul de butoane simbol. 11. n button.png, clic pe tab-ul Preview din partea de sus a ferestrei document i deplasm cursorul peste buton pentru a previzualiza strile Up i Over. Salvm button.png i nchidem.

175

O alt variant este s testm documentele Fireworks folosind F12. Fireworks va genera o pagin web temporar complet cu toate elementele grafice necesare i JavaScript, permind testarea n browser-ul implicit. Tem: Realizai i celelalte butoane - ABOUT US, PRODUCTS, RECIPES, NUTRITION, FUNDAMENTAL, EVENTS Bibliografie David Morris, CREAREA UNUI SIT WEB CU FLASH 8, Editura Rosetti, 2006 Cosmin Vrlan, Macromedia FLASH, Editura Polirom, 2004 Page, Khristine Annwn, Macromedia Dreamweaver 8. Pregtire direct de la sursa, Editura: ALL, 2008

176

Capitolul XVI. ELABORAREA DE PROTOTIPURI Avram Clin 1. Ce este HTML? HTML este un limbaj pentru a descrie paginile web. HTML vine de la Hyper Text Markup Language. HTML nu este un limbaj de programare, este un limbaj de marcare. Un limbaj de markup este un set de tag-uri de marcare. HTML utilizeaz marcatori de marcare pentru a descrie pagini web Tag-uri HTML HTML tag-uri de marcare sunt de obicei numite tag-uri HTML: tag-uri HTML sunt cuvinte cheie nconjurate de paranteze unghiulare ca <html>; tag-uri HTML sunt n mod normal n perechi ca <b> i </ b>; tag-ul primul dintr-o pereche este tagul de nceput, tag-ul al doilea este tag-ul final; de nceput i de sfrit sunt numite tag-uri, de asemenea, de deschidere i nchidere tag-uri n limbajul de marcare a hipertextului totul se rezum la structur. Un limbaj de marcare este folosit pentru a descrie care este rolul fiecrei pri din document n raport cu celelalte. Tag-urile HTML sunt folosite tocmai pentru a marca elementele comune, care pot conine text, grafic sau alte elemente. Tag-urile sunt de forma pereche nceput-sfrit:

<tag>............................ .</tag>
coninut arbitrar tagul de nceput Scrierea perechilor de legturi: tagul de sfrit care are caracterul slash (/ )

<tag1> <tag2> CORECT </tag2> </tag1>

<tag1> <tag2> INCORECT </tag1> </tag2>

Tag-uri din cadrul documentului HTML Fiecare document HTML, nc de la creare are dou pri principale: un antet i un corp. Chiar dac nu sunt special delimitate, HTML presupune existena lor. HTML ofer de asemenea ansa de a aduga i alte componente funcionale paginii, sub forma foilor de stil, scripturilor i seturilor de cadre. Dei fac parte din definirea unui document HTML, dou etichete exist n afara structurii documentului: doctype i html. Prima identific versiunea de HTML folosit pentru pagina respectiv i regulile pe care acestea le respect. A doua etichet identific un limbaj global i 177

direcia textului pentru documentul respectiv, n plus marcheaz nceputul i sfritul coninutului HTML. Documentul HTML se indic prin tag-ul HTML <HTML>.........................</HTML> Vom prezenta numai o parte din tag-urile HTML, care sunt importante in realizarea unui design atragator. Se considera ca limbajul HTML este stapinit de catre student, avindu-se in vedere ca au absolvit cursul de Tehnici multimedia. Culori, fonturi, margini O pagin Web poate fi setat prin: - alegerea culorii de fond - alegerea culorii textului i - alegerea dimensiunilor paginii Documente HTML = Pagini Web Documentele HTML descrie paginile web. Documentele HTML contin tag-uri HTML i text simplu. Documentele HTML sunt, de asemenea, numite pagini web. Scopul unui browser web (cum ar fi Internet Explorer sau Firefox) este de a citi documente HTML i a le afia n paginile web. Browser-ul nu se afieaz etichetele HTML, dar folosete taguri pentru a interpreta coninutul paginii:

Exemplu: Textul ntre <html> i </html> descrie pe pagina web. Textul ntre <body> i </body> este coninutul paginii vizibile. Textul dintre <h1> i </h1> este afiat ca o rubric. Textul ntre <p> i </p> este afiat ca un paragraf Editare HTML n acest tutorial vom folosi un editor de text simplu (ca Notepad) pentru a edita HTML. Credem ca aceasta este cel mai bun mod de a nva HTML. Cu toate acestea, dezvolttorii web profesionali prefer adesea editoare HTML cum ar fi FrontPage sau Dreamweaver, n loc de a scrie text simplu.

178

HTM sau. HTML. Care este corect? Cnd salvai un fiier HTML, putei utiliza fie. htm sau extensia html. Noi folosim. Htm n exemplele noastre. Este un obicei din trecut, atunci cnd software-ul nu permitea scrierea doar a trei caractere pentru extensiile de fiiere. Cu software-ul nou este perfect sigur de utilizat i HTML. Atributele n HTML Atributele pot fi definite ca niste proprietati ale tag-urilor. Atributele se pun numai in tag-ul de inceput. Daca un tag nu are nici un atribut, atunci browser-ul va lua in considerare valorile implicite ale tag-ului respectiv. Pentru a intelege mai bine notiunea de atribut sa vedem cateva exemple. Culoarea de fond Culoarea se obtine din amestecul a celor trei culori fundamentale: rou, verde i albastru. Culoarea de fond a unei pagini Web se specific utilizand : nume de culoare. Astfel sunt disponibile cel puin 16 nume de culori, astfel avem urmatoarele nume: red, green, blue, aqua, black, fuchsia, gray, lime, maroon, navy, olive, purple, silver, teal, white i yellow. secventa hexazecimala #rrggbb unde r,g sau b sunt cifre hexazecimale i pot lua valorile din multime {0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, A, b, B, c, C, d, D, e, E, f, F};astfel se pot defini 65536 de culori. functia rgb(r,g,b), unde r,g si b iau valori din multimea numerelor naturale {0,1,2255}

Culoare pentru tag-ul body Culoarea unei pagini se precizeaz prin intermediul unui atribut al etichete <body>. Sintaxa: <body bgcolor = culoare>, unde culoare se stabilete dup modelul precizat mai sus. Exemplu a unei pagini Web cu fondul de culoare cyan:

179

Unul dintre lucrurile simple pe care le putei face astfel nct pagina dumneavoastr Web s arate mai elevat este s-i dai un titlu adecvat, cu ajutorul controlului <TITLE>. Titlul apare de obicei pe bara de sus a ferestrei afiate pe calculatorul utilizatorului. Marcajul <TITLE> v permite s definii exact titlul dorit al documentului. Este un marcaj pereche i apare n cadrul blocului de informaii <HEAD></HEAD> conform exemplului de mai jos. <HEAD> <TITLE>Prima pagina</TITLE> </HEAD> n exemplu de mai jos este afiat titlul pagini i modul n care este vizualizat linia orizontal. Un control foarte bun pentru organizarea vizual a documentului este marcajul de rigl orizontal: <HR>. Plasat oriunde ntr-un document Web, acest marcaj produce o linie subire orizontal afiat pe ntreaga lime a paginii.

Putei utiliza rigla orizontal de mai multe ori ntr-un document Web, ca i orice alt element de marcare sau de proiectare. Utilizat judicios. Marcajul <HR> este extreme de util pentru crearea paginilor. Definirea subtitlului Fiecare nivel de subtitlu are un control de deschidere i unul de nchidere. Marcajul pentru nivelul cel mai de sus este <H1>; cel mai de jos (pentru cea mai redus i mai puin important seciune) este <H6>.

180

Definirea paragrafului Cele mai importante i mai folosite sunt marcajele care specific faptul c dorii trecerea la un paragraf nou sau linie nou. Exist diverse variante ale acestor controale, dar putei crea documente Web lizibile i utile utiliznd doar cele dou marcaje <P> i <BR>. Pentru a specifica trecerea la un paragraf nou, utilizai controlul <P>.

Stiluri de text Prin stiluri de text nelegem specificarea caracterelor ngroate, italice i a modificrilor care pot fi fcute asupra textului. Comenzile de formatare din HTML se pot utiliza oriunde, dar o strategie mai bun este s le utilizai acolo unde sunt cele mai adecvate. Multe pagini Web tind deja s fie prea ncrcate, iar utilizarea n exces a caracterelor italice i ngroate face ca diversitatea s fie i mai neplcut. Formatarea ngroat i cea pentru scriere nclinat necesit marcaje HTML pereche: Marcajul de formatare italic nclinat este <I>, cu marcajul pereche</I> Marcajul de formatare ngroat este <B>, cu marcajul pereche</B> <html> <body>

181

<p><b>Acest text este ingrosat</b></p> <p><strong>Acest text este scris cu caractere puternice</strong></p> <p><big>Acest text este mare</big></p> <p><i>Acest text este inclinat</i></p> <p><small>Acesta este mic</small></p> <p>Textul este_indice si ^exponent</p> </body> </html> Codul HTML de mai sus va fi vizualizat n felul urmtor:

Utilizarea dimensiunilor, culorilor i a corpurilor de liter Toate modificrile caracteristicilor fontului se fac prin diverse variante ale marcajului <FONT>. Marcajele HTML pot avea atribute specifice date prin perechi de forma nume = valoare. <font size=7> este scris cu cele mai mari caractere </font> Fontul implicit este SIZE=3 pentru majoritatea programelor de navigare. Modificrile relative nu pot reduce fontul sub SIZE=1 sau peste SIZE=7. Fontul poate fi specificat i n mod absolut. <font size=+1> este scris cu cele mai mari caractere </font>

182

Acest cod HTML va mari fontul cu o unitate fa de cel precedent. (dac nu a fost definit fontul are valoarea SIZE=3 iar prin utilizarea comenzii FONT SIZE=+1 fontul va avea valoarea SIZE=4) n mod similar se poate specifica o culoare pentru o poriune de text, prin folosirea unui alt atribut al marcajul <FONT>. Numele este color iar secvena de utilizare este: <FONT COLOR=BLUE> scrie cu culoarea albastra</FONT>. Marcajele HTML care au atribute, au o proprietate util a limbajului de marcare i anume este posibil specificarea mai multor atributen acela marcaj. <font size=7 color=blue> este scris cu cele mai mari caractere si colorat</font> Alt atribut al marcajului <FONT>este specificarea FACE a unui corp de liter. La acest atribut trebuie specificat numele exact al fontului. <font face=ARIAL> este scris cu caractere diferite</font> sau <font size=7 color=blue face=Arial> este scris cu cele mai mari caractere si colorat</font> <html> <head> <title>Formatarea</title> </head> <body> <font size=7> Acesta este un text</font> <p> <font size=+1> Acesta este un text cu caractere mai mari</font> decat cele implicite <p><font size=6 color=blue>Acesta este un text</font> <p><font face="VERDANA"> Acesta este un text</font> <p><font size=5 color=blue face="MONOTYPE CORSIVA">Acesta este un text</font> </body> </html>

183

Liste i caractere speciale Listele cel mai des utilizate sunt listele marcate numite i liste neordonate. Listele neordonate ncep cu <UL> i se ncheie cu </UL>, iar fiecare element al listei este definit prin controlul <LI>.
<ul> <li>Cafea</li> <li>Lapte</li> </ul>

Pentru liste ordonate se aplica urmtorul exemplu:

<ol> <li>Coffee</li> <li>Milk</li> </ol>

184

Caractere speciale Caracterele speciale i diacriticele sunt sunt entiti care nu sunt incluse ntre paranteze unghiulare (<>) ele ncep ntotdeauna cu (&) i se tremin cu (;). Iat n continuare codurile HTML pentru cele mai folosite caractere si simboluri, care nu se gsesc pe tastatura calculatorului: Simbol Cod HTML Numar &#160; &#162; &#163; &#169; &#171; &#174; &#176; &#177; &#178; &#179; &#181; &#182; &#185; &#187; &#188; &#189;

Nume &nbsp; &cent; &pound; &copy; &laquo; &reg; &deg; &plusmn; &sup2; &sup3; &micro; &para; &sup1; &raquo; &frac14; &frac12;

185

&#190; &#194; &#206; &#215; &#216; &#226; &#238; &#247; &#248; &#350; &#351; &#354; &#355; &#8364;

&frac34; &Acirc; &Icirc; &times; &Oslash; &acirc; &icirc; &divide; &oslash;

&euro;

Acum dup ce am vzut codurile pentru diverse caractere pe care le vom folosi n cadrul paginilor noastre web, s vedem cum arat codul paginii noastre de la nceput, dac textul va fi scris cu diacritice: <HTML> <HEAD> <TITLE>Prima mea pagina web</TITLE> </HEAD> <BODY> Bine ai venit!<BR> Vom &#238nv&#259&#355;a &#238mpreun&#259 limbajul HTML. Aceasta este prima mea pagin&#259 web! </BODY> </HTML>

186

Referine ctre alte pagini Web Marcajul HTML principal pentru referine externe este <A>, marcajul ancor. Acesta trebuie s conin atribute. Fr atribute, marcajul <A> nu are sens i nu afecteaz formatarea informaiei. Urmtorul exemplu va avea efect ca afiare fr formatarea textului: Acum putei vizita <A> Casa Alba</A> on line! Pentru ca aceast legtur s devin activ, adic s comande programului de navigare s execute ceva, trebuie s specificai un atribut de referin hipertext: HREF="valoare".

Definirea intelor ntr-un document Web Cel mai mare avantaj al acestor atribute din marcajele de formatare este c putei asigura o excelent consisten a interfeei i a prezentrii informaiei. De exemplu, legturile din pagina s conduc ctre alte pagini Web, alte legturi l conduc pe aceeai pagin i restul legturilor n conduc spre documente de pe propriul server. Toate legturile vor avea aceeai form (vor avea culoarea albastr i vor fi subliniate) i aceeai funcie. O asemenea abordare a proiectrii documentelor Web conduce la pagini uor de parcurs. Uneori este imposibil ca un document s nu ocupe mai multe ecrane. Una dintre problemele pe care proiectanii de pagini Web trebuie s le rezolve este s-i dea seama cnd anume este optim plasarea unui document ntr-un fiier HTML unic i cnd este optim organizarea sa ca un set de fiiere. Regula este separarea paginilor prin puncte logice de salt i minimizarea timpului de ncrcare pentru cititori. intele salturilor interne din documente Web sunt cunoscute sub numele de ancore cu nume. Marcajul HTML pentru un punct-ancor este o variant a marcajului <A>: <A name=valoare>. Valoarea poate fi orice secven de caractere. Corespondena unei ancore HTML este marcajul de formatare care definete saltul sau legtura activ din cadrul documentului. Aceasta este o variant a marcajului <A>, atributul necesar este o alt referin hipertext de tip HREF, URL-ul fiind nlocuit de data aceasta cu numele ancorei, prefaat de sinbolul diez (#). Dac ancora la care dorii s v conectai este specificat prin <a name=capitolul 1>, saltul n pagin ar trebui specificat prin <a href=#capitolul 1>capitolul 1</a>. <TITLE>Prima mea pagina web</TITLE> </HEAD> <BODY> <center> <H1>Referinte interne</H1> 187

<font size=2> <a href=#cap1>Capitolul 1 </a> | <a href=#cap2>Capitolul 2 </a> | <a href=#cap3>Capitolul 3 </a> | <a href=#cap4>Capitolul 4</a> </font> </center> <br> <blockquote> <DL> <a name="cap1">Capitolul 1:</a> <DD>Se descrie informatia din capitolul 1.</DL> <br> <DL> <a name="cap2">Capitolul 2:</a> <DD>Se descrie informatia din capitolul 2.</DL> <br> <DL> <a name="cap3">Capitolul 3:</a> <DD>Se descrie informatia din capitolul 3.</DL> <br> <DL> <a name="cap4">Capitolul 4:</a> <DD>Se descrie informatia din capitolul 4.</DL> <br> </blockquote> </BODY> </HTML>

188

Salturi n cadrul listelor organizate Ancorele i punctele de salt sunt folosite frecvent i pentru a-i ajuta pe cititori s navigheze n liste de dimensiuni mari, cu informaii sortate alfabetic. S considerm urmtoarea redactare simpl a unei agende telefonice: <HTML> <HEAD> <TITLE>Carte de telefoane</TITLE> </HEAD> <BODY> <H1>Carte de telefoane</H1> <br> Ordonarea: <A HREF="#a-c">[A-C]</A> <A HREF="#d-h">[D-H]</A> <A HREF="#i-l">[I-L]</A> <A HREF="#m-n">[M-N]</A> <A HREF="#o-s">[0-S]</A> <A HREF="#t-z">[T-Z]</A><BR> <H2><A NAME="a-c">A-C</A></H2> Benson, George (07220...)<BR> Coleman, Ornette (07660...)<BR> Coltrane, John (07400...) <H2><A NAME="d-h">D-H</A></H2> Dorsey, Tom (07220...)<BR> Eilington, Duke (07660...)<BR> Getz, Stan (07660...)<BR> <H2><A NAME="i-l">I-L</A></H2> Jackson,.Milt (07400...)<BR> Laffite, Guy (07220...) <BR> <H2><A NAME="m-n">M-N</A></H2> Monk, Thelonious (07400...)<BR> Noorie, Jitnmy (07220...)<BR> <H2><A NAME="o-s">0-S</A></H2> Parker, Charlie (07660...)<BR> Peterson, Oscar (07400...)<BR> Reinhardt, Django (07220...)<BR> <H2><A NAME="t-z">T-Z</A></H2> Taylor, Billy (07400...)<BR> Tyner, McCoy (07220...)<BR> Waller, Fats (07660...)<BR> </body> </html>

189

Referin pentru inserarea de imagini nainte de a trece mai departe la marcajul HTML n sine, este important s acordm puin timp formatelor grafice acceptabile, aceasta deoarece exist sute de formate diferite, dintre care numai dou sunt larg nelese de software-ul de navigare Web. Cele dou formate permise de HTML sunt: GIF: Graphics Interchange Format introdus de Compuserve JPEG: formatul introdus de Joint Photographic Expert Group Comparaia performanelor formatelelor GIF i JPEG const n a aprecia subtilitile acestora. Imaginile GIF pot utiliza doar 256 de culori, pe cnd JPEG permite milioane de culori distincte ntr-o imagine (dei afiarea lor corect depinde de tipul de display pe care utilizatorul l are n sistemul su de calcul). Ambele formate grafice comprim imaginile pentru a reduce dimensiunea fiierelor dar, deoarece comprimarea se face n mod diferit, unele imagini vor avea dimensiuni mult mai mici ntr-un format dect n cellalt. Motivul principal pentru care formatul de imagine GIF este att de atractiv pentru proiectanii de Web nu este paleta mic de culori, ci faptul c putei reduce paleta pn la minimul necesar pentru o imagine specific, ceea ce conduce la o scdere dramatic a dimensiunii fiierului. Imaginile grafice sunt construite din pixeli: puncte distincte de informaie din imagine. n cazul unei imagini GIF, fiecare pixel poate avea una din cele maxim 256 de culori distincte, dar ce se ntmpl dac imaginea utilizeaz doar dou culori n loc de 256? Poate fi o sigl a unei companii sau ceva similar. n acest caz, putei reduce destul de mult dimensiunea imaginii GIF: fiecare pixel necesit un singur bit de informaie (un octet are 8 bii), comparativ cu 8 bii de

190

informaie pentru opiunea complet de 256 de culori. Cu alte cuvinte, ai redus dimensiunea fiierului la o optime din dimensiunea iniial. n general, formatul GIF este utilizat pentru majoritatea imaginilor din Web, n special pentru butoane, panouri publicitare (banners) i alte elemente similare, datorit dimensiunii mai mici a fiierelor. Formatul JPEG este necesar atunci cnd dorii s imitai ct mai exact culorile exacte ale imaginii originale. De exemplu, un prieten are o locaie Web n care i etaleaz unele dintre excelentele sale fotografii dup natur, iar pentru reproduceri fotografice este obligatoriu s foloseasc formatul JPEG pentru toate imaginile. n caz contrar s-ar pierde nuanele culorilor. Includerea imaginilor ntr-un document Web este imediat utilizai marcajul de formatare <IMG> (imagine). La fel ca la marcajul ancor <A>, marcajul IMG are un singur atribut esenial, SRC=numegrafic i la fel ca rigla orizontal <HR>, nu are marcaj-pereche pentru nchidere.

Sunt adugate i alte opiuni pentru marcajul <IMG>. Una dintre opiunile noi v permite s specificai limea (WIDTH) i nlimea (HEIGHT) imagini, nainte ca aceasta s fie ncrcat, ceea ce face ca documentul s fie redat mai rapid pe ecran, chiar nainte ca graficul s fei recepionat. Valorile sunt specificate n pixeli. Dar programul Lynx nu poate afia imagini grafice. Ca urmare, este permis un atribut suplimentar al marcajului <IMG>, special pentru aceast situaie. Secvena magic este MT=text-alternativ. Ceea ce apare pe post de text-alternativ este afiat n situaia n care utilizatorul nu poate vizualiza imagini sau opteaz pentru eliminarea ncrcrii graficelor, pentru a accelera navigarea n Web (aproximativ 10% din utilizatori fac acest lucru n mod curent). Opiuni de aliniere a imaginii Dar ce s-ar ntmpla dac ai dori o alt aliniere? Sa dac utilizai diverse alinieri pentru grafice multiple? V putei atepta la un al treilea atribut al marcajului de formatare <IMG>, ALIGN, care v ofer un control precis al alinierii. Cele trei alinieri standard sunt ALIGN=top, ALIGN=middle i ALIGN=bottom. n mod implicit, imaginile i materialele adiacente sunt aliniate la baza imaginii, aa cum se vede n figura de mai jos. Urmtoarea secven HTML exemplific aceste trei opiuni de aliniere: <HTML> <HEAD> <TITLE>Carte de telefoane</TITLE> </HEAD> <BODY> <H1>Opriuni de aliniere a imaginilor</H1> <H2>Align=top</H2> Doriti sa continuati?<A HREF="referinte.html"> <IMG SRC="buton.gif" ALIGN=top B0RDER=0></A> Tastati litera A (ALIGN=top) 191

<H2>Align=middle</H2> Doriti sa continuati?<A HREF=referinte.html"> <IMG SRC="buton.gif" ALIGN=middle BORDER=O></A> Tastati litera A (ALIGN=middle) <H2>Align=bottom</H2> Doriti sa continuati?<A HREF=referinte.html"> <IMG SRC="buton.gif" ALIGN=bottom BORDER=O></A> Tastati litera A (ALIGN=bottom) </BODY> </HTML>

Atunci cnd poziionai imaginile dumneavoastr, amintii-v c diversele programe de navigare au diferite limi de ecran i c aceste programe sunt libere s deplaseze elementele pentru ca s ncap pe ecran. O greeal clasic ntr-o pagin, altfel foarte artoas, este s o vizualizai ntr-o fereastr relativ ngust i s tragei concluzia c totul arat bine. Un utilizator care are un ecran uria va vedea toate graficele i textele nghesuite n partea de sus - un aranjament care compromite aspectul general al paginii. Iat o regul empiric simpl pentru imagini: Dac dorii ca n dreapta unei imagini s nu apar nimic, adugai un marcaj <BR> la sfritul secvenei HTML care specific acel grafic. Organizarea informaiilor n tabele
Tabelele reprezint o extensie important a limbajului HTML. Dar, spre deosebire de tabelele din procesorul dumneavoastr favorit de texte, tabelele HTML pot s v solicite destul de mult.

192

Bazele formatrii tabelelor Dei tabelele ofer o mulime de posibiliti interesante, au i un dezavantaj: sunt destul de greu de construit. Trebuie s specificai parametrii tabelului, apoi parametrii fiecrei linii iar, n final, fiecare celul trebuie nconjurat de marcajele <TD></TD> date de tabel. Iat un exemplu simplu de tabel: <HTML> <HEAD> <TITLE>Carte de telefoane</TITLE> </HEAD> <BODY> <B>Produse</B> <TABLE BORDER=1> <TD>Lapte</TD> <TD>Paine</TD> <TD>Miere</TD> <TD>Sunca</TD> </TR> </TABLE> </BODY> </HTML>

Acest cod plaseaz toate datele pe aceeai linie (adic pe acelai rnd, delimitat de <TR> i </TR>), dup cum se vede n figur. Dac dorim s scriem informaia sub forma unui element pe fiecare rnd (adic linie), codul devine mai complex: <HTML> <HEAD> <TITLE>Carte de telefoane</TITLE> </HEAD> <BODY> <B>Produse</B> <TABLE BORDER=1> <TR> 193

<TD>Lapte</TD> </TR> <TR> <TD>Paine</TD> </TR> <TR> <TD>Miere</TD> </TR> <TR> <TD>Sunca</TD> </TR> </TABLE>

</BODY> </HTML>

Marcaj TABLE BORDER=n

Semnificaie Limea zonei umbrite din jurul tabelului. Dac BORDER=O, atunci se elimin i caroiajul din interiorul tabelului.

CELLSPACING=n Spaierea dintre celule (pixeli) CELLPADDING=n Spaierea dintre chenar si coninutul celulei (pixeli) WIDTH=n Limea dorit, prioritar fa de limea calculat (pixeli sau procente)

Mai putei specifica i alinierea orizontal a celulelor de date, cu ajutorul opiunii ALIGN. Opiunile sunt ALIGN=left (la stnga, implicit), ALIGN=center (centrat) i ALIGN=right (la dreapta), aa cum se arat n fragmentul HTML urmtor. VALIGN v permite s specificai alinierea pe vertical - VALIGN=top, de exemplu, face ca toate celulele dintr-o linie s conin informaia aliniat n partea superioar, n loc de opiunea implicit de centrare pe vertical. Opiunile pentru VALIGN sunt top (sus), middle (centrat) i bottom (jos).

194

<TABLE BORDER=5 WIDTH=50%> <TR> <TH>Show</TH><TH>Day On A&E</TH> </TR> <TR ALIGN=CENTER> <TD>Sherlock Holmes</TD> <TD>Monday</TD> </TR> <TR ALIGN=CENTER> <TD>Lovejoy</TD> <TD>Monday</TD> </TR> </TABLE>

Liniile i coloanele se pot ntinde pe mai multe uniti de tabel, dac este nevoie, deci am putea aduga un antet mai frumos pentru tabelul precedent, specificnd C0LSPAN=2 pentru o nou celul de date extins pe dou coloane: <TABLE BORDER=5 WIDTH=50%> <TR> <TD COLSPAN=2 ALIGN=center> <FONT SIZE=5>Arts & Entertainment</FONT></TD> </TR> <TH>Show</TH><TH>Day On A&E</TH> <TR ALIGN=CENTER> <TD>Sherlock Holmes</TD><TD>Monday</TD> </TR><TR ALIGN=CENTER> <TD>Lovejoy</TD><TD>Monday</TD> </TR> </TABLE>

195

Exist mai multe opiuni suplimentare de formatare care v ajut s nvai cum s exploatai eficient acest set de proprieti ale grupului de marcaje specifice tabelelor. Una din cele mai importante o reprezint controlul culorilor n tabele - mai precis, culoarea de fond a celulelor. Culorile dintr-o anumit celul de date apar n marcajul <TD> ntr-un mod care nu v va surprinde: <TD BGCOLOR=yellow>text pe fond galben</TD> Atributul COLSPAN este destul de uor de neles, adevrata provocare la nivel conceptual este nelegerea utilizrii atributului ROWSPAN, care v permite s extindei o celul de date pe mai multe linii ale tabelului. <TABLE BORDER=5 CELLPADDING=5> <TR> <TD BGCOLOR=RED ROWSPAN=5>Programe TV</TD> <TD>MTV</TD></TR> <TR><TD>SPORT 1</TD></TR> <TR><TD>SPORT 2</TD></TR> </TABLE> </CENTER>

n tabelul urmtor vor fi prezentate cele mai utilizate tag-uri mpreuna cu cele mai importante atribute ale lor: Nume tag Nume Valoare atribut Detalii atribut

196

<A> href target URL _blank _self _parent _top

Ancora Adresa ctre care vrem s fie legtura Fereastra n care se va face afiarea

<B> <BODY> background bgcolor leftmargin adresa imaginii cod culoare nume culoare

Text bold Cuprinsul documentului Imaginea de fond Culoarea fondului

procent din limea Distanta dintre marginea din stnga a paginii numr de pixeli ferestrei browserului i marginea din stnga a paginii procent din nlimea Distanta dintre marginea de sus a ferestrei paginii numr de pixeli browserului si marginea de sus a paginii cod culoare nume culoare cod culoare nume culoare cod culoare nume culoare cod culoare nume culoare Culoarea textului Culoarea legturilor active (atunci cnd mouse-ul se afla deasupra lor) Culoarea legturilor nevizitate (nu s-a efectuat nici un click pe ele) Culoarea legturilor vizitate (s-a efectuat cel puin un click pe ele) Sfritul rndului Afiarea n centrul paginii Fontul textului

topmargin

text alink link vlink <BR> <CENTER> <FONT> color face size <FORM> action

cod culoare nume culoare nume font un numr de la 1 la 7

Culoarea fontului Tipul fontului Mrimea fontului Formular interactiv

URL

Adresa scriptului care prelucreaz datele din cadrul formularului

197

method <FRAME>

GET POST

Metoda de prelucrare a datelor formularului Cadru (fereastra)

frameborder 1 sau 0 marginheight numr de pixeli marginwidth numr de pixeli src <FRAMESET> cols URL

Cadrul are sau nu are chenar Spaiu deasupra si sub un cadru Spaiu la stnga i la dreapta unui cadru Sursa cadrului Mulime de ferestre

procent din limea numrul i mrimea relativa a coloanelor paginii numr de pixeli procent din nlimea numrul i mrimea relativa a rndurilor paginii numr de pixeli Titluri in cadrul documentului

rows

H1, H2, H3, H4, H5, H6 align left center right justify

Alinierea titlului

<HEAD> <HR> align left center right cod culoare nume culoare numr de pixeli

Antetul documentului Linie orizontala Alinierea orizontala a liniei

color size width

Culoarea liniei nlimea liniei

procent din limea Limea liniei paginii numr de pixeli Document HTML Text italic Adugarea unei imagini

<HTML> <I> <IMG>

198

align

left right top middle bottom text numr de pixeli

Alinierea imaginii in pagina: left (stnga) sau right (dreapta) Alinierea elementelor din jurul imaginii: top (sus), middle (mijloc), bottom (jos) Text ce va fi afisat in locul imaginii, in cazul in care, aceasta nu este afisata Marimea chenarului din jurul imaginii

alt border height hspace src vspace width <INPUT> maxlength name size src type

procent numr de pixeli nlimea imaginii numr de pixeli URL numr de pixeli Spaiu pe orizontala in jurul imaginii Adresa imaginii Spaiu pe verticala in jurul imaginii

procent numr de pixeli Limea imaginii Element al formularului numr date de tip caracter numr URL text password checkbox radio submit reset file hidden image button date de tip caracter Numar maxim de caractere Numele elementului formularului Mrimea elementului formularului Adresa pentru o imagine Tip input

value <LI> <META> content name

Valoare input Element al unei liste Metainformatii

text author description

Descrie valoarea atributului name Autor Descriere

199

keywords <OL> start type <P> align left center right justify numar A, a, I, i, 1

Cuvinte cheie Lista ordonata Cu ce valoare ncepe numerotarea Tipul numerotrii: A, a, I, i, 1 (implicit) Paragraf Alinierea paragrafului

<SELECT> multiple name size <STRONG> <SUB> <SUP> <TABLE> align left center right URL cod culoare nume culoare date de tip caracter numr

Lista de selecii Permite selecia mai multor elemente Numele listei de selecii Numrul de elemente ale listei Text evideniat Text indice Text exponent Tabel Alinierea tabelului

background bgcolor border bordercolor cellpadding cellspacing cols hspace vspace width

Imaginea de fond pentru tabel Culoarea fondului pentru tabel

procent numr de pixeli Chenarul tabelului cod culoare nume culoare numr de pixeli numr de pixeli numr numr de pixeli numr de pixeli Culoarea chenarului Spaiu ntre coninutul celulelor tabelului si marginile lor Spatiu ntre celulele tabelului Numrul de coloane ale unui tabel Spaiu pe orizontala n jurul tabelului Spaiu pe verticala n jurul tabelului

procent numr de pixeli Limea tabelului

200

<TD> align left center right URL cod culoare nume culoare numr numr de pixeli numr top middle bottom numr de pixeli

Celula de tabel Alinierea coninutului celulei pe orizontal

background bgcolor colspan height rowspan valign

Imaginea de fond pentru celula Culoarea fondului pentru celula Numrul de coloane pe care se ntinde celula nlimea celulei Numrul de linii pe care se ntinde celula Alinierea coninutului celulei pe vertical

width <TEXTAREA> cols name rows <TITLE> <TR> align

Limea celulei Cmp de editare multilinie

numr date de tip caracter numr

Numrul de coloane Numele cmpului de editare multilinie Numrul de rnduri Titlu document Rnd tabel

left center right cod culoare nume culoare top middle bottom

Alinierea coninutului celulelor pe orizontal Culoarea fondului pentru tot rndul Alinierea coninutului celulelor pe vertical

bgcolor valign

<U> <UL> type circle disc square

Text subliniat Lista neordonata Forma marcajului

Formulare n HTML

201

Formularele v asigur construirea unor pagini Web care permite utilizatorilor s introduc efectiv informaii i s le transmit serverului. Formularele pot varia de la o simpl caset de text, pentru introducerea unui ir de caractere pe post de cheie de cutare element caracteristic tuturor motoarelor de cutare din Web pn la o structur complex, cu multiple seciuni, care ofer faciliti puternice ale transmisiei datelor. Toate formularele sunt asemntoare, dar exist numai dou ci prin care informaiile pot fi transmise de la programul de navigare Web la serverul situat n cellalt capt al reelei. Dac transmitei informaiile cuprinse ntru-un formular, i URL-ul de destinaie include informaiile pe care le-ai introdus, avem de-a face cu metoda numit get (METHOD=GET) sau cu un formular de tip get. Alternativa este aceea n care atunci cnd transmitei informaiile, URL-ul de destinaie arat perfect normal, fr alte elemente suplimentare adugate la sfrit. Dac aceasta este situaia, atunci avei de-a face cu metoda numit post (METHOD=POST) sau cu un formular de tip post. Formularele HTML sunt delimitate de marcaje <FORM>, care se specific prin <FORM ACTION=url METHOD=metoda> i prin marcajul de terminare metoda <?FORM>. Url-ul indic fiierul sau aplicaia aflat la distan care urmeaz s prelucreze informaiile, iar metoda se specific fie prin GET, fie prin POST.

Formulare
Tag-ul <form > Un formular este delimitat de tag-ul <form>....descriere formular...</form>. ntre tag-ul de intrare i cel de ieire sunt inserate, n principal controalele formularului. Principalele atribute ale tag-ului form sunt: action method enctype target Form-ul are 2 atribute importante: action si method. Sintaxa: <form action = valoare_a method = valoare_m> </form> unde: - valoare_a poate lua ca si valoare: adresa URL a unui adresa URL a unui script aflat pe server, care primeste datele formularului , se face o prelucrare a datelor si expediaza un raspuns utilizatorului daca e cazul adresa de mail , caz in care datele formularului sunt transmiseprin posta electronica Exemplu: action = www/ Script Exemplu: action = mailto: test@yahoo.com - valoare_m poate lua 2 valori: get este valoare implicita(datele din formular se adauga la adresa URL specifcata in action); post (datele sunt expediate separat; se foloseste cand sunt transmise cantitati mari de date ). Tag-ul <input>:

202

Pentru a crea diferite butoane sau casete se foloseste tag-ul <input> Sintaxa: <input type = name = value = > unde type poate lua valorile urmatoare text radio ( atributul checked selecteaza la prima activare a paginii butonul); checkbox; submit trimite reset sterge (reseteaza); password parola (cand scriem se vad asterixuri, dar la server(destinatar)se vede totusi parola decodificata). name este numele atasat casetei sau butonului . Nu reprezinta continutul butonului sau casetei. continutul value ce apare scris pe buton sau continutul castei sau in cazul butoanelor radio numele butoanelor care fac parte din aceiasi familie.(continutul); Alte atribute ale tag-ului input: -size specifica latimea campului de editare; -maxlenght - specifica maximul de caractere. Daca intr-un input lipsete atributul type, rezulta implicit type = text. Limbajul JavaScript va recunoate butoanele dup name. Liste de selecie <select> <option >. </select> O lista de selectie permite alegerea unuia sau mai multor elemente dintr-o lista finita. Are 2 atribute importante : name si size. Elementele dintr-o lista se introduc cu tag-ul <option>. Sintaxa: <select name = nume size = numar> <option value = valoare_1 selected> Element_1 <option value = valoare_2 > Element_2. <option value = valoare_3> Element_3 </select>. unde: name numele listei de selecie size este un numar intreg pozitiv, precizeaza cate elemente din lista sunt vizibile la un moment dat <option > este tag-ul care include elementele listei. Server-ul primeste perechea Continutul din value si valoarea dupa option selected permite selectarea prestabilita a unui element al listei

203

Lista de selecie cu selecii multiple Are aceiai sintaxa cu lista de selecie descrisa mai sus, dar in plus are atributul multiple in tag-ul select.

204

Cmpuri de editare multiple Se fac cu tag-ul <textarea > Sintaxa: <textarea liste de atribute> text </textarea> Din lista de atribute enumeram: cols (nr de caractere afisate intr-o linie), rows (nr de linii afisate simultan), name (permite atasarea unui nume), wrap care determina comportamentul campului de editare fata de sfarsitul de linie. Atributul poate lua valorile: off, hard, soft..

205

ntre tag-ul de intrare i cel de ieire ale formularului sunt inserate, n principal, controalele formularului. Un control este o form de interaciune a utilizatorului cu formularul. Putem prezenta conform tabelului de mai jos principalele controale ntr-un formular HTML prezentate mai sus: CONTROL ACIUNE A UTILIZATORULUI text Introducere a unui text de volum redus password Introducere a unui text de volum redus, care apare, pe ecran, mascat cu "*" submit Activare (pentru a transmite informaiile completate de utilizator) reset Activare (pentru a restabili valorile iniiale ale tuturor controalelor formularului) checkbox Bifare radio Bifare textarea Introducere a unui volum mare de text menu Alegere a unei opiuni dintr-un meniu TAG Input Input Input Input Input Input Textarea Select option

Hri de imagini O imagine poate fi folosita ca si zona activa. In acest caz imaginea se insereaz n documentul HTML intre etichetele <a> si </a>. 206

Exista insa posibilitatea de a crea hri de imagini (image maps) care permite ca diferite zone ale unei imagini sa fie definite drept legturi ctre diverse pagini WEB. Crearea unei hri de imagini presupune trei etape: Definirea unei imagini ca harta de imagini. Se v a utiliza tag-ul <img> cu atributele src si usemap. Numele dat pozei in usemap, precedat de semnul#, se va regasi obligatoriu in tagul map, in atributul name.. Definirea hartii in interiorul unui bloc special definit cu tag-ul <map> si </map>. Tag-ul are un atribut obligatoriu si anume name, care primeste ca si valoare numele hartii ( numele din usemap); Crearea zonelor pe harta. Fiecare zona se introduce cu eticheta <area>. Eticheta <area> are trei atribute obligatorii: 1. shape care poate lua una din valorile: rect (pentru zone de forma dreptunghiulare); circle (pentru zone de forma circulara); poly (pentru zone de forma poligonala); default (pentru portiunile imaginii care nu se incadreaza in nici una dintre categoriile anterioare) 2. coords determina coordonatele zonei 3. href primeste adresa URL a paginii indicate de legatura zonei respective. Valorile atributului shape: rect coords=x1,y1,x2,y2 dreptunghi unde (x1, y1) este coordonata coltului stanga sus si (x2, y2) este coordonata coltului dreapta jos. circle coords=x1, y1,r (x1,y1) este centrul cercului de raza r. Poly coords=x1,y1,x2,y2,...xn,yn poligonul cu varfurile de coordonate (x1,y1), (x2,y2), (x3,y3),.... Pentru obinerea automata a coordonatelor se poate folosi programul MAP This, program care definete regulile pentru o imagine .gif sau .jpeg. Programul este freeware i se poate descrca de pe Internet.

207

Evenimentele onfocus i onblur O pagina poate conine mai multe elemente prin care putem introduce date. Daca introducem un ir de caractere ntr-un cmp de editare spunem ca respectivul element primete focusu-l. Evenimentul onfocus are loc atunci cnd un element primete focus-ul; Evenimentul onblur are loc cnd elementul pierde focusul. Elementele care primesc focus-ul au doua metode importante: metoda onfocus() atribuie focus-ul elementului metoda onblur() face ca elementul sa piarda focusul. Exemplu: ntr-o caseta trebuie s se introduc un text, n cazul n care se face click, fr a introduce ceva, apare un mesaj, prin care se cere reintroducerea unei valori. Nu putem pleca mai departe pn cnd nu am introdus ceva.

208

Reguli CSS ( Foi de stil in cascada) CSS este un acronim pentru Cascading Style Sheets (foi de stil n cascad). CSS este utilizat la mbuntirea prezentrii unei pagini Web (adic a modului n care browser-ul o afieaz). CSS permite stabilirea proprietilor pentru elementele HTML utiliznd o gam uria de valori. Avnd la dispoziie mai mult de 100 de proprieti, CSS este un instrument avansat destinat proiectanilor Web pentru crearea de site-uri profesionale, care nu pot fi construite folosind atribute HTML obinuite. In CSS exista posibilitatea sa se aseze elementele in pozitiile dorite (alta decat cea in cazul fluxului normal). In mod normal definitiile stilurilor sunt introduce in foi de stil (style sheet). Stilurile au fost introduce in versiunea HTML 4.0. Exista doua modalitati de a defini un stil prin:

sintaxa CSS (Cascading Style Sheets); sintaxa limbajului JavaScript.

Una din caracteristicile fundamentale ale CSS este faptul c autorul poate ataa un stil, iar cititorul paginii respective poate ataa altul, deci se obine un set de reguli n cascada. In acest caz exist un set de reguli de prioritate care va decide care regul se va aplica. Exista 4 tipuri de stiluri CSS. Ordinea de utilizare a stilurilor este urmatoarea: 1 stilul implicit al navigatorului (browser default); 2 foi de stil externe (External style sheets); 3 foile de stil interne ( din interirul elementului head)

209

stiluri specificate in marcajul de start al unui element HTML (inline style).

Structura unei reguli CSS O regul este format din dou pri principale: selectorul i declaraia. Declaraia se afla intre elementul { si elemental }, la rndul ei, declaratia este format tot din dou pri: proprietatea i valoarea. H1 { color: blue } n exemplul anterior H1 este selectorul, { color: blue } declaraia cu proprietatea color i valoarea blue. n blocul <style>...</style> avem regulile CSS definite ca mai sus. Deci definim mai nti, clasa de stiluri n interiorul blocului <style></style> care se poate afl n blocul <head>...</head>. Integrarea regulilor CSS ntr-un fiier HTML <HTML> <TITLE> Exemplu </TITLE> <STYLE TYPE=text/css> H1 { color: green } </STYLE> <BODY> <H1> Acest heading este verde datorit unei reguli CSS </H1> </BODY> </HTML> In exemplul anterior regula CSS este specificat n interiorul fiierului HTML. Prin aceast metod modificrile n cazul fiierelor mari devin greoaie de aceea se recomand scrierea regulilor ntr-un fiier separat de unde s fie importate n fiierul HTML. Pentru exemplificare editm un fiier pe care l denumim reguli.css. In acest fiier scriem H1 { color: green }.Documentul HTML care import acest regulile din acest fiier este de forma urmtoare: <HTML> <TITLE> Exemplu de import </TITLE> <LINK REL=stylesheet HREF=c:\reguli.css TYPE=text/css> <BODY> <H1> Acest heading este verde datorit unei reguli importate </H1> </BODY> </HTML> Gruparea selectorilor i a declaraiilor Pentru a reduce dimensiunea fiierelor selectorii se pot grupa, separarea lor fcndu-se prin virgul. H1, H2, H3, P { font-family: helvetica } Asemntor se pot grupa i declaraiile: H1 { font-weight: bold; font-size: 12pt; line-height: 14pt; font-family: helvetica; font-variant: normal; font-style: normal; } Class ca selector

210

O regul de genul H1 { color: blue } se aplic mereu cnd apare selectorul H1 indiferent dac vrem sau nu. Pentru a evita acest lucru se folosesc clasele. Fie fiierul reguli.css, fiierul n care scriem regulile pe care le vom importa. Sintaxa pentru definirea unei clase este urmtoarea: H1.clasa_noastr { color: red } In fiierul HTML cnd vrem s aplicm regula respectiv scriem <H1 CLASS=clasa_noastr> Heading rou </H1>. Dac am scrie <H1> Heading obinuit </H1> nu se va mai aplica regula CSS, deci textul Heading obinuit nu va mai apare rou. Clasa definit mai sus se poate aplica numai pentru H1. Dac am avea <P CLASS=clasa_noastr nu se obine nici un efect. Totui se pot defini clase generale astfel: .clasa_doi { color: blue }. O astfel de clasa poate fi aplicat oricrui selector care suport specificarea unei culori. ID ca selector O construcie asemntoare cu CLASS este ID. Sintaxa pentru definirea unui element ID este urmtoarea: H1#z98y { letter-spacing: 0.5em }. Un astfel de ID se poate aplica numai pentru H1 n felul urmtor: <H1 ID=z98y>Wide text</H1>. Pentru definirea unui ID care s poat fi aplicat oricrui selector declaraia se face astfel: #z98y { letter-spacing: 0.3em }.Acest ID poate fi aplicat oricrui selector care suport specificarea dimensiunii dintre litere. Comentarii Comentariile sunt asemntoare cu cele din limbajul de programare C. EM { color: lime } /* un verde s te doar ochii */ Pseudo-clase i pseudo-elemente Au fost introduse pentru adugarea unor faciliti suplimentare de formatare. Pseudo-clasele i pseudo-elementele sunt recunoscute n cadrul regulilor CSS, dar nu sunt recunoscute direct n fiierul HTML. Pseudo-clasa anchor Aceast pseudo-clas permite formatarea link-urilor din cadrul unui pagini web. A:link { color: red } /* link nevizitat */ A:visited { color: blue } /* link vizitat */ A:active { color: lime } /* link activ */ Prin aceste reguli toate link-urile din pagina HTML vor lua culorile specificate. Pseudo-clasa anchor nu are efect dect asupra selectorului A, de aceea regula: A:link { color: red } are acelai efect ca i :link { color: red }.De asemenea pseudo-clasele pot fi combinate cu clasele obinuite astfel: A.clasa_mea:link { color: red }. Pseudo-elemente first-line Permite specificarea unui anumit stil pentru prima linie dintr-un paragraf. <STYLE TYPE="text/css">

211

P:first-line { font-variant: small-caps } </STYLE> <P>The first line of an article in Newsweek. Presupunnd ca prima linie se termin dup cuvntul an n pagina web acest text va apare sub forma: THE FIRST LINE OF AN article in Newsweek. first-letter Asemntor cu first-line acest pseudo-element permite specificarea unui stil pentru prima liter dintr-un text. Precedena regulilor De multe ori se ntmpl ca ntr-un punct n cadrul unui fiier HTML s fie valabile mai multe reguli CSS.Pentru a rezolva astfel de situaii trebuie stabilite nite reguli de prioritate. `important` `Important` este un cuvnt rezervat prin care i se d unei reguli CSS o prioritate mai mare dect unei reguli obinuite. P { font-size: 12pt ! important; font-style: italic } Reguli: 1. Regula care conine `! important` suprascrie o regul obinuit. 2. Specificitatea unui selector: selectorii mai specifici i suprascriu pe cei mai generali. Specificitatea se obine prin concatenarea a trei numere: numrul de atribute ID din cadrul selectorului (a), numrul de atribute CLASS (b) i numrul de tag-uri din selector (c). LI {...} /* a=0 b=0 c=1 -> specificitate = 1 */ UL LI {...} /* a=0 b=0 c=2 -> specificitate = 2 */ UL OL LI {...} /* a=0 b=0 c=3 -> specificitate = 3 */ LI.red {...} /* a=0 b=1 c=1 -> specificitate = 11 */ UL OL LI.red {...} /* a=0 b=1 c=3 -> specificitate = 13 */ #x34y {...} /* a=1 b=0 c=0 -> specificitate = 100 */ Pseudo-clasele sunt numrate ca i clasele obinuite, iar pseudo-elementele sunt numrate ca i elementele obinuite. 3. n cazul n care dou reguli ajung s aib aceai specificitate se aplic regula specificat mai trziu.Regulile importate se consider a fi naintea oricrei reguli din fiierul n care sunt importate. Stiluri in-line Sunt definite n eticheta n care dorim s se aplice aceste stiluri. Valoarea lui <style = valoare> este cuprins ntre ghilimele. Stiluri definite n fiiere externe Stilurile definite n interiorul blocului <style></style> pot fi scrise ntr-un fiier extern, pentru a putea fi utilizate n mai multe fiiere HTML. Se creeaz un fiier care conine descrierea stilurilor i se salveaz cu extensia .css sau .html n fiierul HTML care utilizeaz stilurile se include n blocul <head></head> o etichet <link> cu atributele: rel cu valoarea stylesheet

212

href cu valoarea adresa URL a fiierului creat , care contine regulile css.

Atribute CSS Font font-family Valoarea: nume de font. Exemple: helvetica, serif, sans-serif, cursive, monospace, fantasy, etc BODY { font-family: gill, helvetica, sans-serif } font-style Valoarea: normal | italic | oblique font-variant Valoarea: normal | small-caps font-weight Valoarea: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900. Valoarea: normal echivaleaz cu 400, iar bold cu 700. font-size Valoarea: <absolute-size>|<relative-size>|<length>|<percentage> <absolute-size> poate lua una din valorile: xx-small | x-small | small | medium | large | xlarge | xx-large <relative-size> poate lua una din valorile: larger sau smaller <percentage> Exemple P { font-size: 120% } H1, H2, H3 { font-style: italic } Dimensiunile pentru font-size sunt specificat prin: 1. mrime absolut, avem urmatoarele valori posibile: xx-small x-small small medium (valoarea prestabilit) large x-large xx-large 2. mrime relativ fa de valoarea curent, avem urmatoarele valori posibile: larger smaller 3. numar ntreg urmat de unitatea de msur 4. procente din valoarea curent. Exemplu: P {font-size: 9px } Dimensiunea fontului poate fi specificat n centimetri(cm), milimetri(mm), pixeli(px), oli(in), puncte(pt 1pt=1/72in), etc. 1 in=72 pt=2.54 cm=6 pc Background i culoare color Valoarea culorii poate fi specificat prin RGB(rou,verde,albastru), parametrii lund valori ntre 0 i 255, prin numele unei culori care este deja definit (blue,green,black, etc) sau prin #nr1nr2nr3. Nr1,nr2,nr3 sunt numere de dou cifre n baza 16. H2 { color: rgb(255,0,0) } H3 { color: #00FF6A } background-color Valoarea: <color> | transparent. background-image Valoarea: <url> | none

213

background-repeat Valoarea: repeat | repeat-x | repeat-y | no-repeat Precizeaz dac imaginea din fundal este repetat sau nu.Pentru valoarea repeat imaginea este multiplicat pe orizontal i vertical.Pentru valoarea repeat-x imaginea este multiplicat numai pe orizontal,iar pentru repeat-y imaginea este multiplicat doar pe vertical. background-attachment Valoarea: scroll | fixed Specific dac imaginea din fundal este derulat odat cu coninutul sau nu.

Text

word-spacing Valoarea: normal | <lenght> (dimensiunea dintre cuvinte) letter-spacing Valoarea: normal | <lenght> (dimensiunea dintre litere) text-decoration Poate lua una din valorile: underline, overline, line-through, blink. vertical-align Valoarea: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> text-transform Valoarea: capitalize | uppercase | lowercase | none text-align Valoarea: left, right, center, justify

Distana dintre rnduri Se folosete atributul line-height. Valori posibile: valoarea normal factor de scal prin lungime prin procente din valoarea curent a fontului Stiluri pentru diferite medii Se stie ca un text afisat pe monitor cu culoarea galbena se vede foarte slab cand este tiparit la o imprimanta alb-negru. Aceasta deficienta poate fi corectata daca se utilizeaza stiluri potrivite pentru fiecare mediu. Mediul pentru care este valabil un stil este specificat prin atributul media al elementului <style>, care poate lua urmatoarele valori posibile:

screen (pentru monitoare) print (pentru imprimante) projection (pentru proiectoare video) braille (pentru terminale destinate nevazatorilor) speech (pentru terminale audio) all (pentru toate tipurile de medii)

Exemplu: <html><head><title> Exemplu MEDIA</title> <style type-text/css media=screen> p {color: yellow;} </style> <style type=text/css media=print> p {color: black;} </style> </head><body>

214

<p> Acest paragraf va avea culoarea galbena pe monitor si culoarea neagra la imprimare. </body></html> Configurarea blocurilor de text Dimensiunile unui bloc: Un bloc este format din: coninut distana dintre coninut i chenar chenar margini Marginile blocului Marginile unui bloc reprezinta distanta minima dintre chenarele a doua blocuri vecine. Pentru a stabli marginile unui bloc se utilizeaza atributul: margin-left margin-right margin-top margin-bottom margin. Daca sunt indicate valori separate prin spatiu acestea reprezinta dimensiunile in ordinea urmatoare: sus, dreapta, jos, stanga.

Dimensiunile care lipsesc preiau valorile de la elementele opuse. Daca este data o singura valoare aceasta va fi folosita pentru toate directiile. Valorileposibile ale acestor atribute sunt:

auto marime(numar urmat de o unitate de masura) procent din latimea paginii(numar intreg intre 0 si 100, urmat de simbolul%)

Observatii: Valorile mentionate anterior pot fi si negative Distana dintre coninut i chenar Cu ajutorul atributelor de mai jos se stabileste distanta dintre continutul unui bloc(text, imagini, etc) si chenarul acestuia . Atribute: padding-top padding-right padding-bottom padding-left padding Valori posibile ale atributelor sunt: Mrimea (numr ntreg pozitiv) Procent din limea paginii Limea chenarului Atribute:

215

Border-top-width Border-right-width Border-bottom-width Border-left-width Border-width

Valori posibile: thin, medium sau thick Numere ntregi pozitive urmate de o unitate de msur Stilul chenarului Cu ajutorul atributului border-style. Valori posibile:

none (valoarea prestabilit) solid (continuu) double (linie dubl) inset (chenar 3D) outset (chenar 3D) etc.

Culoarea chenarului Cu ajutorul atributului border-color. Valori posibile: none (niciuna) un nume de culoare (aqua, red, blue, etc.) specificaie numeric de tip RGB funcia (r, g, b) cu valori ntre 0 i 255 funcia (r, g, b) cu procente ntre 0% i 100%

216

Exemplificam utilizarea regulilor CSS : Stil definit in sectiunea head.

Stil definit in sectiunea head

Stiluri identificateid

Stil inline

217

Stil definit in fisier extern

Exemplu pentru font

218

Culoarea fontului pentru tag-urile p, b, h1

Culoarea fondului textului

Imagine cu stil

219

Distanta dintre randuri

Font-weight 220

Exemple cu chenare:

221

222

223

2. Ce este JavaScript? JavaScript este un limbaj de programare orientat pe obiecte, care v permite s oferii paginilor dumneavoastr un caracter mai dinamic i interactiv. Dac ai parcurs prima parte a crii i avei cunotine minime de programare, nu vei avea dificulti n nelegerea modului n care funcioneaz acest limbaj. Atenie! JavaScript nu este acelai lucru cu limbajul Java. De fapt, dei numele sunt asemntoare, sunt dou limbaje foarte diferite. Spre deosebire de Java, care este un limbaj orientat pe obiecte, complex, asemntor cu limbajul C++, JavaScript este mult mai simplu i mai uor de folosit. n timp ce Java este un limbaj pentru programatori, JavaScript este destinat neprofesionitilor care doresc s mbunteasc aspectul i funcionalitatea paginilor de Web. JavaScript a fost dezvoltat de Netscape Corporation pentru a fi utilizat n browserul Netscape Navigator. Un script JavaScript poate fi plasat direct n pagina Web, fiind executat de browser mpreun cu documentul Web care-l conine. Browserul Internet Explorer (versiunile mai noi dect IE 3.0) execut i el corect scripturile JavaScript. JavaScript este un limbaj interpretat, ca i Perl, dar n cazul su nu trebuie s v mai facei griji n privina instalrii unui interpretor deoarece acesta este inclus n browser. Codul surs poate fi inclus n pagina Web sau poate fi pus ntr-un fiier separat care este referit din pagin. Ca i n cazul scripturilor CGI, nici n acest caz nu este absolut necesar cunoaterea limbajului JavaScript pentru a putea insera i utiliza cu succes astfel de scripturi. Exist un numr impresionant de scripturi gata de utilizare, care se pot integra cu uurin n codul surs al documentelor dumneavoastr. 2.1. Cum poate fi inclus un script n pagin? Scripturile JavaScript pot fi incluse n pagina Web n dou moduri: prin intermediul etichetei <SCRIPT> </SCRIPT> prin intermediul unei proceduri eveniment Iat un exemplu foarte simplu n care n document este inclus un script care afieaz n pagin textul "Buna ziua!" prin intermediul etichetei <SCRIPT>. Exemplul 1 <HTML> <HEAD> <TITLE>javascript1</TITLE> </HEAD> <BODY> <H1>Primul exemplu JavaScript</H1><HR> <SCRIPT language="JavaScript"> document.write("Buna ziua!") </SCRIPT> </BODY> </HTML> Unul dintre atributele etichetei <SCRIPT> este language prin care este specificat limbajul n care este scris scriptul, n cazul acesta valoarea atributului fiind "JavaScript". O alt modalitate de a include de a include un script n pagin este salvarea acestuia ca un fiier extern i apelarea sa prin intermediul atributului src al etichetei <SCRIPT>. 224

n exemplele de scripturi care vor urma vei observa diverse moduri n care pot fi incluse n paginile Web scripturi JavaScript. Nu vom intra n amnunte privind sintaxa limbajului, deoarece aceasta depete subiectul acestei cri. Totui, pentru a putea folosi judicios un script JavaScript trebuie s avei o imagine despre elementele eseniale cu care lucreaz JavaScript, obiectele i evenimentele.

Obiecte
Un obiect este un nou tip de date, care reunete sub aceeai denumire att datele ct i funciile care le prelucreaz. Datele se numesc proprietile obiectului iar funciile se numesc metodele obiectului. Pentru a exemplifica aceste concepte, s presupunem c dorim s construim un obiect care s reprezinte o carte de vizit, pe care l vom numi Card. Acest obiect va avea urmtoarele proprieti: - nume - adres - telefon Pentru a defini un obiect se folosete o funcie numit constructor. n exemplul nostru, funcia constructor a obiectului Card va arata astfel: function Card(num, adr, tel) { this.nume=num; this.adresa=adr; this.telefon=tel; } n acest moment, constructorul obiectului Card nc nu este complet, el conine numai proprietile obiectului. Acum s construim i o metod care s lucreze cu acest obiect. Deoarece dorim s tiprim crile de vizit pe care le vom realiza cu ajutorul acestui obiect, vom crea o funcie care va tipri proprietile obiectului, numit PrintCard(). function PrintCard() { document.write("Numele: ", this.nume, "\n"); document.write("Adresa: ", this.adresa, "\n"); document.write("Telefonul: ", this.telefon, "\n"); } Acum putem scrie definiia complet a obiectului nostru: function Card(num, adr, tel) { this.nume=num; this.adresa=adr; this.telefon=tel; this.PrintCard=PrintCard; } S trecem, acum, la folosirea unui obiect. Pentru a crea un obiect concret, adic o instan a obiectului Card, se folosete cuvntul cheie new. Urmtoarea instruciune construiete o instan a obiectului Card, care se numete ana: ana=new Card ("Ana Munteanu", "Str. Apusului, nr.2, Bucuresti", "6162345") Odat ce a fost creat o nou instan a obiectului Card, metoda PrintCard poate fi folosit astfel: ana.PrintCard()

225

i acum, s punem toate aceste secvene de cod laolalt i s folosim obiectul ntr-o pagin Web, pentru a afia mai multe cri de vizit. Exemplul 2 realizeaz acest lucru. Exemplul 2 <HTML> <HEAD> <TITLE>javascript2</TITLE> <SCRIPT language="JavaScript"> function PrintCard() { document.write("<B>Numele:</B> ", this.nume, "<BR>"); document.write("<B>Adresa:</B> ", this.adresa, "<BR>"); document.write("<B>Telefonul:</B> ", this.telefon, "<HR>"); } function Card(num, adr, tel) { this.nume=num; this.adresa=adr; this.telefon=tel; this.PrintCard=PrintCard; } </SCRIPT> </HEAD> <BODY> <H1 align="center">Crearea obiectelor</H1> Inceputul scriptului<HR> <SCRIPT language="JavaScript"> // Crearea a trei obiecte noi ana=new Card ("Ana Munteanu", "Str. Apusului, nr.2, Bucuresti", "6162345") ion=new Card("Ion Popescu", "Str. Zorilor nr.1, Ploiesti", "456789"); radu=new Card("Radu Ionescu", "Str. Noptii, nr.3, Pitesti", "201202"); // Afisarea lor ana.PrintCard(); ion.PrintCard(); radu.PrintCard(); </SCRIPT> Sfarsitul scriptului </BODY> </HTML> Putei observa modul n care a fost inclus scriptul n pagina Web. Astfel, definiia scriptului este plasat n antetul documentului HTML, iar apelul scriptului este fcut n corpul documentului. n cadrul scriptului apar dou linii precedate de irul de caractere "//". Acesta este modul n care se introduc comentariile n cadrul scripturilor JavaScript. Evenimente n continuare vom discuta despre un alt concept fundamental cu care lucreaz JavaScript, i anume evenimentul. Un eveniment este o aciune care survine la un moment dat i n urma creia este declanat execuia unei anumite pri din program. Ori de cte ori vizitatorul face click pe o

226

legtur, de exemplu, cnd introduce un text sau chiar cnd trece cu mouse-ul deasupra unei zone a paginii, survine un eveniment la care scriptul reacioneaz genernd un rspuns. Iat care sunt tipurile de evenimente cu care lucreaz JavaScript: Tabel 1 Eveniment onAbort onBlur onChange onClick onError onFocus onLoad onMouseOver onMouseOut onSelect onSubmit onUnload Descriere Apare cnd utilizatorul renun la ncrcarea unei imagini Apare cnd un obiect din pagin pierde focusul Apare cnd un cmp de editare este modificat de utilizator (cnd se introduce un text) Apare cnd utilizatorul face click pe un element Apare cnd un document sau o imagine nu se ncarc corect Apare cnd un element primete focusul Apare cnd o pagin sau o imagine i termin ncrcarea Apare cnd cursorul mouse-ului se plimb deasupra unui element Apare cnd elementul cursorul mouse-ului prsete

Apare cnd utilizatorul selecteaz un text Apare cnd este apsat un buton de tip Submit Apare cnd utilizatorul prsete documentul sau sesiunea curent.

Dup cum vedei, prin intermediul JavaScript se poate rspunde unui mare numr de evenimente. Acest lucru se realizeaz prin crearea unei proceduri eveniment. Procedurile eveniment nu sunt definite cu ajutorul etichetei <SCRIPT> ci ele sunt atribute ale celorlalte etichete. De exemplu, iat o legtur care include o procedur eveniment: <A href="http://www.amazon.com" onMouseOver=" window.status=Cea mai mare librarie virtuala; return true"> Click aici</A> Observai c ntreaga procedur eveniment care rspunde la evenimentul MouseOver este inclus n eticheta <A>. Sunt specificate dou instruciuni care se execut n momentul cnd cursorul mouse-ului este plasat deasupra legturii. Prima afieaz un mesaj n bara de status a ferestrei, urmtoarea returneaz valoarea true, pentru a mpiedica tergerea mesajului. Mai observai c mesajul care va fi afiat este delimitat de apostrofuri. Dac procedura eveniment este mai extins, includerea ei n ntregime ntr-o eticheta devine nepractic. n aceast situaie, este mai avantajos s construim o funcie care s trateze evenimentul.

227

Funcia este definit n seciunea <HEAD> a documentului, iar n corpul documentului este apelat ca procedur eveniment. De exemplu, s presupunem c am construit o funcie eveniment numit Citeste(). Atunci ea poate fi apelat astfel: <A href="#cuprins" onMouseOver="Citeste();">Mergi la Cuprins</A> n momentul cnd mouse-ul se afl deasupra legturii, funcia este lansat n execuie. 2.2. Modul de execuie al scriptului Scripturile integrate n cadrul paginilor sunt evaluate dup ce ncrcarea paginii s-a ncheiat dar nainte ca aceasta s fie afiat. Pe de alt parte, scripturile stocate ca fiiere separate sunt evaluate naintea tuturor scripturilor in-line (adic a celor incluse n pagin). Funciile definite n cadrul scripturilor nu sunt executate automat la ncrcarea paginilor ci abia atunci cnd acestea sunt apelate, fie prin eticheta <SCRIPT> fie printr-o procedur eveniment. Dac ai vzut vreodat un script JavaScript ntr-o pagin Web, poate ai remarcat un lucru aparent ciudat: ntregul script este inclus ntre etichetele HTML de comentariu: <!- - comentariu - ->. Motivul este faptul c exist browsere care nu recunosc i nu pot executa scripturile JavaScript. Dac un document Web care conine cod JavaScript este ncrcat ntr-un asemenea browser, n loc ca scriptul s fie executat, este afiat n pagin ntregul cod, ceea ce nu este de dorit. Aa dup cum tii, comentariile sunt ignorate de browser, astfel c includerea codului JavaScript ntre etichetele de comentariu va duce la ignorarea acestei pri a documentului. Excepie fac browserele care recunosc JavaScript i care vor identifica prezena JavaScript i vor executa scriptul. n concluzie, maniera recomandat pentru introducerea n pagin a unui script este urmtoarea: <SCRIPT language="JavaScript"> <! - Cod JavaScript // - -> </SCRIPT> Am nvat pn acum cum poate fi inclus codul JavaScript ntr-un document HTML. S vedem, mai departe, cum putem folosi scripturile JavaScript pentru a face paginile mai atractive i a le mbunti funcionalitatea. 2.3. Ce se poate face cu JavaScript? n continuare sunt prezentate cteva exemple de scripturi cu ajutorul crora se pot realiza lucruri care depesc posibilitile limbajului HTML, cum ar fi afiarea datei curente n pagina dumneavoastr, deschiderea unei ferestre pop-up, afiarea unui mesaj n bara de status a ferestrei browserului, afiarea aleatoare a unor mesaje n pagin, imagini care i schimb aspectul la trecerea mouse-ului, i, una dintre cele mai utile aplicaii JavaScript, validarea formularelor. Afiarea unui mesaj n bara de status Acest exemplu ilustreaz modul cum se poate afia un mesaj n bara de status (aflat la baza ferestrei browserului) la trecerea cu mouse-ul peste un anumit element din pagin. De obicei, acest element este un link sau o imagine. n Exemplul 3, elementul este o imagine. Exemplul 3 <HTML> <HEAD> <TITLE>javascript3</TITLE> </HEAD>

228

<BODY> <H1 align="center">Mesaj in status bar</H1><HR> <H3>Mesajul apare la plasarea mouse-ului pe imagine</H3> <IMG src="../Imagini/tiger.gif" onMouseOver="window.status='Acesta este un tigru'; return true" onMouseOut="window.status=' ';return true"> </BODY> </HTML> Afiarea datei curente n pagin Scriptul urmtor preia data sistemului de operare al utilizatorului i o afieaz n pagin. Evident, dac data sistemului este setat incorect, ea va aprea n pagin ca atare. Exemplul 4 construiete o pagin Web care conine un astfel de script. Exemplul 4 <HTML> <HEAD> <TITLE>javascript4</TITLE> <SCRIPT language="javascript"> <!-var zi, data, luna azi=new Date() if(azi.getDay(==0){ zi="Duminica, " } else if(azi.getDay()==1){ zi="Luni, " } else if(azi.getDay()==2){zi="Marti, "} else if(azi.getDay()==3){zi="Miercuri, "} else if(azi.getDay()==4){zi="Joi, "} else if(azi.getDay()==5){zi="Vineri, "} else if(azi.getDay()==6){zi="Sambata, "} if(azi.getMonth()==0){luna="Ianuarie "} else if(azi.getMonth()==1){luna="Februarie"} else if(azi.getMonth()==2){luna="Martie"} else if(azi.getMonth()==3){luna="Aprilie"} else if(azi.getMonth()==4){luna="Mai"} else if(azi.getMonth()==5){luna="Iunie"} else if(azi.getMonth()==6){luna="Iulie"} else if(azi.getMonth()==7){luna="August"} else if(azi.getMonth()==8){luna="Septembrie"} else if(azi.getMonth()==9){luna="Octombrie"} else if(azi.getMonth()==10){luna="Noiembrie"} else if(azi.getMonth()==11){luna="Decembrie"} data=azi.getDate() //--> </SCRIPT> </HEAD> <BODY> <H1 align="center">Data calendaristica</H1><HR> <FONT size="3" color="black" face="arial">Azi suntem in data de: <SCRIPT language="JavaScript"> <!-<FONT size="4" color="red" face="arial">

229

document.write(zi+' '+data+' '+luna) //--> </SCRIPT></FONT> </BODY> </HTML> Ferestre pop-up Unul din lucrurile care nu se pot realiza folosind doar HTML este afiarea mesajelor popup. Aceste mesaje apar ntr-o mic fereastr care se nchide atunci cnd executai o anumit aciune, de obicei click pe un buton, sau pe un link. n Exemplul 5 este construit pagina principal din care este apelat fereastra pop-up. Exemplul 5 <HTML> <HEAD> <TITLE>javascript5</TITLE> <SCRIPT language="JavaScript"> <!-function deschide() {iwin=window.open("javascript6.html", "IWIN", "status=no, toolbar=no, location=no, menu=no, width=200, height=200");} //--> </SCRIPT> </HEAD> <BODY> <H1 align="center">Fereastra pop-up</H1><HR> Aceasta pagina demonstreaza cum poate fi creata o fereastra pop-up<BR> Fereastra se deschide la apasarea pe legatura de mai jos si se inchide<BR> cand este apasat butonul OK<BR> Deschide fereastra <A href="#" onClick="deschide();">aici</A>. </BODY> </HTML> Firete c trebuie creat un document separat, care va fi afiat n fereastra pop-up. n Exemplul 6 este construit documentul HTML (javascript6.html) care va fi afiat n fereastra pop-up definit n exemplul anterior. Exemplul 6 <HTML> <HEAD> <TITLE>javascript6</TITLE> </HEAD> <BODY> <H3 align="center">Test pop-up</H3> <FONT color="green" face=arial>Ati invatat sa creati o fereastra pop-up<BR> Apasati OK ca sa reveniti in fereastra initiala <P> <FORM name="form1"> <INPUT type="button" value="OK" 230

onClick="window.close();"> </FORM> </BODY> </HTML> Putei modifica documentul HTML care se va deschide n fereastra pop-up dup dorin i l putei salva sub alt nume. Nu uitai, ns, s facei modificarea corespunztoare n funcia deschide() din script. 3. Limbajul PHP Limbajul PHP se aseamana cu C++. Este un limbaj de scriptare care se utilizeaza pe partea de server. Nu toate site-urile accepta PHP. Cand scriem un script in PHP vom rula direct de pe site. Exista insa posibilitatea de a test ape propriul calculator, acest lucru necesita instalari speciale. Codul PHP este interpretat pe serverul WEB si genereaza un cod HTML care va fi vazut de uilizator (clientului (browserului) fiindu-i transmis numai cod interpretat ca si HTML). PHP a fost conceput in anul 1994 si a fost initial munca unui singur om, Rasmus Lerdorf. In octombrie 2002, era folosit de mai mult de noua milioane de domenii din lumea intreaga. PHP este un produs Open Source, cu acces la codul sursa. Il putem folosi, modifica si redistribui, toate acestea in mod gratuit. PHP a fost initial acronimul de la Personal Home Page. 3.1. Primii pasi Pentru a putea lucra cu baze de date pe server trebuie sa instalam serverul de Apache si MySql. Existe programe care instaleaz automat aceste servere, de exemplu WinLAMP i se poate descrca de pe Google. n continuare, trebuie sa editam fiierul de configurare al PHP-ului, si anume php.ini. Deschidem Edit php.ini i efectuam modificrile urmtoare: 1. display_errors=Off se schimba n display_errors=On 2. activai extensiile de care avem nevoie tergnd punct i virgule ; din fata extensiei i verificnd dac extensia 3. ;extension=php_gd2.dll .. devine extension=php_gd2.dll (fr ;) 4. ;extension=php_mbstring.dll devine extension=php_mbstring.dll (fr ;) 5. ;extension=php_mime_magic.dll devine extension=php_mime_magic.dll(fr ;) 6. ;extension=php_mysql.dll devine extension=php_mysql.dll(fr ;) 7. register_globals = off devine register_globals = on (se schimba off in on) Prin lansarea n execuie a lui winLamp se creeaz server-ul cu numele localhost, numai din acest server se pot lansa fiierele php sau fiiere html ce conin secvene de cod php. n directorul C: se creeaz un director cu numele Apache2. n acest director se afla subdirectorul htdocs unde se vor stoca toate fiierele cu extensia php sau html. Acesta este localhost-ul nostru. Pentru a putea vedea configuraia php, realizam un fiier cu extensia *.php, n care punem codul:
<?php phpinfo(); ?>

Lansam fisierul din browser astfel: http://localhost/my.php Pe ecran se va afia

231

3.2. Notiuni introductive Orice script PHP se incadreaza intre marcajele <? ?> sau <?php ?> Tiprirea pe display se poate face n doua moduri i anume folosind : 1. funcia echo TEXT 2. funcia printf() Script-ul PHP poate fi introdus ntr-un fiier html sau se poate crea un fiier direct cu extensia php. Limbajul PHP 1. Orice variabil n PHP ncepe cu particular $. 2. Constantele se introduce cu funcia define (nume_constanta, valoare_constanta); 3. Operatorul de concatenare iruri este punctul (.); 4. Operatorii PHP sunt la fel ca i cei din limbajul JavaScript, Java sau C++; 5. Instruciunile PHP sunt la fel ca i cele din limbajul JavaScript, Java sau C++; 6. Legtura n fiierul HTML cu un fiier PHP se face prin atributul action din tag-ul form;

232

3.3. Funciile matematice Ca i n celelalte limbaje exista o serie de funcii matematice. Enumerm cteva dintre acestea: abs(numar) returneaz modulul numrului sin(x), cos(x), tan(x) argumentul x este n radiani pow(x,y) returneaz xy cu observaia ca x trebuie sa fie un real pozitiv log10(x), log(x) returneaz logarithm n baza 10, respective logarithm n baza e max(x1, x2,,xn) , min(x1, x2, x3.xn) returneaz maximul respective minimul dintr-un sir de numere; ceil(x) returneaz cel mai mare ntreg mai mare sau egal cu x round(x) returneaz ntregul rezultat prin rotunjirea lui x floor(x) returneaz cel mai mare ntreg mai mic sau egal cu x rand(min, max)- returneaz o valoare aleatoare ntre valorile ntregi min i max pi() returneaz numrul pi; sqrt() returneaz rdcina ptrat a lui x Funciile pentru prelucrarea irurilor de caractere Ca i n celelalte limbaje exista o serie de funcii pentru prelucrarea irurilor. Enumerm cteva dintre acestea: strlen(sir) returneaz lungimea irului; strops(sir1, sir2, [poz_start]) verifica daca sir1 este subsir a lui sir2, daca da afieaz poziia de nceput a acestuia. [poz_start] este opional i verific de unde s nceap cutarea, implicit are valoarea zero; Strstr([sir1, sir2]) returneaz sir1 din poziia n care a fost gsit sir2; Strcmp(sir1, sir2) comparare lexicografica (alfabetica) i returneaz valoarea zero, dac sir1=sir2, returneaz valoarea >o daca sir 1>sir2, returneaz valoarea <o dac sir 1 < sir2 Declararea de vectori n PHP vectorii nu se declara. Se lucreaz cu vectorii la fel ca i n JavaScript . Exist ns aici posibilitatea de a utiliza indici ir de caractere. 3.4. Instruciuni i funcii pentru lucrul cu vectori

Instruciunea foreach (n_vector as n_indice=>n_variabila) permite parcurgerea unui vector cu numele n_vector, cu variabila de ciclare n_indice, n care citirea se face n variavila n_variabila. funcia current(vector) returneaz valoarea reinut de elementul din vector asupra cruia se gsete pointer-ul; funcia key(vector) returneaz indicele elementului din vector asupra cruia se gsete pointer-ul; funcia next(vector) deplaseaz pointer-ul pe elementul urmtor din vector i returneaz valoarea reinut de acesta; funcia prev(vector) - deplaseaz pointer-ul pe elementul anterior al vector i returneaz valoarea reinut de acesta;

Bibliografie Dave Taylor, Crearea paginilor Web cu HTML4, Editura Teora, Bucureti, 1999 Jim KEOGH, Javascript fr Mistere - Ghid pt. Autodidacti , Editura Rosetti, 2006 Mitchell, Scott, Cum s creezi un site web, Editura TEORA, 2009

233

McFedries, Paul, Crearea paginilor web, Editura ALL, 2003 Williams, Robin, Design pentru WEB, Editura CORINT, 2003

234

Capitolul XVII. REALIZAREA SIT-ULUI Avram Clin Pentru un website, mai ales n sfera celor care fac afaceri pe Internet, este foarte importanta uzabilitatea. n mod normal aceasta analiza trebuie sa aiba loc chiar de la proiectarea sitului. Insa acolo unde nu exista este imperios necesar sa fie revizuita in timp. Motivul este unul foarte simplu. Utilizatorul ajunge pe site si pur si simplu nu gaseste ceea ce ii oferiti. Uzabilitatea se refera in primul rand la usurinta cu care acesta accede la informatie. De multe ori ca webmasteri ne trezim ca ni se spune Mai, am intrat la tine pe site si nu am gasit ce vroiam. Desi noua ni se pare simplu pentru ca noi am conceput sistemul, utilizatorul se pierde. Iata 10 mijloace prin care puteti sa va faceti situl mai prietenos.

Creati un Site Map (Harta sitului) Indiferent de marimea sitului ar trebui sa includeti o harta a sa, una detaliata, bazata pe informatiile din site si cu linkuri catre toate paginile si o scurta informare despre ce se gaseste in acestea. Alt avantaj mare ar fi ca nu trebuie sa mai puneti linkuri catre toate paginile pe Homepage in cazul in care faceti linkul catre Site Map din fiecare pagina. Nu numai ca este un excelent mod de a indruma utilizatorul, dar este si o sursa fantastica pentru spiderii motoarelor de cautare care gasesc astfel cu usurinta indexul de la fiecare sectiune din situl dumneavoastra.

Folositi o structura de navigare logica Cand faceti designul meniurilor din site folositi denumiri logice si puneti descrieri pe linkuri. De exemplu Servicii web-design este mult mai logic decat Servicii legate de Internet. Folositi Crumbs ca sa aratati vizitatorilor unde se afla efectiv. Aceste Crumbs ( sau BreadCrumbs ) le gasiti in mod normal la portaluri si motoare de cautare ( ex : Prima pagina > Turism > Calatorii in Romania > Statiunea Bazna ). Ghidati-va utilizatorii prin site. Puteti pune genul de linkuri de actiune de tipul Click aici pentru a fi sunat, Click aici pentru a comanda, Vezi catalogul de produse, etc

Verificati in mod regulat daca exista erori Nu este nimic mai rau si mai enervant decat sa navigati pe un site si sa ajungeti la un link care nu duce nicaieri. Verificati cel putin o data pe luna situl de erori ( broken links ). Exista chiar unelte ieftine de a face acest lucru, programele care verifica existenta linkurilor ( Link Defender ). Asigurati-va ca displayul codului HTML se face corect pe variante diferite de browser. Hostingul trebuie sa fie pe un server care sa permita lucrul in timp real cu situl. Acesta nu trebuie sa pice decat in marja de eroare oferita de providerii seriosi , adica sa fie online 99.9% pe an. Faceti verificarea gramaticala pe site . Mai ales daca il aveti si in alta limba decat romana. Platiti mai bine un traducator sau un copyrighter sa nu va faceti de ras in scris. Nu uitati ca va adresati unui anumit public engleza britanica e diferita de cea americana.

Folositi un design si un layout consistent

235

In linii mari inseamna sa folositi acelasi layout pentru paginile sitului, aceeasi schema de culori, meniu, headerul si footerul in aceleasi locatii si aspectul grafic sa fie asemanator ( aceeasi culoare pe linkuri active si vizitate ). Nu trebuie sa creati nici un fel de confuzie a utilizatorului in momentul in care el navigheaza pe site.

Includeti un mecanism de cautare Intotdeauna un site care se doreste prietenos trebuie sa aiba o unealta de cautare. Credeti ca acest lucru este greu ? Ei bine nu . Exista un program care se numeste Atomz Site Search , un software care va ofera gratuit posibilitatea de a cauta in paginile sitului vostru. Este foarte simplu sa customizati o unealta de cautare proprie a sitului. Pentru siturile mai mari exista si o varianta platita.

Asigurati-va ca functioneaza toate Form-urile Este evident de ce trebuie sa faceti acest lucru. Daca vreti sa aveti un website interactiv cu formuri de feedback, newsletter, baza de date de utilizatori, asigurati-va ca si functioneaza ! vedeti numarul de caractere care sunt acceptate si daca se poate scrie cu apostrof sau asterisc. Formul trebuie sa functioneze si mai mult de atat sa afiseze dupa completare un mesaj Va multumim ca Asigurati-va ca functioneaza Cosul de Produse Pentru siturile de comert electronic acest aspect este vital. Asigurati-va ca toate produsele au descrieri, poze, specificatii si un pret afisat. Includeti informatii despre livrare si costurile de transport, itegrati eventualele taxe pentru lista de preturi. Daca vindeti international puneti si un convertor valutar ca sa poata sa socoteasca oamenii in moneda lor locala. Vedeti ca shopping carturile ( cosul de produse ) sa fie protejat SSL sau printr-un certificat de securitate pentru a conferi siguranta vizavi de datele completate ( numar de credit card in principal). Furnizati informatii simple vizavi de completarea datelor si tranzactia online. Oferiti posibilitatea de a se intoarce in orice moment sa mai cumpere ceva si lasati posibilitatea de a renunta. Cereti informatii despre adresa, telefon, email in cazul in care apar neplaceri in legatura cu comanda. Pentru tranzactiile instantanee furnizati o chitanta si confirmati reusita tranzactiei. Testati , testati si testati inca o data. O singura neplacere din partea unui client si l-ati pierdut pe viata.

Introduceti detalii de contact clare Din cauza fenomenului Internet in ziua de astazi , oamenii sunt deosebit de sceptici cand intra online. Ca sa reusesti sa cimentezi increderea trebuie sa fii in primul rand foarte transparent. Puneti detalii clare in privinta a cine sunteti si ce faceti. Lasati posibilitatea oamenilor de a va contacta . Cel putin un e-mail, dar preferabil folositi cate unul pentru fiecare departament. Daca va e teama de SPAM scrieti adresa de mail de tipul claudiu AROND underclick DOT ro

Folositi un limbaj simplu Internetul nu este un loc unde timpul este un lux. Oamenii sunt permanent pe fuga si vor sa gaseasca usor si sa cumpere cu cel mai mic efort posibil. Pueteti sa ii ajutati ( ajutandu-va si pe voi in primul rand ) folosind pasaje simple sau idei simple. Folositi cat mai putin text pe fiecare pagina

236

si folositi puncte, paragrafe, titluri ca sa organizati continutul cat mai bine. Folositi conceptul american WIIFM (Whats In It For Me?), adica subliniati oriunde ceea ce este interesant.

Faceti situl prietenos pentru motoarele de cautare Ultimul si unul din cele mai importante aspecte este ca situl sa fie bun pentru motoarele de cautare, mai exact spus compatibil. Folositi text mai mult decat elemente grafice. Folositi meniuri text in locul celor java. Evitati folosirea frame-urilor, Flashului si a diverselor coduri care spiderul de cautare nu le vede. Folositi titluri si META Taguri logice, legate de continutul paginii. Alegeti cu grija cuvintele cheie si frazele relevante dupa care doriti sa fiti gasiti. Nu compromiteti insa textul doar de dragul de a fi mai usor gasit pe motoare de cautare. Apelati la serviciile unui expert ca sa va dea balansul necesar. Ce nseamn template pentru site-ul meu? Template-urile sunt aplicaiile grafice (schelet) pe care sunt construite site-urile. Ele au un rol foarte important fiind interfaa grafica cu vizitatorii. Un template reuit nseamn website eficient. Chiar daca funcionalitatea unui site depinde de programarea web fcuta n cadrul proiectului un site la final este ncununat i de aspectul grafic al acestuia. Un site cu un template plcut poate face o impresie plcuta oblignd parca vizitatorul s revin. Prezena n Internet nu trebuie ns realizata oricum ci studiind nainte cu atenie toate aceste aspecte deosebit de importante pentru realizarea unui website puternic i eficient. Un template plcut i funcional rezolva o bun parte din eficiena unui site. Iat doar cteva motive care sa va ajute s nelegei de ce construirea unui site nu trebuie s se ntmple oricum. ntr-un cuvnt, un website este o investiie de succes i are nevoie de un aspect ca atare. Am vzut nenumrate firme i agenii web design a cror lucrri grafice erau cotate mai slab calitativ dect cele publicate n mediile open-source. Ca s nu mai vorbim ca multe agenii de web design folosesc aceste resurse fr ns a specifica i sursa. Implementare template-ului Implementarea din punct de vedere tehnic a template-ului este practic finalul etapei de design i odat cu finalizarea acestei etape se poate trece la crearea efectiva a coninutului sitului. Un alt avantaj al siturilor dinamice este faptul ca modul n care arat este configurat prin fiiere externe ce pot fi oricnd modificate schimbnd astfel foarte uor designul sitului. Trebuie s nelegei c dup ce a fost realizata etapa de implementare a template-ului este mai greu s se realizeze modificri asupra formei i design-ului sitului. Aceste modificri nu sunt imposibil de realizat dar vor necesita un efort suplimentar care de obicei nseamn pierdere de timp i uneori un cost suplimentar. De aceea trebuie sa analizai foarte bine design-ul nainte de a da unda verde la implementarea tehnica a template-ului. Bibliografie Mitchell, Scott, Cum s creezi un site web, Editura TEORA, 2009 McFedries, Paul, Crearea paginilor web, Editura ALL, 2003

237

Williams, Robin, Design pentru WEB, Editura CORINT, 2003 Dave Taylor, Crearea paginilor Web cu HTML4, Editura Teora, Bucureti, 1999 Christian Crumlish, Primii pai n Internet, Editura All, Bucureti, 1999

238

Capitolul XVIII. TESTAREA SIT-ULUI Avram Clin Etapa de design a site-ului se desfoar n strns legtur cu cea de implementare, de scriere a codului HTML pentru paginile care fac parte din site. Totui, procesul de creare a site-ului nu se poate considera ncheiat n momentul finalizrii tuturor documentelor HTML care l formeaz. Urmeaz o etap adesea tratat oarecum superficial, dei, ca i celelalte, este esenial pentru construirea unui site de calitate: etapa de testare. 1. Corectarea paginilor Corectarea este unul din cele mai neglijate aspecte al publicisticii Web. Foarte frecvent putei ntlni pagini Web cu multiple greeli de ortografie, gramatic, formatare, chiar i n cazul site-urilor importante. Paginile cu greeli de ortografie, exprimri neglijente, reflect cel puin o insuficient experien n acest domeniu i, de ce nu, chiar lips de respect pentru vizitator. Corectarea este neglijat n primul rnd datorit uurinei extraordinare cu care textele pot fi publicate electronic. Putei crea o pagin ntr-un editor de text i aceasta poate fi publicat la doar cteva minute dup terminarea ei, daca suntei suficient de rapid. Cei mai muli nu vor petrece ore n ir verificnd existena eventualelor greeli gramaticale n textul editat, aa cum ar face-o, probabil, n cazul unei tiprituri clasice, dac aceste erori i-ar costa o avere pentru a retipri 10.000 de copii ale documentului. Dac ai fcut o greeal, trebuie doar s deschidei fiierul, s efectuai corectura i s l republicai pe Web, unde toat lumea l poate vedea. Este aceasta o strategie corect? Desigur c nu. Calitatea muncii pe care ai depus-o la crearea site-ului definete calitatea acestuia. Mii, poate milioane de utilizatori ar fi putut deja citi pagina n cauz. Este mult mai simplu s petrecei cteva ore corectnd textul, pentru a evita ca ulterior s v luptai zile, sptmni sau luni n ir pentru a v rectiga credibilitatea. Iat cteva metode care v pot ajuta s corectai mai eficient paginile Web: Utilizai corectoare automate pentru ortografie i gramatic pentru a descoperi erorile plictisitoare, fcute din grab sau din oboseal. Nu avei niciodat ncredere absolut n acest tip de corectoare pentru a descoperi erorile mai subtile. Dup utilizarea lor, ncrcai pagina n browser i citii-o de cteva ori. Pentru site-urile de dimensiuni mari citii documentele n mod repetat, cutnd de fiecare dat un anumit tip particular de erori La prima lectur concentrai-v atenia pe aspectul general al documentului i pe descoperirea erorilor de formatare, a itemurilor lips sau a erorilor de plasare a acestora. La a doua lectur verificai logica i cursivitatea ideilor i a cuvintelor. La a treia lectur, corectai minuios ntregul text verificnd sintaxa, ortografia, punctuaia. ntotdeauna verificai imaginile, figurile i hrile din pagin. Asigurai-v c ele au legtur cu textul de referin, i verificai textul explicativ care nsoete imaginea. Exist i erori ce vor persista uneori chiar dup toate aceste verificri. Dac le descoperii dup publicarea site-ului, nu mai rmne dect s le corectai atunci.

239

2. Testarea paginilor Odat terminat verificarea corectitudinii textului din pagini din punct de vedere gramatical i logic, urmeaz etapa de testare a paginilor. n aceast faz trebuie s v concentrai pe testarea corectitudinii etichetelor HTML, a link-urilor, a imaginilor i a celorlalte elemente incluse n pagini. Testarea link-urilor Cea mai simpl cale de testare a link-urilor este de a ncrca pagina n browser i de a da click pe fiecare link. Verificai funcionarea tuturor ancorelor din pagini care trebuie s acceseze seciunea din pagin corespunztoare identificatorului ancorei. Atenie la seciunile multiple ale aceleiai pagini etichetate cu acelai identificator. Aceast greeal poate produce rezultate stranii. Daca browserul sare la o alt seciune a paginii dect cea ateptat, verificai mai nti identificatorul ancorei n seciunea pe care browserul o afieaz. Verificai apoi modul de funcionare a legturilor ctre alte documente, att n cadrul siteului ct i n afara sa, respectiv validitatea lor i dac paginile accesate sunt cele potrivite. Dac o anumit pagin nu poate fi deschis, verificai sintaxa link-urilor i anume: corectitudinea protocolului specificat extensia fiierului existena simbolului ~ Atenie! n UNIX, simbolul tilda (~) este utilizat pentru a specifica directorul de start (Home directory) al utilizatorului al crui nume urmeaz dup acest simbol. Folosind simbolul ~ v putei referi la o pagin Web astfel: http://www.server.com/~utilizator/pagina.html 3. Probleme n funcionarea paginilor Web Este posibil ca paginile Web create s nu arate n browser aa cum au fost ele proiectate. Rezolvarea unor astfel de deficiene poate fi dificil, deoarece cnd scriei codul HTML avei doar o imagine mental a modului cum ar trebui s arate pagina. O soluie pentru a face procesul de depanare mai uor ar fi s vizualizai pagina cu ajutorul browserului pe msur ce o construii. Putei izola diversele seciuni ale paginii pentru a verifica funcionarea fiecreia dintre ele. Cele mai multe greeli care pot aprea se datoreaz erorilor n codului sursa al paginii. Sintaxa codului este de o importanta critic n HTML. Cele mai comune probleme de sintaxa care apar sunt: absena etichetelor de nchidere < / > mperecherea etichetelor HTML ghilimelele " " imbricarea etichetelor Iat cteva dintre problemele cu care v putei confrunta: O caracteristic de formatare afecteaz o secven mai mare de text dect era prevzut. S presupunem c ai folosit ntr-o seciune a paginii una dintre etichetele de titlu, <H3> de exemplu. La vizualizarea paginii n browser constatai c nu doar textul pe care doreai s-l evideniai este formatat astfel, ci o parte mai mare a textului din pagin. 240

O astfel de situaie este provocat de: Absena unuia dintre caracterele " < " sau " > " Absena etichetei de nchidere </H3> Imbricarea defectuoas a etichetelor HTML O etichet de nchidere creia i lipsete unul dintre caracterele "< "sau ">" nu va fi interpretat corect de browser, prin urmare formatul nu va lua sfrit dect n punctul n care browserul ntlnete caracterul respectiv. Aceasta poate determina afiarea ntr-un format greit a unui text. Dac acest element este un titlu, tot textul dintre eticheta de deschidere asociat titlului i cea mai apropiat etichet de nchidere ntlnit va fi afiat ca titlu. Daca acest element este text ancor, tot textul dintre eticheta de deschidere <A> i prima etichet de nchidere ntlnit va fi afiat ca o legtur (de culoare albastru i subliniat). O etichet de nchidere absent sau o mperechere inadecvata de etichete va provoca probleme similare. Uneori problemele sunt dificil de urmrit i rezolvat. Urmrirea unei probleme se face n sens descendent, defeciunea trebuie cutat acolo unde ncepe secvena de cod eronat i nu unde se sfrete. O parte din textul paginii nu este afiat Textul sau obiectele care lipsesc din pagina pot fi depistate prin urmrirea ghilimelelor " " i a etichetelor greit nchise i care conin adrese URL. Dac pagina conine ghilimele de deschidere n interiorul unei etichete, i cele de nchidere trebuie s se regseasc n aceeai etichet. O etichet din care lipsesc ghilimelele de nchidere nu este interpretat corect i acest lucru poate produce rezultate bizare. Dac eticheta creia i lipsesc ghilimelele este o etichet ancor, ntreg textul de la primele ghilimele pn la urmtoarele ntlnite ar putea fi interpretat de browser ca parte dintr-o adres URL. O alt eroare care poate provoca acelai efect este nchiderea greit a etichetei coninnd o adres URL. Dac o astfel de etichet nu este nchis corespunztor, browserul ar putea interpreta orice text care urmeaz, pn la eticheta de nchidere corespunztoare, ca fiind parte a adresei URL. Problema se rezolv prin examinarea etichetelor aflate naintea poriunii de text care nu este afiat. Eroarea ar putea proveni de la orice etichet care conine ghilimele sau o adres URL. Ghilimelele utilizate n editorul de text cu ajutorul cruia scriei codul HTML trebuie s fie ntotdeauna n standard ASCII. Unele editoare de text utilizeaz aa-numitele "smart quotes" , n care ghilimele de deschidere arat diferit fa de cele de nchidere. Dac procesorul de text cu care lucrai are aceast posibilitate, ea trebuie dezactivat, deoarece acest tip de ghilimele, nefiind n standardul ASCII, nu vor funciona corect n HTML. Afiarea defectuoas a formatului n cazul cnd formatul afiat de browser nu este cel ateptat verificai mai nti compatibilitatea dintre browser i stilul de caractere specificat n codul HTML. Browserul trebuie s fie capabil s afieze stilul ales. Atunci cnd sunt folosite stiluri logice, browserul este ultima instan n decizia privind stilul caracterelor afiate. O metod rapid de verificare a existenei unei probleme de compatibilitate este de a afia paginile utiliznd browsere diferite, dintre care unul s poat afia n mod sigur stilul de caracter utilizat. Dac acel browser afieaz textul incorect, se face verificarea codului HTML. Dac textul este afiat corect, atunci exist o incompatibilitate cu celelalte browsere. n codul HTML, problema poate fi legat de o imbricare defectuoas a etichetelor. Verificai modul cum au fost imbricate etichetele de formatare din seciunea de pagin asociat cu eroarea respectiv. Astfel o construcie de tipul urmtor: 241

<EM>Va multumim ca ati vizitat <STRONG>Pagina</EM>noastra</STRONG>

nu va funciona corect, deoarece etichetele <EM> i <STRONG> sunt imbricate eronat. Bibliografie Mitchell, Scott, Cum s creezi un site web, Editura TEORA, 2009 McFedries, Paul, Crearea paginilor web, Editura ALL, 2003 Williams, Robin, Design pentru WEB, Editura CORINT, 2003 Dave Taylor, Crearea paginilor Web cu HTML4, Editura Teora, Bucureti, 1999 Christian Crumlish, Primii pai n Internet, Editura All, Bucureti, 1999

242

243

244

245

Capitolul XIX. PUBLICAREA SIT-ULUI Avram Clin n sfrit, site-ul dumneavoastr este finalizat. Ai parcurs toate etapele, de la planificare, la design i implementare, v-ai asigurat c toate elementele funcioneaz corect. A venit momentul publicrii pe Web a site-ului, astfel nct rezultatele muncii dumneavoastr s fie cunoscute de toi aceea care v vor vizita paginile. n etapa publicrii pe Web a site-ului intervin mai muli pai: Stabilirea unui nume de domeniu Stabilirea serverului Web pe care va fi stocat (gzduit) site-ul Organizarea i denumirea fiierelor n conformitate cu cerinele serverului gazd Transferul fiierelor 1. Numele de domeniu Pentru ca site-ul dumneavoastr s aib o identitate pe Web avei nevoie de un nume de domeniu pentru el. Numele de domeniu al site-ului va face parte din adresa URL a fiecrei pagini i va oferi site-ului o prezen distinct pe Web. Domeniile principale de pe Web pot fi de mai multe tipuri: comerciale .com educaionale .edu guvernamentale .gov furnizorii de servicii de reea .net instituii non-profit .org domeniile corespunztoare rilor lumii .ro, etc Pentru a obine un nume de domeniu pentru site avei la dispoziie dou posibiliti: domeniu pltit domeniu gratuit Domeniu pltit Dac site-ul pe care l-ai creat aparine firmei dumneavoastr sau unei firme client sau dac dorii s avei o prezen stabil i credibil pe Web cea mai bun opiune este s avei un domeniu pltit. nregistrarea unui domeniu nu este foarte costisitoare i va asigura site-ului dumneavoastr o identitate serioas i credibil. n plus, odat ce suntei proprietarul unui domeniu putei s schimbai locaia site-ului (serverul Web pe care este gzduit) fr ca aceasta s necesite schimbarea domeniului. Preul pentru nregistrarea unui nume de domeniu variaz destul de mult. Una dintre cele mai convenabile oferte poate fi gsit la adresa http://www.10-domains.com care ofer nregistrarea unui nume de domeniu pentru 10 USD anual precum i o serie de discount-uri pentru nregistrarea pe perioade mai lungi. Dac dorii un domeniu romnesc (.ro) putei obine informaii la adresa http://www.rnc.ro. Pentru nregistrarea unui astfel de domeniu se percepe o tax unic de 61 USD (pre valabil la data scrierii acestei cri) fr alte taxe anuale. n cazul cnd optai pentru un domeniu pltit, adresa URL a site-ului va fi de forma
http://www.dumneavoastra.com

246

Domeniu gratuit Obinerea unui nume de domeniu gratuit este foarte simpl. Exist multe companii on-line care ofer astfel de domenii i, n plus, i spaiu de gzduire pentru site. Dac suntei nceptor i dorii s v testai cunotinele de Web design nou nvate, nu este o idee rea s construii un site "de prob" folosind pentru acesta un domeniu i un serviciu de hosting gratuite. n afara acestei situaii, dei poate prea alegerea ideal, un domeniu gratuit poate aduce multe dezavantaje site-ului dumneavoastr. Prima judecat de valoare asupra unui site este fcut pe baza numelui su de domeniu. n cazul unui domeniu gratuit adresa URL a site-ului va fi:
http://www.numefirmagazda.com/~dumneavoastra sau http://www.dumneavoastra.numefirmagazda.com

Vizitatorii site-ului vor ti imediat c nu deinei propriul domeniu i folosii un serviciu de hosting gratuit ceea ce v va afecta serios credibilitatea. Mai ales dac site-ul este unul de afaceri, folosirea unui domeniu i serviciu de hosting gratuit este cu totul contraindicat. n plus, firmele care ofer acest gen de servicii, impun afiarea unor bannere publicitare care distrag atenia vizitatorilor de la coninutul site-ului i mresc timpul de ncrcare al paginilor. 2. Serviciul de gzduire Web (Web hosting) nainte de a publica site-ul pe Web este necesar o evaluare a necesitilor de acces, pentru a determina ce fel de cont se potrivete site-ului dumneavoastr. Plecnd de la presupunerea c deinei deja o conexiune la Internet, nu vom intra n amnunte privind alegerea unui furnizor de servicii Internet (ISP Internet Service Provider). Totui, n cazul cnd nc nu deinei o conexiune sau dorii s schimbai provider-ul actual, v recomandm s studiai cu atenie ofertele principalilor furnizori de servicii. Avnd n vedere c nu v vei mai limita doar la simpla navigare pe Web sau la schimbul de emailuri ci vei dori s transferai i s ntreinei un site Web necesitile dumneavoastr vor crete. Din acest motiv este bine s v informai asupra unor detalii tehnice cum ar fi limea de band, mediul de transmisie (anten satelit, cablu cu fibre optice, unde radio), ce tip de server folosete, asistena tehnic oferit, dac ofer gzduire pentru pagini Web. Opiunile pentru gzduire sunt urmtoarele: Instalarea unui server Web propriu Utilizarea serverului Web al providerului de servicii Internet Utilizarea unui server Web aparinnd unei firme care ofer servicii de hosting Instalarea unui server Web propriu Instalarea unui server Web propriu este cea mai costisitoare soluie, dar ea ofer n schimb avantaje semnificative. Dispunnd de o conexiune dedicat se pot furniza servicii Web 24 de ore/zi utilizatorilor din lumea ntreag. Vei dispune de un control complet asupra serverului Web i putei publica orice dorii. Putei configura serverul i pentru alte servicii, cum ar fi FTP, Gopher, Telnet, scripturi CGI, etc. Putei de asemenea avea propriul domeniu care va stabili o prezen distinct pe Web. Adresa URL va avea forma urmtoare:
http://www.firma_dumneavoastra.com/

ntruct costurile necesare echipamentului hardware, conexiunii la Internet, configurrii i ntreinerii unui server propriu depesc posibilitile unui utilizator obinuit, nu vom insista asupra acestei soluii.

247

Utilizarea serverului Web al providerului ISP Utilizarea serverului Web al providerului dumneavoastr de Internet este o opiune economic. Muli dintre furnizorii de servicii Internet ofer n cadrul contului de acces i un anumit spaiu pe serverele proprii pe care v putei plasa site-ul, fr a percepe taxe suplimentare. Din pcate, spaiul oferit este de obicei mic, de ordinul 1-30 Mb i nu sunt oferite faciliti pentru crearea de pagini dinamice. Pentru a obine faciliti suplimentare va trebui s pltii n plus. Cu toate c fiierele standard, contul de email i fiierele publicate pe Web utilizeaz acest spaiu, 2-30 Mb sunt de regul suficieni pentru a menine un site modest ca dimensiuni. Contul la ISP este accesibil pe baza unei conexiuni dial-up care permite o legtur cu o vitez de pn la 56 Kbps. nainte de a deschide un astfel de cont, trebuie verificate detaliile privind spaiul de stocare, taxele pentru spaiul adiional, n mod curent 2$ pentru 1 Mb, eventualele alte taxe. Trebuie verificat de asemenea disponibilitatea altor servicii, cum ar fi FTP, Gopher, Telnet, scripturi CGI, care ar trebui s poat fi utilizate gratuit, n cazul n care exist. Un cont la un provider ISP este o opiune economic dar, n acelai timp, limitat. Nu exist control al serverului Web, serviciile adiionale rmnnd la latitudinea providerului. Nu vei avea propriul domeniu, iar adresa URL va arta astfel:
http://www.provider.com/~dumneavoastra

Utilizarea unui serviciu de hosting Cea mai bun soluie din punctul de vedere al raportului servicii/pre o reprezint folosirea unui serviciu de hosting pltit. Ofertele de pe piaa romneasc sunt numeroase i variate ca pre. nainte de a face o alegere este bine s facei un studiu comparativ al acestora n privina spaiului pus la dispoziie, al modului de transfer al fiierelor, al traficului impus precum i al prezenei diverselor faciliti: scripturi CGI, baze de date, email personalizat, etc. Nu trebuie s pierdei din vedere c site-ul dumneavoastr se poate dezvolta astfel nct spaiul de stocare rezervat la nceput poate deveni insuficient. Utiliznd un serviciu de hosting adresa URL a site-ului va avea forma urmtoare:
http://www.dumneavoastra.com

De asemenea vei beneficia i de una sau mai multe adrese de email personalizate de tipul:
adresa@dumneavoastra.com

Folosirea serviciilor unei firme de hosting v permite ca, odat ce deinei propriul nume de domeniu, s v transferai site-ul pe serverul Web al firmei i s beneficiai de o prezen stabil pe Web. Firmele de hosting ofer uneori i nume de domenii pentru clienii lor ns exist riscul ca dac v hotri s renunai la serviciile acelei firme s pierdei domeniul. Din acest motiv este mai bine s tratai separat cele dou probleme. 3. Organizarea i denumirea fiierelor Dei aceast etap este intrinsec procesului de construire a site-ului, o vom discuta n acest capitol, deoarece acum este momentul cnd o bun organizare a directoarelor, subdirectoarelor i fiierelor devine deosebit de important.

248

Organizarea directoarelor i fiierelor Este foarte bine s organizai fiierele care fac parte din site pe computerul dumneavoastr exact aa cum ele vor fi organizate pe serverul Web. Serverul Web are un director "rdcin" (root) unde vor fi stocate toate fiierele site-ului. Folderul unde vei stoca aceste fiiere pe computerul personal va juca rolul directorului "rdcin" al serverului. n directorul "rdcin" va fi plasat fiierul care va conine pagina "home" a site-ului, fiier denumit de obicei index.html sau index.htm. Dac site-ul este de mici dimensiuni (ntre 5 i 10 pagini) putei plasa toate fiierele n acelai director. Dac site-ul este mai mare, este recomandat s creai pentru fiecare seciune principal a sa cte un subdirector care va conine fiierele asociate acelei seciuni. Subdirectoarele pot conine la rndul lor cte un fiier index. Atunci cnd vei transfera fiierele de pe computerul dumneavoastr pe serverul Web vei putea s transferai ntregul subdirector cu fiierele coninute n el. De asemenea aceast metod va face i ntreinerea site-ului mult mai uoar. O alt problem este locul unde vei stoca imaginile. Practica standard este de a crea un subdirector special n directorul "rdcin" unde s plasai toate imaginile din site. Dac procedai astfel este extrem de important s creai un subdirector similar cu aceeai amplasare i pe computerul dumneavoastr. Calea de la pagina care apeleaz o imagine la imaginea respectiv trebuie s fie aceeai i pe computerul dumneavoastr i pe server, altminteri imaginile nu se vor afia dup ce site-ul a fost transferat pe server. O alt variant de stocare a imaginilor este crearea unui subdirector destinat imaginilor, plasat n subdirectorul fiecrei pagini. Cu aceleai precauii legate de calea corect ctre imagini, aceast metod funcioneaz bine, ba chiar mbuntete viteza de ncrcare a imaginilor n pagini. Dezavantajul const n faptul c adesea este necesar s reinei mai multe copii ale aceleiai imagini n diferite subdirectoare, n funcie de paginile unde este folosit. Verificarea numelor fiierelor La mutarea fiierelor de pe computerul dumneavoastr pe serverul Web se impune verificarea numelor fiierelor care trebuie s fie compatibile cu sistemul pe sunt mutate. O atenie deosebit trebuie acordat denumirii i extensiei fiierelor. Nu are importan dac optai pentru extensia .html sau .htm. Tot ce trebuie este s fii consecvent cu extensia aleas de-a lungul ntregului site. De asemenea, trebuie s avei n vedere c n sistemele UNIX, cele mai des folosite ca servere Web, denumirile fiierelor sunt case-sensitive. O pagin denumit mypage.html nu este totuna cu pagina MyPage.html. Pentru a evita confuziile folosii pentru denumirea fiierelor numai litere mici. 4. Transferul fiierelor Transferul fiierelor care compun site-ul de pe computerul propriu pe serverul Web este o operaiune relativ simpl, care const n copierea fiierelor pe server n locaia destinat site-ului dumneavoastr. Unele dintre firmele de hosting asigur o aplicaie special destinat transferului fiierelor, dar cea mai utilizat metod de transfer este prin intermediul unui client FTP. Un client FTP (File Transfer Protocol) este o aplicaie prin intermediul creia se poate realiza transferul fiierelor de pe un sistem pe altul. Putei copia fiiere de pe computerul personal pe un alt computer (operaie denumit Upload) dup cum putei prelua fiiere de pe un alt computer, pe computerul personal (operaie denumit Download). Cele mai folosite programe FTP sunt CuteFTP (http://www.cuteftp.com) i WS_FTP (http://ipswitch.com). Odat ce ai instalat pe computerul dumneavoastr un client FTP, v-ai nregistrat numele de domeniu i avei un cont la un serviciu de gzduire totul este pregtit pentru transferul fiierelor care compun site-ul pe serverul gazd.

249

Pentru a realiza transferul fiierelor, n general va trebui s urmai urmtorii pai: Conectarea la Internet Deschiderea programului FTP. Vei observa o serie de casete de dialog n care trebuie introduse informaiile necesare programului pentru a realiza conexiunea cu computerul gazd. Pentru a face conexiunea cu serverul trebuie s furnizai programului adresa FTP a host-ului dumneavoastr. Aceasta v este furnizat de firma de hosting la deschiderea contului. De asemenea, programul v va cere numele de utilizator i parola pe care le-ai stabilit la deschiderea contului. Nu uitai s de-bifai opiunea Anonymous din meniul Login. Prin introducerea numelui de utilizator i a parolei vei cpta acces la contul dumneavoastr i vei putea intra n directorul unde vor fi plasate fiierele site-ului. O alt informaie care trebuie furnizat programului este tipul fiierelor transferate. n general pentru fiierele HTML se folosete opiunea ASCII iar pentru celelalte fiiere, opiunea binary. Mai simplu, putei alege opiunea AutoDetect prin care programul determin singur tipul fiierului i modul cum va face transmiterea lui. Celelalte casete de dialog pot fi lsate necompletate sau cu setrile preexistente. Dup furnizarea acestor informaii programul FTP va realiza conexiunea cu serverul gazd. Selectarea fiierelor pe care dorii s le copiai. Vei observa c fereastra aplicaiei FTP este mprit n dou: ntr-o parte avei directoarele de pe computerul personal, n cealalt parte directoarele de pe computerul gazd. Selectai directorul care conine fiierele dumneavoastr i dai comanda de transfer n directorul care v este destinat pe serverul gazd. Dac folosii scripturi CGI asociate site-ului trebuie s le acordai o atenie special. Cele mai multe servere necesit instalarea scripturilor CGI ntr-un subdirector special numit cgi-bin, aflat n directorul dumneavoastr. Pentru plasarea i setarea corect a scripturilor trebuie s luai legtura cu administratorul serverului gazd care v va oferi indicaiile necesare. Pe unele sisteme de operare modul de accesare al fiierelor este strict definit, permind sau restricionnd citirea, scrierea sau executarea fiierelor de ctre diferii utilizatori. Aceste faciliti sunt setate de regul prin drepturile de acces atribuite fiierelor. Din acest motiv, verificarea modului de setare a fiierelor este extrem de important. De exemplu, n sistemele UNIX modul 705 semnific faptul c fiierele pot fi citite, modificate sau executate de proprietarul lor, n vreme ce ali utilizatori nu le pot dect citi sau executa (dup caz). Dup transferul fiierelor, pot aprea probleme de diverse tipuri. Uneori, paginile publicate nu pot fi accesate deloc, scripturile nu funcioneaz, etc. Primul lucru care trebuie verificat n acest caz este dac fiierele se afl n directoarele potrivite. Apoi trebuie verificate permisiunile de acces pentru directoare i fiiere, extensiile fiierelor, fiierele index. n cazul cnd apar probleme, cea mai sigur cale de rezolvare a lor este s luai legtura cu administratorul serverului gazd i s i cerei informaii ct mai complete privind drepturile de acces pentru directoare, calea corect ctre scripturile folosite i, n general, setrile necesare pentru buna funcionare a site-ului. Bibliografie Charles Aulds, Linux. Administrarea serverelui APACHE, Editura Teora, 2002 Dave Taylor, Crearea paginilor Web cu HTML4, Editura Teora, Bucureti, 1999 Christian Crumlish, Primii pai n Internet, Editura All, Bucureti, 1999

250

Capitolul XX. NTREINEREA SIT-ULUI Avram Clin De multe ori se comite greeala de a se considera c odat site-ul postat pe Internet, treaba este terminat. De acum vizitatorii vor veni i vor reveni deoarece site-ul este bine realizat, are o grafica atrgtoare...dar mai ales pentru c au nevoie de produsele sau serviciile oferite de firma dumneavoastr. n realitate ns, lucrurile nu stau tocmai aa. Un site web, orict de bine realizat ar fi din punct de vedere grafic, orict de eficient ar fi promovat, nu va strni interesul constant al clienilor dumneavoastr poteniali dect daca este permanent nnoit. Prea adesea pot fi vzute pe Internet site-uri web cu informaii vechi, neactualizate de luni sau chiar ani de zile. La fel ca oricare alt mijloc publicitar, un site web trebuie s in pasul cu dezvoltarea firmei, s prezinte permanent noi produse, noi servicii, noi informaii, oferte speciale, facilitai oferite clienilor. ntreinerea i reactualizarea permanenta a informaiilor reprezint viata unui site. Muli manageri sunt contieni de acest deziderat aa nct apeleaz la angajarea unei persoane care sa se ocupe special de acest aspect, aa numitul web master. Dar n afara de cazul cnd site-ul necesit o reactualizare zilnic aceasta soluie nu este eficient din punctul de vedere al costurilor. Costurile pentru un angajat permanent sunt mult mai mari dect costul unui abonament lunar pentru ntreinerea i reactualizarea site-ului. Pentru ca site-ul dvs. s fie permanent actualizat i s prezinte informaii corecte, trebuie verificate periodic urmtoarele elemente dintr-un site web: Verificare zilnic a funcionalitii site-ului Verificare zilnic a funcionalitii linkurilor i a formularelor din cadrul paginilor Actualizarea / Modificarea paginilor web (texte, imagini etc.) Introducerea n site a noilor oferte/servicii/produse Prelucrarea imaginilor Modificarea designului site-ului n funcie de noile necesitai Configurarea conturilor de e-mail Administrarea bazelor de date Monitorizare permanenta a site-ului Monitorizarea pagerank-ului i rezultatelor n motoarele de cutare Optimizarea vitezei de ncrcare a paginilor web ntreinerea unui site este o activitate obligatorie n cazul n care se dorete ca un site s devin din ce n ce mai vizitat i s aduc un surplus progresiv de imagine i venit. Pentru orice proprietar de site este destul de dificil s urmreasc zilnic site-ul i cu att mai dificil este s fie la curent cu toate tendinele noi de pe internet , cu noile tehnologii i mai ales s in pasul cu noile condiii de securizare a site-urilor. Verificarea de statistici sptmnale privind numrul de vizitatori i cuvintele cheie cele mai cutate moduri prin care se observ modul n care un site este bine structurat i bine ntreinut. Editarea si trimiterea unui newsletter periodic este o facilitate care este benefica pentru promovarea unui site.

251

1. Dezvoltarea unui newsletter E-mail marketing-ul este mai puin costisitor dect alte instrumente de promovare, este relativ uor de implementat si este una dintre cele mai bune metode de a lua legtura i de a oferi informaii vizitatorilor i clienilor. Secretul st ns n calitatea informaiei, adaptarea mesajelor n funcie de publicul-int i corectitudinea aciunii de e-mail marketing. n funcie de aceste principii, mesajul va fi citit i reinut sau va ajunge n folder-ul cu mesaje terse sau spam. 2. Reguli pentru un newsletter reuit S fie scurt Tocmai din cauza lipsei de timp, oamenii nu citesc mesaje lungi. Newsletter-ul ideal este scurt, la obiect, cu informaii utile, fr prea mult publicitate. Daca ai articole mai lungi, este suficient ca newsletter-ul s conin un scurt rezumat i un link ctre ntregul material. Aadar, ine minte: email-urile lungi sunt ignorate. S fie solicitat Nu trimite newslettere persoanelor crora nu le-ai solicitat permisiunea, chiar dac i cunoti personal sau dac ii sunt prieteni. n primul rnd, nu este legal. n al doilea rnd, solicitarea i obinerea permisiunii de a trimite un newsletter sau orice alt mesaj comercial ii asigura o mai mare probabilitate ca mesajul s fie citit, din moment ce expeditorul este cunoscut iar destinatarul se atepta s primeasc mesajul tu. i nu uita s oferi ntotdeauna posibilitatea de dezabonare. Este semn ca respeci dorina unul utilizator de a nu mai primi mesaje. S fie bine organizat Oamenii pot fi sceptici atunci cnd vine vorba de nscrierea adresei lor de email si de primirea unor email-uri de la persoane/companii pe care nu le cunosc. De aceea trebuie sa le explici ce fel de informaii vor primi in newsletter pentru ca publiculinta, cititorii, sa stie la ce tip de coninut sa se atepte. De asemenea, trebuie sa stabileti un anumit interval in care destinatarii sa se obinuiasc s primeasc newsletter de la tine. n cazul in care newsletter-ul este cu nscriere publica pe site-ul de companie, ar fi util sa inserezi i mostre din newsletter, pentru ca vizitatorii s vad nainte cum arata materialul S trateze subiecte simple, de interes si care sunt comunicate direct Newsletter-ul trebuie sa respecte promisiunile. Ai promis ca ii spui cititorului cum sa faca un anumit lucru, ndeplinete-i ateptrile. Informaiile trebuie s fc referire la propria activitate, dar trebuie scrise pentru cititor i s fie utile pentru el. Este important ca newsletter-ul s nu par publicitar. Mesajul trebuie s fie direct i la subiect, fr ncercri de a ascunde sub alte titluri adevrata intenie a mesajului. Exemplul cel mai concret este ascunderea unor promoii n spatele unor titluri care aparent sunt rezonabile i pot strni interesul. Analizeaza cu atentie specificul cititorului Cui m adresez? Cine este cititorul meu? Ce il intereseaz cu adevrat? Sunt primele ntrebri la care trebuie s ii rspunzi atunci cnd vrei sa faci un newsletter. Subiectul articolului sau titlurile articolelor sa fie relevante si atrgtoare Att subiectul newsletter-ului, cat si titlurile articolelor trebuie alese cu grija. Ferii-v de titluri asemntoare reclamelor pentru ca nu sunt citite. Daca trebuie sa anuni o promoie, este mai bun un titlu precum "Telefon mobil NokiaX 100 RON" dect "Cele mai noi promoii". Primul este concret, in timp ce al doilea este foarte vag. Toi vedem peste tot promoii, deja nu mai avem timp sau rbdare sa le verificam pe toate. Evita fotografiile excesive In general, mesajele cu multe imagini sunt catalogate ca mesaje spam. Si oricum, de multe ori imaginile sunt blocate la afisare. Asadar, limiteaza-te la un numar rezonabil de imagini care sa fie relevante comparativ cu informatia prezentata. Calculeaz scorul de email spam Poti folosi in acest sens diverse instrumente de pe internet. Un exemplu este SpamCheck. Tot ce ce trebuie sa faci e sa trimiti newsletter-ul prin email sau prin formularul pe care il vei gasi pe site. In cateva secunde vei primi un scor

252

de spam si recomandari despre cum sa reduci posibilitatea ca email-ul pe care ai de gand sa il trimiti sa fie oprit de filtrul de spam. Semneaza newsletter-ele Includerea unei semnaturi oficiale la finalul newsletter-ului te ajuta sa castigi increderea clientilor si le oferi si o ocazie de a vizita inca o data site-ul tau.

Bibliografie Luke Welling si Laura Thomson, Dezvoltarea Aplicatiilor Web cu Php si Mysql, Editia a II-a, Editura Teora, 2006 Paul DuBois, MySQL, Editura Teora, http://softpageinternet.ro/manual_html/Capitole/Capitolul%2019.htm

253

Investete n oameni ! Proiect cofinanat din FONDUL SOCIAL EUROPEAN prin Programul Operaional Sectorial Dezvoltarea Resurselor Umane 2007 2013 Axa prioritar. 2 Corelarea nvrii pe tot parcursul vieii cu piaa muncii Domeniul major de intervenie 2.3 Acces i participare la formare profesional continu Titlul proiectului: Centrul de formare profesional continu n turism i servicii Cod contract: POSDRU/80/2.3/S/59744 Beneficiar: Universitatea Dimitrie Cantemir din Trgu-Mure Editor: Universitatea Dimitrie Cantemir din Trgu-Mure Noiembrie 2010 Coninutul acestui material nu reprezint n mod obligatoriu poziia oficial a Uniunii Europene sau a Guvernului Romniei.

254