74pg.ttha Utilizarea Calculatorului Si Prelucrarea Info

7/21/2019 74pg.ttha Utilizarea Calculatorului Si Prelucrarea Info

1/74

1

UTILIZAREA

CALCULATORULUI I

PRELUCRAREAINFORMAIEI

Formator: Hurjui Ovidiu Florin


2/74

2


3/74

3

CUPRINS

Scopul unitii de nvare ................................................................................................................ 4Obiective de nvare ......................................................................................................................... 4

Introducere ..................................................................................................................................... 4I. Proiectare pagini Web Web design ............................................................................................ 6

I.1. Structura documentului HTML ................................................................................................. 6I.2. Formatarea documentelor HTML .............................................................................................. 7I.3. Tabele ...................................................................................................................................... 12I.4. Imagini ..................................................................................................................................... 15I.5. Legturi .................................................................................................................................... 15I.6. Stiluri de pagin ....................................................................................................................... 17I.7. Hri de imagine ...................................................................................................................... 18I.8. Cadre (frames) ......................................................................................................................... 20I.9. Formulare (forms) .................................................................................................................... 22I.10. Editarea, verificarea, gzduirea i promovarea unui site Web............................................. 26

II. Programul fidelio v.8. ................................................................................................................. 30

II.1. Introducere .............................................................................................................................. 30II.2. Oglinda hotelului .................................................................................................................... 32II.3. Rezervri ................................................................................................................................ 34II.4. Recepie .................................................................................................................................. 57II.5. Casierie ................................................................................................................................... 61II.6. Relaii clieni .......................................................................................................................... 66II.7. Administrare camere .............................................................................................................. 71Bibliografie .................................................................................................................................... 74


4/74

4

UTILIZAREA CALCULATORULUI I PRELUCRAREAINFORMAIEI

Denumirea programului de formare: RECEPIONER

Unitatea de nvare 3.

ntocmit de ing. ec. Hurjui Ovidiu Florin

SC O PUL U NI T I I D E N V A R E

Prelucrarea informaiei presupune n primul rnd crearea unei baze de date care poate fifcut cu programul Fidelio v.8 care este necesar pentru managementul unui hotel.Programul informatic permite stocarea informaiilor, accesarea ulterioar a informaiilorstocate, modificarea i tergerea lor i crearea i apoi listarea rapoartelor. De asemenease va prezenta modul de creare a unei pagini web a unei uniti turistice i se va crea un

formular de comand online n limbajul HTML.

OB I E C T I V E DE NV A R E

1. Participanii vor nvacum funcioneaz programul Fidelio2. Participanii vor nvacum se proiecteaz un site web3. Participanii vor nvacum se lanseaz n execuie i cum se folosete programul

de management al hotelului Fidelio4. Participanii vor nva de asemenea i cum se promoveaz site-ul web

IN T R O D U C E R E

Evoluia societii n ultimele decenii, marcat fundamental de transformarea ei dintr-osocietate industrial ntr-una predominant informatic, i-a pus amprenta pe toate subsistemele sale,impunnd prin noul suport tehnologic un ritm accelerat al progresului i, mai ales, necesitateaunei mai clare orientri a strategiilor, a direciilor de aciune i a adecvrii mijloacelor utilizate.

Nu trebuie uitat c nsui conceptul de tehnologie a informaiei i principiile de funcionare acalculatorului au la baz matematica. Ba, chiar mai mult, toate programele, tot software-ul utilizat,ncepnd de la platforme, sisteme de operare i pn la aplicaii de utilizator au la baz algoritmii

matematici.Deoarece calculatorul nsui, pentru toate aplicaiile i task-urile (sarcinile) pe care le

ndeplinete trebuie s respecte o condiie biunivoc ntre mulimi de obiecte, vizualizarea acestuiaspect i prezentarea unor exemple simple duc la atenuarea caracterului abstract. Apoi, utilizareatehnologiei informaiei se va face pe secvene instrucionale bine precizate care s utilizeze un softeducaional adecvat. Astfel, o aplicaie la ndemna tuturor care poate fi folosit este pachetul de

programe Microsoft Office i cu precdere o component cu instrumente matematice, statistice ifinanciare diverse a sa i anume Excel. Utilizarea acestui pachet l recomand i datorit, n

principal, costului relativ sczut al licenei de funcionare n comparaie cu alte programe dedicatepentru efectuarea de analize statistice i financiare.

Sistemele informatice economice sunt caracterizate printr-o structur complex generat attde multitudinea activitilor i subactivitilor informatizate, ct i de necesitatea asigurrii unor

prelucrri ierarhizate n care prelucrrile n timp real i distribuite suntpreponderente.


5/74

5

Soluia utilizrii produselor program comercializate de firmele productoare sau de firmelespecializate n comercializare conduce la o mare economie de timp n realizarea aplicaiilor lanivelul ntreprinderilor, nlturnd fazele pretenioase de analiz i proiectare a aplicaiilor.

Dezvoltarea microinformaticii a antrenat o adevrat explozie a pieei produselor program.Firmele specializate n comercializarea echipamentelor de calcul au trecut rapid i lacomercializarea aplicaiilor informatice pentru lucrri curente de gestiune: contabilitate, marketing,

aprovizionare etc. Alturi de aplicaii orientate pe funciile ntreprinderii au fost realizate produse-program specifice unei profesii determinate: ageni de asigurare, avocai, notari etc.Produsele-program sunt comercializate acum ca oricare alt produs i cuprind, n general,

urmtoarele componente:1 dischete sau CD-ROM-ul cu programele nregistrate. Uneori fiierele ce conin programele

sunt arhivate prin compresie, pentru economie de suport. De asemenea, suporturile suntprotejate contra copiilor frauduloase. Printre programele coninute se gsete i un program deinstalare. Acesta este interactiv i solicit utilizatorului anumite elemente pentru configurareaaplicaiilor;

manualul de prezentare care descrie amnunit diferitele funcii ale programelor i organizareafiierelor;

manualul de utilizare care explic modul de folosire a produsului-program. Uneori modul deexploatare este automatizat sub forma unui program special de nvare (LEARN) careexpune, ntr-o form prietenoas, principiile de utilizare printr-un set de lecii cu grade diferitede dificultate;

datele de test care permit nsuirea uoar a principiilor de lucru.Sistemele informatice economice pot fi proiectate integral sau parial prin intermediul

produselor program generalizabile, impunndu-se cunoaterea detaliat a tipurilor existente i acelor previzibile.

1Davidescu , N.D. .a. Produse program generalizabile n domeniul financiar-contabil, E.D.P., Bucureti, 1997, p. 4.


6/74

6

I . PR OI E C T A R E PA G I N I W E B W E B DE SI G N

Documentele HTML sunt fiiere text cu extensia .htm sau .html. Specificitatea lor const nstructur i prezena etichetelor. Toate documentele HTML sunt structurate n 2 pri, antetul(HEAD) i corpul (BODY) documentului. Etichetele (tags) sunt instrumente de marcare a textului iconstau ntr-un set de cuvinte cheie plasate ntre simbolurile mai mic < i mai mare >. Prin

intermediul lor se informeaz browserul asupra modului n care trebuie afiate i interpretateporiunile de text cuprinse ntre etichete. Cele mai multe etichete sunt perechi i acioneaz ca uncontainer pentru textul coninut. Eticheta de sfrit se deosebete de cea de nceput prin faptul cmai conine un simbol, slash / naintea cuvntului cheie. Sunt ns i etichete singulare, de ex.
sau , al cror rol va fi explicat la momentul potrivit. Toate etichetele sunt Case Insensitive,adic pot fi scrise att cu caractere majuscule ct i cu minuscule sau n combinaie.

I.1. ST R U C T U R A DO C U M E N T U L U I H T M L

Dup cum am mai spus, documentul are un head i un body. mpreun cele dou componentealctuiesc sursa documentului, acea combinaie de informaii i marcaje care determin ca pagina

afiat de browser s arate ntr-un anumit fel. Head-ul conine titlul documentului, eventualescripturi i alte ctevainformaii utile motoarelor de cutare (cuvinte cheie, scurt descriere, etc.).Scripturile sunt mici programe incluse n documentul HTML care sunt interpretate i executate de

browser. Delimitarea antetului de restul documentului se face prin etichetele , iartitlul se ncadreaz ntre etichetele .Titlul propriu zis trebuie s fie un text care s sugereze ct mai bine coninutul paginii i s nuconin alte etichete; cu alte cuvinte ntre etichetele i nu trebuie s mai existe alteetichete. De asemenea un document nu poate avea dect un titlu. Acest titlu apare pe bara de titlu aferestrei browserului.Corpul documentului reprezint partea cea mai important (ca informaie i mrime) i conineinformaia propriu-zis. Corpul documentului se plaseaz ntre etichetele i .

nainte de a trece la exemplificarea structurii documentului se mai precizeaz c toate documenteletrebuie s nceap cu eticheta i s se ncheie cu .Exemplu:

prima pagina Web

aici ar fi corpul documentului

Aici se poate pune ntrebarea: cu ce scriem documentul i ce facem cu el dup ce l-am editat? Descris se poate scrie cu orice editor de text, de exemplu cu NotePad din Win9x. De salvat se salveaz

cu extensia htm sau html dup ce n prealabil i s-a atribuit un nume fiierului.n browserul IE5 acest document arat ca n figura 1. Se observ titlul afiat pe bara de titlu aferestrei i n cuprinsul ferestrei textul dintre etichetele . Pe bara de stare mesajul Doneinformeaz c ncrcarea documentului de ctre browser s-a realizat cu succes.

Remarc: spaiile suplimentare, ca i liniile suplimentare, din coninutul documentului nu sunt luate nconsiderare de browsere. Acestea pot fi adugate n scopul organizrii mai lizibile i mai uor de interpretat asursei. Exemplul de mai sus scris astfel:

prima pagina Web



7/74

7

este mai inteligibil.

Figura 1. Documentul n fereastra browserului IE5.0

Un document scris numai sub aceast form ar arta urt i ar plictisi cititorul. Pentru crearea unorpagini mai atractive sub aspectul prezentrii, limbajul HTML ofer posibiliti de formatare atextului.

I.2. FO R M A T A R E A DO C UM E N T E L O R H T M L

Pentru formatarea textelor se utilizeaz elemente de stil fizice, logice i de list.I.2.1. Stiluri fiziceStilurile fizice permit scrierea ntr-un format prestabilit. Din acest motiv ele sunt inflexibile iar

posibilitile de folosire sunt limitate. Stilurile fizice utilizeaz etichetele : ; determin scrierea cu caractere aldine (ngroate) a textului cuprins ntre eticheta denceput i sfrit ; determin scrierea cu caractere italice ; determin scrierea cu caractere subliniate ; determin scrierea cu caractere de main de scris. Acest tip de scriere aloc aceeailime tuturor caracterelor, fie c sunt litere ca i, j ori M sau W. Exemplu de mai jos este edificator

pentru modul de folosire a acestor stiluri:

text aldin
italic
si subliniat

aceasta e formula apei H2O

si aceasta este aria cercului pi*R2

Iar asa scrie masina de scris

Efectul este cel din figura 2.

Figura 2. Exemplu de formatare a textului cu ajutorul stilurilor fizice


8/74

8

n exemplul de mai sus au mai fost folosite etichetele i pentru adetermina scrierea ca indice i respectiv exponent a cifrei 2 din formula apei i a ariei cercului.I.2.2. Stiluri logiceStilurile logice, aa cum arat i numele, sunt acele stiluri care permit definirea dectre designer aaspectului textului marcat cu aceste stiluri. Problema seamn cu definirea stilurilor n procesorulde texte Word. De exemplu titlurile (heading), au acelai rol ca n editorul Microsoft Word, adic

ajut la evidenierea titlurilor i subtitlurilor ntr-un document structurat. Sunt 6 nivele de headingiar etichetele pentru ele sunt , n care n poate lua valorile de la 1 la 6. S presupunem cavem un document structurat astfel:Descoperii lumea WWW1. Istoria WWW2. Browsere de Internet

2.1 Internet Explorer2.2 Netscape Navigator

Atribuind titluri potrivite textul poate aprea ntr-o form acceptabil n fereastra browserului.Iat un exemplu:

Document cu headinguri

Descoperiti lumea WWW

1. Istoria WWW

2. Browsere de Internet

2.1 Internet Explorer

2.2 Netscape Navigator

n figura 3a se reproduce aspectul documentului fereastra IE5.02.

a) b)

c)

Figura 3. a) Document cu diferite niveluri de titlu n fereastra IE5.0 b) acelai document n carenivelul de titlu H1 este definit folosind stilului logic c) exemplu de folosire a etichetei

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


9/74

9

Se observ c ntre articolele din list browserul insereaz un spaiu suplimentar dei sursa nuindic aa ceva. Cu ajutorul etichetei
(brake row), etichet nepereche, se poate realiza un saltla rnd nou, fr spaiul suplimentar. Urmtoarea secven din corpul documentului:Descoperii lumea WWW
Istoria WWW
Browsere de Internet
InternetExplorer
Netscape Navigator

produce urmtorul rezultat fereastra browserului, figura 3c.

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

Revenind la nivelul de titlu, ca stil logic de formatare a textului, acesta poate fi definitinline, chiarn interiorul etichetei, ceea ce va duce la modificarea aspectului implicit. Modificarea nivelului h1se poate face ca mai jos: Descoperitilumea WWW

n care se specific stilul fontului, mrimea (40n loc de 24 ct era implicit) i culoarea (rou n locde negru, culoarea implicit). Rezultatul poate fi vzut n figura 3b.Asemntor pot fi definite oricare dintre stilurile logice folosite n document. Asupra definiriistilurilor vom reveni dup nsuirea cunotinelor fundamentale referitoare la construcia unei pagini

Web. n continuare sunt enumerate cteva dintre aceste stiluri i modul implicit de afiare:Eticheta
(paragraph) servete pentru delimitarea paragrafelor n interiorul documentului.Lectura devine mai odihnitoare deoarece ntre paragrafe exist o distan mai mare dect ntrernduri i n acest fel se ofer ochiului posibilitatea de relaxare la trecerea de la un paragraf la altul.Eticheta (emphasize) scoate n eviden poriunea de text dintre etichete. Implicitafieaz cu caractere italice.Eticheta evideniaz mai puternic dect eticheta anterioar; implicit afieazcaractere aldine.Eticheta (definition) folosit pentru ncadrarea cuvintelor crora urmeaz s li se deao definiie, afieaz implicit caractere italice.Eticheta (cite - citat) folosit pentru ncadrarea titlurilor de cri, filme, albume, etc.afieaz implicit caractere italice.Eticheta (keyboard) afieaz caractere cu lime fix (ca i doar c n acest cazse poate defini stilul).Eticheta (variable) folosit pentru evidenierea variabilelor n formule, afieazimplicit caractere italice.Dei nu face parte din categoria stilurilor logice, eticheta (preformated) determin
browserul s nu mai ignore spaiile i liniile albe din text. Afieaz textul aa cum este scris ntrecele dou etichete (preformatat). Ea este util, de exemplu, pentru afiarea de ctre browser acodurilor HTML. Mai clar, dac ntr-un document este necesar s apar etichete (sau mai generalcoduri) HTML, scrierea lor ca un text oarecare ar face ca browserul s interpreteze i s execute

codurile, i n consecin acestea nu vor putea fi afiate pe ecran. Este cazul leciilor despre HTMLn format HTML! Introducerea respectivei secvene de cod ntre etichetele rezolvaceast problem dar, atenie, n locul simbolurilor < ,> se vor scrie secvenele < i respectiv>.Exemplu:Pentru a putea afia n fereastra browserului secvena din primul exemplu al acestui curs se va scrie: exemplu cu preformated

prima pagina Web



10/74

10

ceea ce va produce rezultatul din figura 4

Figura 4 Cu ajutorul etichetei se pot afia codurile HTML

I.2.3. Stiluri de listPentru ntocmirea listelor, ca cea din figura 3, sunt utile etichetele pentru listenenumerotate i pentru liste ordonate (numerotate). Fiecare articol al listei este precedatde eticheta nepereche .Exemplul 1

Document cu headinguri si lista ordonata


Istoria WWW


Internet Explorer

Netscape Navigator

Exemplul 2

Document cu headinguri si lista neordonata


Istoria WWW


Internet Explorer

Netscape Navigator

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

a) b)

Figura 5. a) list ordonat de titluri b) list neordonat de titluriListele pot fi imbricate, o list ordonat putnd conine una sau mai multe liste ordonate sau/ineordonate.


11/74

11

Pentru separarea diferitelor pri din corpul de text se pot introduce linii (rigle) orizontale cuajutorul etichetei nepereche . Aceast etichet admite atribute prin care se stabilesc lungimea,grosimea alinierea, aspectul liniei, etc. Atributele se scriu naintea semnului > i pot fi combinatentre ele. Lipsa oricrui atribut determin o linie de lungimeegal cu limea ecranului.Atributele sunt:WIDTH=n[%], stabilete lungimea n pixeli sau procent din limea ecranului dac numrul n este

urmat de semnul percent;SIZE=n, stabilete grosimea liniei n pixeli;NOSHADE, determin haurarea liniei;ALIGN=position, n care argumentul position poate fi left, right sau center, determin alinierea lastnga, dreapta sau centru a riglei.OBSERVAIE: Atributul ALIGN poate fi utilizat i n interiorul etichetei paragraf

pentrustabilirea alinierii paragrafului. Atributul se scrie numai n prima etichet, naintea semnului >.Unele browsere accept ca valoare a atributului i justify, ceea ce determin o alinierea a textuluiatt la stnga ct i la dreapta.De asemenea se poate stabili i culoarea, dar despre acest atribut se va discuta mai pe larg n

paragraful urmtor.

I.2.4. Formatarea fonturilorFonturile utilizate pot fi modificate ca dimensiune, culoare i aspect cu ajutorul etichetelor . Ele admit atribute prin care se stabilesc caracteristicile mai sus enumerate.

Mrimea: sunt 7 dimensiuni disponibile pentru fonte, de la 1, cel mai mic, la 7, cel mai mare.Pentru schimbarea dimensiunii se utilizeaz atributul SIZE=n Acesta este modul absolut despecificare a dimensiunii. Se poate specifica i dimensiunea n mod relativ, raportat ladimensiunea implicit a fontului: SIZE=+2, SIZE=-1 determin mrirea fontului cu 2uniti, respectiv micorarea cu o unitate raportat la mrimea implicit (de regul aceasta este3).

Aspectul: ca i n Word fonturile pot fi alese pentru a da aspectul dorit documentului. Atributul

care determin schimbarea fontului este FACE=fontname unde fontname este numelefontului. Browserele recunosc un numr relativ redus de fonte i ori de cte ori vor nt lnidenumiri de fonte pe care nu le recunoasc le vor nlocui cu unul din tipurile cunoscute.

Atributul care stabilete culoarea este COLOR= valoare. Culoarea, este codificat cu 6caractere hexazecimale (24 de bii) rezultnd un numr de peste 16 milioane de culori. Paletaweb standard conine doar 216 culori. O parte dintre culorile de baz pot fi alese prindesemnarea numelui lor ca argument al atributului COLOR, ex: red, white, yellow, blue,lightblue, cyan, darkgreen, green etc. Pentru celelalte culori codificarea se face pe sistemulRGB (Red Green Blue), folosit n televiziunea color. Argumentul valoare va avea forma#RRGGBB, ceea ce semnific faptul c fiecare culoare de baz are alocai doi digii, care incod hexazecimal pot lua valori la 0 (zero) la F. Color= BLUE i COLOR=#0000FF auacelai efect, stabilesc culoarea albastru.

Un exemplu edificator despre cum se folosesc atributele fonturilor este prezentat mai jos:atributele fontelor si nu numai

text centrat de culoare albastra si de dimensiune 2 (3 implicit -1), aspectTimes New Roman (de asemenea implicit)

aliniat la stinga, de culoare verde cu dimensiunea de 5, aspect Arial

aliniat la dreapta, de culoare rosie, dimensiune 3 (implicita) si aspectCourier


12/74

12

si aliniat "JUSTIFY", de culoare Cyan, dimensiune 4 (implicit 3 +4 adaugat)aspect Impact

Figura 6. Exemplu de manipulare a fonturilor

Rezultatul este cel din figura 6.

Mai multe despre folosirea culorilor se pot afla de la adresa web http://www.visibone.com/vaccc/.Atribute ale etichetei Dac se dorete stabilirea atributelor pentru ntreaga pagin aceasta se poate realiza incluzndatribute n eticheta . Lista celor mai uzuale atribute i efectul lor este prezentat n tabelul 1Tabel 1 Atributele etichetei

Atributul Efectul

bgcolor="numele culorii sau numrul" stabilete culoarea fundalului paginii

background="calea ctre fiierul imagine" stabilete imaginea de fundal

link="numele culorii sau numrul " stabilete culoarea legturilor din pagin

alink="numele culorii sau numrul "stabilete culoarea legturilor active din

pagin

vlink="numele culorii sau numrul "stabilete culoarea legturilor care aufost vizitate

text="numele culorii sau numrul"stabilete culoarea textului pentruntreaga pagin

I.3. TA B E L E

Tabelele se introduc n document cu ajutorul etichetelor , care marcheaz nceputuli sfritul tabelului. Eticheta admite cteva atribute pentru formatarea tabelului:BORDER=n stabilete grosimea marginii exterioare a tabelului, in pixeli. Lipsa atributului saun=0 fac liniile tabelului invizibile.CELLPADDING=n stabilete mrimea spaiului dintre liniile tabelului i coninutul celuleiCELLSPACING=n stabilete spaierea ntre celuleWIDTH=n[%] stabilete limea tabelului n pixeli sau procente din limea ecranului dac n esteurmat de semnul procent, %.Fiecare rnd al tabelului este delimitat de etichetele (table row). Etichetele admitatributele ALIGN cu argumentele RIGT, CENTER i LEFT i VALIGN cu argumentele TOP,MIDLE i BOTTOM. Acestea permit poziionarea coninutului celulei pe orizontal, respectiv pevertical.


13/74

13

Eticheta (table data) delimiteaz coninutul unei celule. Trecerea la un rnd nou se facecu o nou etichet . Nu este obligatoriu ca toate rndurile s aib acelai numr de coloane. nmod implicit coninutul celulei este aliniat la stnga i centrat pe vertical. cu ajutorul atributelor se

poate modifica setarea implicit, pe fiecare celul n parte. Un atribut special, NOWRAP mpiedictextul s treac pe o linie nou cnd ajunge la marginea din dreapta a celulei.Etichetele , i acioneaz ca nite containere, astfel c n

interiorul lor pot fi plasate alte etichete pentru formatarea textului, stabilirea aspectului fundalului,etc. pentru ntreg tabelul, pentru rndul sau celula respectiv.Urmtorul exemplu arat cum se construiete un tabel 2X2 i cum se formateaz textul n interiorulcelulelor.

exemplu cu tabel

11

12

21

22

Rezultatul se poate vedea n figura 7.

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

n exemplul considerat se poate observa prezena unei etichete noi, ; aceasta a fost folositpentru centrarea tabelului n pagin. De fapt perechea de etichete delimiteaz oseciune a documentului (realizeaz divizarea documentului) astfel nct respectiv zon s poat fiformatat distinct. Eticheta admite atributele ALIGN, cu cele trei sau patru argumente cunoscute,

pentru stabilirea alinierii pe orizontal a seciunii delimitate i NOWRAP pentru stabilirea moduluide rsucire a textului n interiorul seciunii.O seciune poate include alte subseciuni. n acest caz alinierea precizat de atributul ALIGN al uneiseciuni are efect asupra tuturor subseciunilor incluse.Iat nc un exemplu de utilizare a etichetei , n care un text este fragmentat n trei seciuni(blocuri de text) care sunt aliniate diferit:


14/74

14

Blocul

Aceasta linie este o linie normal. Urmtorul bloc este aliniat la dreapta.

O singur linie. O singura linie. O singur linie. O singur linie.



Bloc aliniat pe centru. Bloc aliniat pe centru.



Rezultatul este reprodus n figura 8.

Figura 8. Un exemplu de mprire a unei pagini n seciuni

Tabelele pot fi numerotate cu ajutorul etichetei . Perechea de etichete seintroduce ntre etichetele , de obicei imediat dup eticheta iar ntre ele sescrie numele tabelului, dup exemplul:

Tabelul nr.1

Eticheta admite utilizarea atributelor, cele mai comune fiind ALIGN i VALIGN. n mod implicit

(fr atribute) numele tabelului este scris deasupra tabelului i centrat. Valoarea BOTTOM pentruatributul VALIGN va determina scrierea titlului sub tabel. Fonturile pot fi stabilite cu ajutoruletichetelor inserate intre etichetele .Pentru evidenierea coninutului celulelor ce constituie cap de tabel, n locul etichetelor se folosesc etichetele . Acestea determin scrierea pe rndul respectiv cu caractere aldinei paragraf centrat (n lipsa altor atribute). Admite atribute de marcare.Vom ncheia acest paragraf cu explicarea a dou atribute ale etichetei , ROWSPAN iCOLSPAN. Dac se dorete ca o celul s aib limea mai mare dect cea a unei coloane, atuncieticheta va conine atributul COLSPAN, dup modelul:..

ceea ce va determina ca celula respectiv s se ntind pe limea a 3 coloane. n mod similar,

pentru ca o celul s ocupe pe vertical nlimea mai multor rnduri se va folosi atributulROWSPAN cu argumentul egal cu numrul rndurilor, dup modelul:..


15/74

15

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

Figura 9. Tabele n care s-au folosit atributele COLSPAN i respectiv ROWSPAN

Tabelele sunt frecvent utilizate pentru construirea paginilor care conin elemente grafice, fiecarecelul coninnd cte un fragment de imagine. Prin alturarea corespunztoare a fragmentelor seobine imaginea de ansamblu.I.4. IM A G I N I

ntr-un document web pot fi inserate imagini n format jpg (jpeg), gif, png sau xbm. Totui, celemai folosite formate pentru imagini sunt JPEG i GIF i PNG. Ultimul tinde s nlocuiasc formatul

GIF datorit licenei care trebuie pltite pentru utilizarea acestuia. Elementul prin care se comunicbrowser-ului s insereze o imagine este.Atributele cel mai frecvent folosite sunt:HEIGHT i WIDTH servesc pentru stabilirea dimensiunii imaginii (nlime i lime), n pixeli,exemplu ALIGN stabilete alinierea acesteia npagin i n raport cu textul. Admite a argumentele left,right, center, top, texttop, middle, absmiddle, baseline, bottom, i absbottom.Este de dorit ca de la bun nceput imaginea s aib dimensiunile potrivite pentru a nu fi necesarredimensionarea cu ajutorul atributelor susmenionate.Exemplu:

ALT permite specificarea unui text ca alternativ pentru imagine n cazul n care, din diferitemotive, la client nu se afieaz imagini. Exemplu:

BORDER permite stabilirea grosimii chenarului imaginii, n pixeli. Formatul este BORDER=nunde n este grosimea, n pixeli, a chenarului. Cnd argumentul este zero imaginea nu are chenar.Orice imagine necesit un timp suplimentar pentru ncrcare i afiare n browser, astfel nctmrimea i numrul lor trebuie alese cu grij, n caz contrar ncrcarea paginii poate dura exageratde mult i va determina pe cel ce a accesat respectiva pagin s abandoneze ncrcarea.I.5. L E G T U R I

Linkul sau legtura a fost unul din elementele introduse nc de la primele versiuni ale HTML i

asigur legtura dintre documentul curent i alte documente, aflate pe acelai server sau pe alteservere.Introducerea unei legturi (n englez - hyperlink) se face cu ajutorul etichetei , careacioneaz ca o ancor. Forma etichetei este puin diferit de a celorlalte prezentate pn n acestmoment. numele legturii

href este un cuvnt rezervat care indic faptul c irul de caractere de dup semnul egalreprezint adresa la care se gsete fiierul spre care se stabilete legtura.

locaia fiierului reprezint numele fiierului, inclusiv calea spre acesta sau URLulcorespunztor.

numele legturii este un ir de caractere care va servi ca punte de legtur spre fiierul

specificat (browserul nu afieaz n fereastra principal calea ctre acesta).Locaia fiierului se poate specifica n dou moduri, relativ i absolut. Adresarea relativ se facelund ca referin locaia documentului curent.


16/74

16

Figura 10. Organizarea dosarelor

Pentru o mai bun nelegere s admitem c documentul pe care l crem se afl n dosarul htmlaflat la rndul lui n dosarul Situlmeu, de pe discul local C. Dosarul Situlmeu mai conine altedou dosare, poze i altele. Structura ierarhic este reprodus n figura 10.Dac dorim s crem o legtur ctre fiierul poza1.jpgdin dosarul poze, atunci vom scrie caleaspre fiier ca ../poze/poza1.jpg. Semnificaia celor dou puncte este aceeai ca n DOS, adic

fiierul se afl cu un nivel mai sus dect directorul curent (html). Cu alte cuvinte browserului i secomunic s caute fiierul poza1.jpg n dosarul poze aflat cu un nivel mai sus dect directorulcurent. Dac se dorete adresarea fiierului cuprins.htm, aflat n dosarul curent, calea va fi:cuprins.htm. Dac acelai fiier s-ar gsi n directorul C: atunci calea se va scrie../../cuprins.htm, adic n directorul cu dou nivele mai sus dect directorul curent.ntr-o adresare absolut calea spre fiier se scrie ca C:/Situlmeu/poze/poza1.jpg.Avantajul adresrii relative este c asigur portabilitatea site-ului. Astfel, dac se copie dosarulSite-ulmeu pe oricare alt unitate de disc, de pe calculatorul propriu sau alt calculator, legturilevor funciona. n cazul adresrii absolute acest lucru nu este garantat; dac dup copierea dosarului,s spunem pe discul D, se terge folderul Situlmeu de pe discul C, atunci legturilenu vor maifunciona.

Atunci cnd fiierul nu se afl pe calculatorul local, ci pe un alt calculator conectat la Internet,specificarea adresei fiierului se face prin URLul acestuia. Astfel, pentru a accesa pagina cuspecificaiile limbajului HTML 4.0 de pe site-ul Consoriului 3W (cel care este abilitat s emitreglementri), calea spre fiier este http://www.w3.org./TR/html4/, iar pentru a accesa fiierul

Acrobat Reader6.0de pe serverul FTP al Universitii tefan cel Mare din Suceava, calea esteftp://ftp.usv.ro/pub/windows/acroread/AdbeRdr60_ece.exeUn exemplu de includere a acestor legturi intr-o pagin web este dat mai jos pagina cu linkuri

mai multe informatii despre HTML poti gasi aici

iar pentru a descarca gratuit AcrobatReader 4.0 apasa pe descarca

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


17/74

17

Figura 5.11 Pagin Web cu legturiI.5.1. Imagini ca legturiImaginile pot fi folosite ca legturi, n aa fel nct atunci cnd se execut click pe ele se activeazlegtura. Pentru aceasta se folosete tot eticheta ancor dar n locul numelui legturii se folosete

eticheta de inserare a imaginii. Exemplu:

link image

Facand clik pe imaginea alaturata ajungi la cei 3W

I.6. ST I L U R I D E PA G I N

Avnd nsuite elementele de baz ale formatrii unui document Web putem reveni asupraformatrii prin definirea stilurilor, lucru care a fost amintit n paragraful 2.2. Aa cum am artatavantajul stilurilor logice este acela c modul n care este afiat pe ecran textul cruia i se aplicacest tip de stiluri poate fi definit. n plus, pentru a crea pagini cu aspect unitar, n care toate

paragrafele, fonturile, legturile, etc. s aib acelai aspect, se pot defini stiluri de pagini. Modul dedefinire inline, exemplificat n paragraful amintit pentru stilul nivelul de titlu H1 este incomod,mai ales atunci cnd elementul se repet de mai multe ori n document. Pentru c definiia are efectlocal, doar pentru textul cuprins ntre etichetele de definire a stilului, ori de cte ori respectivul stiltrebuie aplicat acesta trebuie redefinit, de unde i ineficiena metodei.O soluie elegant, care permite definirea stilurilor pentru mai multe elemente ale documentului icare rmn valabile n tot cuprinsul lui o reprezint metoda stilului ncapsulat. Aceasta const ndefinirea elementelor n cuprinsul Header-ului documentului, i astfel definiiile se aplic ntreguluidocument. Sintaxa de folosire a stilurilor ncapsulate este:

Selector_1 {proprietate: valoare}

Selector_2 {proprietate: valoare}

.

Selector_n {proprietate: valoare}

Iat un exemplu de utilizare:


18/74

18

H1 {font-family: Arial; font-size: 40pt; color: red}

H2 {font-family: Times new Roman; font-size: 24pt; color: blue}

P {font-size: 12pt; line-height:20pt }

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

Dac fiierul se afl n alt loc dect n dosarul documentului HTML atunci se va specifica i caleaspre fiier, dupregulile stabilite. Aceast metod este foarte folosit deoarece permite modificareauoar a stilurilor mai multor pagini concomitent, prin simpla modificare a fiierului cu directive.Se pot crea mai multe fiiere cu directive care s fie apelate selectiv, o parte din documente sfoloseasc un stil, altele alt stil .a.m.d.I.7. H R I DE I M A G I NE

Un efect deosebit l produc n paginile web imaginile sensibile la trecerea cursorului peste ele.Zonele sensibile (hot spot) servesc, cel mai adesea, pentru stabilirea de legturi spre alte documente.Aceste zone se definesc prin intermediul unor hri(map) pe imaginile respective. Sunt dou tipuride hri utilizate, pe partea de server (Server-side map) sau la client (client-side map). n cele ceurmeaz se va arta cum se realizeaz o hart client-side, care are avantajul c harta este inclusn documentul HTML iar procesul de interpretare se desfoar n interiorul browserului. n felulacesta se reduce traficul ntre client i server i crete viteza de rspuns atunci cnd se execut click

pe zonele sensibile.I.7.1. Hri de imagine client-sideEticheta se folosete pentru definirea hrilor de imagini din interiorul unordocumente HTML. Un document poate conine mai multe imagini, dar nu toate au atribuite hri.Pentru fiecare imagine creia i se atribuie o hart trebuie construit harta corespunztoare. Hriletrebuie denumite pentru a putea fi identificate n interiorul documentului. Atribuirea numelor seface cu ajutorul atributul NAME. n cod HTML acest lucru se scrie

Pasul urmtor trebuie s stabileasc zonele sensibile ale imaginii. Aceste zone pot fi dreptunghiuri,cercuri sau poligoane neregulate. Ele se definesc cu ajutorul etichetei i atributelorSHAPE i COORDS, dup cum se arat n continuare.Eticheta este etichet nepereche i se plaseaz ntre etichetele i .Atributul SHAPE poate lua trei valori: RECT pentru suprafeele dreptunghiulare, CIRCLEpentrusuprafeele circulare i POLYGON pentru cele de form poligon neregulat. Precizareacoordonatelor se face prin intermediul atributului COORDS i se exprim n pixeli. Pentrudreptunghiuri se dau coordonatele colului din stnga sus i colului dreapta jos, separate prinvirgule. Exemplu: .Pentru formele circulare sedau coordonatele centrului i raza, de asemenea separate prin virgul. Exemplu: .Pentru forme de poligon neregulat se alege un sens deparcurgere a poligonului i se dau coordonatele tuturor colurilor, n ordinea n care acestea sentlnesc la parcurgerea poligonului. Pentru o form triunghiular oarecare se scrie


19/74

19

shape="polygon" coords="x1,y1, x2,y2, x3,y3">. n exemplele de mai sus spaiile liberedintre perechile de coordonate au rol de evideniere i chiar dac se introduc n scrierea codurilorele vor fi ignorate.Dup ce s-a definit o arie se va informa browserul asupra adresei legturii ce se va stabili laapsarea butonului stng al mouselui pe zona sensibil. Se utilizeaz cuvntul cheie HREF ninteriorul etichetei , aa cum s-a artat n cazul etichetei ancor. Aceast operaie se va

face pentru fiecare zon definit n parte.n sfrit, harta definit anterior trebuie asociat cu imaginea dorit. Pentru aceasta, n punctul undetrebuie inserat imaginea, n interiorul etichetei se va introduce cuvntul rezervatUSEMAP cu argumentul #harta (USEMAP= #harta1). ATENIE, dedata aceasta numele hriiva fi precedat de semnul diez #!Dac sunt mai multe hri, fiecare va fi definit independent, va primi un nume distinct i va fiasociat cu imaginea corespunztoare dorit. Gestionarea imaginilor i hrilor trebuie fcut cuatenie deoarece dac unei imagini i se asociaz, din greeal, o alt hart atunci rezultatele suntdeparte de ceea ce s-a dorit. n continuare se d un exemplu de utilizare a unei hri de imagine.Exemplu:

Exemplu cu client side map

fiecare eticheta corespunde unei lectii

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

Figura 12. Text explicativ la trecerea peste o zon sensibil

Aceasta este o facilitate a browserelor mai recente i este bine s fie folosit pentru a informautilizatorul asupra efectului acionrii butonului stng al mouseului. Dac se analizeaz codul din


20/74

20

exemplul de mai sus se observ imediat c s-a utilizat atributul ALT pentru generarea textuluialternativ, n interiorul etichetei .Sunt pagini pe web construite aproape n totalitate cu hri de imagini, iar realizarea lor este att deelaborat nct cu greu poate cineva s-i dea seama de acestlucru, cum ar fi revista online AtlasWeb: http://www.atlasmagazine.com/win98.html.Singura problem care rmne de rezolvat pentru a realiza imagini cu zone sensibile este cea a

determinrii coordonatelor.I.7.2. Obinerea coordonatelorCoordonatele care trebuie introduse ca argumente ale atributului COORDS se obin simplu cuajutorul oricrui program de prelucrare a imaginilor. Inclusiv aplicaia Paintdin Windows permiteacest lucru. Dup ncrcarea fiierului imagine n aplicaia respectiv, undeva pe bara de stare aaplicaiei apar coordonatele curente ale poziiei cursorului. Prima coordonat este distana peorizontal, n pixeli, fa de marginea stng a imaginii iar a doua coordonat este distana, pevertical fat de marginea superioar a imaginii, exprimat n pixeli. Colul din stnga sus alimaginii are coordonatele 0,0. Pentru construirea hrii se plaseaz cursorul n fiecare col al zoneisensibile i se noteaz coordonatele. Pentru cerc se plaseaz cursorul n punctul unde se dorete a sestabili centrul iar apoi, dup notarea coordonatelor, se apreciaz mrimea razei prin deplasarea

cursorului n diverse puncte ale imaginii.I.8. CA D R E (F R A M E S )

Utilizarea cadrelor mbogete coninutul documentelor Web i creeaz noi faciliti pentruutilizator. Cadrele mpart ecranul n mai multe pri, fiecare din ele coninnd cte un documentHTML. Diverse aciuni (evenimente) care au loc n unul din cadre determin efecte n respectivulcadru sau n oricare din celelalte cadre. Dei sunt elemente introduse relativ recent n specificaiileHTML nu toate browserele neleg i pot prelucra documentele care conin cadre. Ultimele versiuniale principalelor browsere pot prelucra, fr excepie, documentele care conin cadre. Pentru crearealor se utilizeaz dou etichete: i .

Eticheta folosete pentru setarea cadrelor. Atributele cele mai utilizate sunt:COLS=expresie expresia stabilete numrul i dimensiunea cadrelor verticale

ROWS=expresie expresia stabilete numrul i dimensiunea cadrelor orizontale

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

Dac se dorete mprirea ecranului n dou cadre verticale, din care primul s ocupe 300 pixeli,

codul se scrie:

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

Figura 13. Cteva posibiliti de mprire a ecranului n cadrePentru prima situaie din figura 5.13 codul corespunztor este:


21/74

21

unde r i c sunt numere ce reprezint nlimea cadrului orizontal din partea superioar a ecranului,respectiv limea cadrului dinpartea dreapt, ambele n procente.OBSERVAIE Eticheta poate aprea de mai multe ori n seciunea de declarare acadrelor, dar eticheta doar o dat, la terminarea declarrii.Pentru a comunica browserului ce anume trebuie s afieze n fiecare cadru se folosete eticheta. Aceast etichet se plaseaz n seciunea de declarare a cadrelor, naintea etichetei de attea ori cte cadre sunt declarate. Atributele cele mai comune ale eticheteisunt explicate n tabelul 2.Tabel 2. Principalele atribute ale etichetei FRAME

NAME=expresieAtribuie un nume cadrului spre a putea fi folosit ca int

pentru efectul unei aciuni din alt cadru. Implicit nu seatribuie nici un nume.

NORESIZEFolosirea lui previne posibilitatea redimensionrii

cadrului de ctre utilizator.

SCROLLING=expresie

Are trei valori, YES, NO i AUTO. Indic dac ninteriorul cadrului se afieaz sau nu o bar de derulare.Daca valoarea este YES, bara va fi afiat ntotdeauna.Dac valoarea este NO atunci bara nu va aprea, chiardac obiectul din cadrul respectiv nu ncape complet ncadru. n mod implicit valoarea este AUTO i bara va fiafiat doar dac obiectul nu ncape n cadru.

SRC=expresievaloarea specific URLul obiectului ce se afieaz n

cadrul respectiv.S ne referim n continuare la exemplul 1 din figura 13. unde dorim urmtoarea organizare:

n cadrul de sus s fie afiat documentul sus.htm, n cadrul din stnga documentullinkuri.htm iar in cadrul din dreapta pagina principal main.htm

Orice click pe o legtur din cadrul din stnga (din documentul linkuri.htm) s determineafiarea documentului de legtur n cadrul din dreapta.

Pentru cadrul de sus se aloc 100 rnduri, restul fiind mprite n dou cadre verticale, cel dinstnga de 250 coloane (pixeli) iar cel din dreapta ocupnd restul coloanelor din limeaecranului.

Pentru aceasta vom scrie:

va incarca pagina sus.htm -->

< frame name=left src=linkuri.htm />

Pentru ca activarea legturii din cadrul stng s produc efect n cadrul din dreapta, n etichetaancor a fiecrei legturi din pagina linkuri.htm se va introduce atributul TARGET cu argumentul

RIGHT.Eticheta admite i ea cteva atribute, dou dintre ele fiind explicitate n tabelul 3.


22/74

22

Tabel 3. Atributele etichetei FRAMESETFRAMESPACING =n stabilete spaierea ntre cadre la npixeli

FRAMEBORDER = expresie stabilete existena sau inexistena chenaruluidespritor dintre cadre dup cum argumentul expresieia valorile YES sau NO

Pentru utilizatorii care folosesc browsere care nu suport cadre este bine s se ofere o reprezentarealternativ a paginii sau mcar o explicaie cu privire la coninutul acesteia. n acest scop sefolosete eticheta . Eticheta acioneaz ca un container n interiorulcreia se afl seciunea de BODY a documentului alternativ.I.9. FO R M U L A R E (F O R M S )

Formularele sunt instrumentele prin care designerul paginii web d posibilitatea utilizatorului scompleteze anumite cmpuri puse la dispoziie n interiorul paginii. La apsarea unui buton dateleintroduse n respectivele cmpuri sunt trimise la server unde sunt prelucrate de un program careruleaz pe server. Acesta genereaz un document HTML cu un coninut care depinde de rezultatul

prelucrrii formularului (generare dinamic a paginii) i l trimite la browser. Formularelereprezint partea interactiv a documentelor HTML. Dei funcionalitatea formularelor este legatatt de programele de pe server ct i de o alt component a documentelor web, anume programele

pe partea de client cum sunt JavaScript sau VB Script, care nu fac obiectul prezentului curs, seprezint totui n continuare elementele de coninut ale unui formular i cteva exemple de utilizare,uor de neles i utilizat. Informaii utile (i accesibile pentru neprofesioniti n programare) despreCGI i JavaScript pot fi gsite n [6] i [7], iar despre programarea diferitelor aplicaiilor n Internet,n [8].Eticheta care delimiteaz un formular este . n interiorul etichetei se ntlnescurmtoarele etichete care implementeaz formularul: , ,, .

Eticheta poate aprea demai multe ori ntr-un document, dar numai dup ce formularulanterior a fost nchis cu eticheta . n interiorul unui formular pot fi folosite oricare dintreetichetele nvate pn acum, cu condiia s fie utilizate corect. Are dou atribute, ACTION iMETHOD. La rndul lui atributul ACTION poate fi folosit n dou moduri,

a. ACTION = URL, unde URL este adresa programului care va prelucra formularul

b. ACTION = mailto: adresa de e-mail. Acest mod de folosire nu necesit program deprelucrare pe server i nici utilizarea (dect facultativ) de scripturi n documentul HTML,datele fiind expediate prin e-mail la adresa specificat. Este ns i modul cel mai puinutilizat deoarece presupune, pe de o parte, prelucrarea manual a datelor de ctre cel carele primete i pe de alt parte existena unui program de e -mail corect configurat pecalculatorul client.

Al doilea atribut se folosete pentru a stabili modul n care sunt preluate i transmise datele dinformular: METHOD = metoda de schimb a datelor. Metoda de schimb a datelor poate fi POSTsau GET, prima fiind cea mai utilizat.I.9.1. Definirea unui cmp de intrare.Eticheta , etichet nepereche are urmtoarele atribute:

A) atributul TYPE = nume_tip, n care nume_tip poate avea urmtoarele valori

text definete un cmp pentru introducerea unui text

password definete un cmp pentru introducerea unui ir de caractere care nu vor fi afiate cinlocuite cu asteriscuri

checkbox (caset de validare) definete o caset care poate fi selectat sau nu de utilizatorntr-o list de opiuni ce nu se exclud una pe alta


23/74

23

radio definete un cmp care poate fi selectat sau nu ntr-o list de opiuni care se excludreciproc

button definete un buton a crui aciune este precizat de un handler de evenimente(JavaScript)

submit definete un buton a crui acionare trimite datele din formular la server sau prin e-mail la adresa specificat

reset definete un buton a crui acionare anuleaz toate datele introduse n cmpuri i lereaduce la valorile implicite

hidden (ascuns) definete un cmp de intrare invizibil a crui valoare este trimis mpreuncu restul valorilor din formular. Se folosete pentru a trece informaii de la un script la altul saude la un formular la altul

B) atributul NAME = ir de caractere folosete pentru identificarea elementului de formular ncadrul formularului

C) atributul VALUE = ir de caractere stabilete valoarea implicit din cmpurile de intrare. Maiprecis, pentru cmpurile de tip radio i checkbox valorile atributului sunt cele care se transmit la

server dac casetele respective au fost alese. Pentru cmpurile de tip button, reset i submit,valorile atributului sunt cele afiate n interiorul butonului n locul denumirilor Button, Resetsau Submit. Pentru cmpurile de tip text i password caracterele introduse de utilizator le vornlocui pe cele implicite

D) atributul CHECKED, se aplic doar cmpurilor de tip radio sau checkbox. Acolo unde estefolosit cmpul respectiv apare ca marcat implicit

E) atributul SIZE= valoare stabilete numrul de caractere afiate n cmpurile de intrare de tiptext i password

F) atributul MAXLENGTH= lungime ir seteaz numrul maxim de caractere ce pot fi ninteriorul cmpurilor de intrare de tip text sau password.

I.9.2. Definirea unui cmp de selecieDe multe ori este necesar s se pun la dispoziia utilizatorului o caset text cu o list de opiunipredefinite. Pentru acest scop se folosesc etichetele i .Prima etichet definete lista. Pentru identificare n interiorul formularului se folosete atributul

NAME, iar pentru stabilirea lungimii listei (numrului de opiuni afiate n list) se utilizeazatributul SIZE = lungime list, lungime list fiind un numr ntreg pozitiv. Atributul MULTIPLE

permite selectarea mai multor opiuni. OBSERVAIE. Dac nu se utilizeaz atributul SIZE,fereastra n care sunt listate opiunile este afiat de browser cu mrimea implicit, iar dac numrulde opiuni depete aceast mrime n fereastr vor fi listate doar o parte dintre acestea. Va aparens n partea dreapt a listei o bar de derulare vertical cu ajutorul creia pot fi defilate toateopiunile listei. Acelai lucru se ntmpl dac numrul opiunilor depete lungimea listei

declarat cu SIZE.Dac se precizeaz prin intermediul atributului SIZE lungimea listei, aceasta va fi afiat integralntr-o fereastr dimensionat corespunztor. Exemplificarea efectului se poate vedea n figura 14.

Figura 14.List cu 6 opiuni a) declarate prin SIZE b) fr declaraie de lungime

Eticheta , nepereche, servete pentru introducerea listei de opiuni. Dac se dorete cauna dintre opiuni s fie selectat implicit se folosete atributul SELECTED.


24/74

24

Iat un exemplu de editare a unui cmp de selecie: optiunea 1 optiunea 2 optiunea 3 optiunea 4 optiunea 5

Efectul este cel din figura 14a.I.9.3. Definirea unei arii de text.Atunci cnd trebuie pus la dispoziia utilizatorului un cmp mai mare n care acesta s poatintroduce un text mai amplu se utilizeaz o zon de text. Eticheta corespunztoare este . Pe lng atributul NAME deja cunoscut eticheta admite iatributele ROWS = nr de rnduri i COLS = nr de coloane, prin care se specific dimensiuneaariei de text, n rnduri i coloane. Valorile atribuite trebuie s fie numere ntregi i pozitive.

Figura 15. Diverse elemente de formular folosite ntr-un document

Dac ntre eticheta de nceput i de sfrit a ariei text se plaseaz un text, acesta va fi afiat ninteriorul ariei de text ca valoare implicit, i trebuie nlocuit de textul introdus de utilizator. nncheierea acestei enumerri s vedem cum se pot folosi elementele de formular prezentate ntr-undocument Web. Codul folosit pentru generarea acestor elemente de formular este:

elemente de formular

cimp tip text
cimp tip password

buton radio

si un buton radio selectat

caseta de validare si caseta devalidare selectata

buton oarecare

buton submit

arie de text introduceti aicicomentariul dumneavoastra

Documentul ncrcat n browser are aspectul din figura 15.


25/74

25

Putei s introducei n pagina dumneavoastr de web un formular fr a avea nevoie de vreun program pepartea de server sau s cunoatei JavaScript. Acest formular folosete pota electronic pentru trimitereadatelor i, evident, va trebui s prelucrai datele i s rspundei manual celui ce v-a trimis formularul. nexemplul care urmeaz se pune la dispoziia utilizatorului o arie de text n care acesta i poate introducecomentariul legat de subiectul propus n pagina dumneavoastr. La apsarea butonului expediaz textul vafi trimis pe adresa de e-mail specificat ca argument al atributului ACTION. Sursa codului este:

mailto:

Comentariul dumneavoastra aici

Atributul enctype este folosit pentru a seta tipul de criptare a informaiei la expediere. n cazul de faargumentul este text/plain, adic informaia este de tip text astfel c va putea fi citit n corpul e-mailului.Pentru a putea rula codul, sau pentru a-l putea utiliza efectiv, calculatorul pe care se ruleaz trebuie s aibinstalat un client de e-mail iar adresa de e-mail din eticheta FORM trebui s fie valid.

n continuare se dau, cu titlu de exemplu, cteva moduri de manipulare a formularelor cu ajutorul Javascript.Exemplul 1adun dounumere care se introduc n dou casete text. Pentru efectuarea adunrii se folosetebutonul Rezultat

+

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

JavaScript este:

Un limbaj de programare

O versiune simplificata de Java

O scriere veche din insulele Java

raspunsul corect este


26/74

26

Din ambele exemple se poate constata c scriptul este plasat n interiorul antetului. El se ncarc o singurdat la ncrcarea documentului. De asemenea, n ambele cazuri sunt utilitate funcii, n primul caz fr

parametri iar n al doilea caz cu un parametru, test1 (form). Funciile se declar n interiorul scriptului i sefolosesc n corpul documentului, ori de cte ori este necesar, cu precizarea parametrilor actuali. Instruciunilefunciei sunt scrise ntre acolade i sunt separate prin ;. Pentru browserele vechi care nu recunosc versiunilesuperioare de JavaScript este indicat s se ascund scriptul pentru a nu fi interpretat n mod eronat. Acestlucru se face incluznd scriptul propriu zis ntre etichetele de comentariu.

Departe de a fi epuizat subiectul, vom pune punct aici scurtei noastre incursiuni n tehnicaproiectrii paginilor Web cu ajutorul limbajului HTML, recomandnd ca material bibliograficextrem de util lucrarea [9].I.10. ED I T A R E A,V E R I F I CA R E A,G Z DU I R E A I P R O M O V A R E A U NU I SI T E WE B.

I.10.1. Editarea i verificarea unui Site Web.Un site web este o colecie de documente web reunite sub o anumit tem. Documentele pot fi

stocate (gzduite) pe unul sau mai multe servere Web din Internet. na inte de a transferarespectivele documente de pe calculatorul unde au fost create pe server este necesar s se verificefuncionarea corect a legturilor, att ntre documentele locale ct i cu cele de pe alte servere.Acelai lucru trebuie fcut atunci cnd paginile au incluse imagini, sunete sau alte obiecte. Folosireaadreselor relative pentru paginile i obiectele de pe calculatorul local este obligatorie pentru aasigura funcionarea corect a legturilor dup transfer. De asemenea se recomand ca toatedocumentele i obiectele s fie organizate ntr-un dosar (folder) unic care va conine, la rndul lui,alte dosare tematice. De exemplu, toate documentele HTML vor fi incluse n dosarul Myhtml de

pe discul C:, toate imaginile folosite n paginile respective se vor plasa n dosarul Pictures, toateobiectele multimedia n dosarul Media, scripturile JavaScript n dosarul JS i aa mai departe.Dosarele Pictures, Media i JS se vor fi coninute de dosarul principal Myhtml. O prim verificare

const n mutarea dosarului MyHTML pe o alt unitate de disc, pe D: sau chiar A: i apoiverificarea funcionrii de pe noua locaie. Dac totul este n regul ansele ca site-ul s funcionezei dup transferul fiierelor pe server sunt foarte mari. n cazul cnd anumite legturi nufuncioneaz, sau lipsesc imagini din pagini se vor verifica adresele de link pentru fiecare n parte ise corecteaz greelile.O alt recomandare este ca numele tuturor fiierelor s fie formate din maximum 8 caractere, iarextensiile pentru fiierele HTML s fie aceleai, fie htm fie html, pentru a se evita complicaiilelegate de specificarea incorect a fiierelor. Din acelai motiv, pentru fiierele tip JPEG se va folosi,n mod unitar, aceiai extensie n numele fiierului, fie jpg fie jpeg.Cnd site-ul este creat sub sistemul de operare Windows, numele fiierelor sunt Case Insensitive.De aceea un scrierea numelui fiierelor cu combinaii de majuscule i minuscule nu afecteaz

funcionalitatea legturilor la testarea pe calculatorul unde a fost editat site-ul. Deoarece servereleWeb care gzduiesc paginile lucreaz sub alte sisteme de operare, de regul Unix sau Linux, este

posibil ca o parte din legturi s nu funcioneze tocmai din aceast cauz. Spre exemplu un fiier cunumele Poza1.jpg dac este referit din interiorul unei pagini ca poza1.jpg, pe calculatorul localimaginea coninut de fiier va fi afiat n pagin n timp ce pe server ea nu va mai fi afiat.Pentru aceasta este bine ca toate numele de fiiere s fie scrise cu minuscule. La transferul fiierelorcu ajutorul clienilor FTP sau prin programe de management al fiierelor puse la dispoziie deserverele Web exist posibilitatea de a opta pentru convertirea numelui fiierelor n lower case. nacest fel numele tuturor fiierelor de pe server vor conine numai caractere minuscule. Singura grijar mai fi ca referirea lor n interiorul documentelor s fie fcut tot cu minuscule.Dintr-un motiv ce va fi explicat n paragraful urmtor se recomand capagina principal a site-ului,cea care trebuie s asigure legturile spre cele mai reprezentative pagini ale acestuia s fie intitulatindex.html. Aceast pagin trebuie s aib dimensiuni mici (recomandat sub 60kB) pentru a seasigura ncrcarea ei rapid. n cazul unei conexiuni prin linie telefonic i modem la o rat de


27/74

27

transfer de 28800b/s (3,6KB/s) o pagin de asemenea mrime se ncarc n aproximativ 17s, ceea ceeste destul de mult. Mai trebuie inut cont c dei viteza de transmitere ntre calculator i server

poate fi de 28800b/s sau mai mare, viteza efectiv de transfer a informaiei este, de cele mai multeori, mai mic, funcie de trafic. Studiile efectuate arat c majoritatea covritoare a utilizatorilorrenun la vizualizarea paginilora cror ncrcare dureaz mai mult de 30s. Din acest motiv paginaindex trebuie s conin doar imaginile strict necesare i acestea la o rezoluie acceptabil. Imaginile

cu nalt rezoluie pot fi puse la dispoziia utilizatorului n alte pagini, ca legturi ale imaginilor dinpagina index.I.10.2. Gzduirea unui Site WebPentru a deveni disponibil pe Internet site-ul creat trebuie gzduit (hosted) pe un server Web. Acestlucru se poate realiza n dou feluri:1) ISPul cu care este ncheiat contractul de furnizare a serviciilor de Internet are inclus serviciul dehosting i ofer un spaiu de disc variabil, funcie de ofert, tipic 5-10MB. Tot el poate snregistreze site-ul cu o denumire personalizat, de exemplu www.gigiturism.ro. Alt posibilitateeste ca URLul site-ului s fie ales i comunicat de ISP sub forma unui director, de exempluwww.gigiturism.ro .2) gzduirea gratuit pe servere comerciale. Acestea adaug bannere publicitare pe fiecare pagin

gzduit dar nu percep nici un fel de tax pentru hosting.n primul caz ISPul furnizeaz informaiile privind setarea site-ului personal. De cele mai multe oriaceste informaii constau n comunicarea unui nume de utilizator, a unei parole i a adresei web URL a paginii index. Transferul fiierelor se face via FTP utiliznd un client FTP. Nu se adaug

bannere publicitare paginilor gzduite; mai mult, este posibil ca ISPul s asigure din pagina proprieun link spre site-ul gzduit, ceea ce poate conduce la o cretere a numrului de vizitatori. Larezilierea contractului ISPul terge site-ul care nu va mai fi disponibil.n al doilea caz gzduirea este gratuit dar preul pltit este c paginile vor conine bannere

publicitare. n aceast situaie utilizarea paginilor care conin cadre nu este recomandat deoarecebannerele au dimensiuni mai mari dect limea cadrului i aspectul paginii, n ansamblu, are desuferit. (Exist i oferte de upgrade a serviciului de hosting, contra cost, prin care se pune la dispoziie un spaiu de disc mai mare i se elimin i bannerele.) Fa de situaia anterioaravantajul n cel de al doilea caz este c paginile rmn disponibile un timp nelimitat, neexistndclauze contractuale n acest sens. Cteva servere care gzduiesc gratuit pagini web suntwww.geocities.com, www.tripod.com, www.angelfire.com, www.xhost.ro, www.as.ro. Transferulfiierelor se poate face fie prin FTP fie prin upload cu ajutorul unui site manager pus la dispoziie deserverul gazd. NOT. Proprietarii serverelor nu ncurajeaz gzduirea site-urilor comerciale saucu scop de profit, att timp ct serviciul de gzduire este gratuit.Este momentul s explicm motivul pentru care este recomandat ca pagina principal s senumeasc index.html. Majoritatea serverelor gazd sunt setate pentru a interpreta paginile cuaceast denumire ca pagini principale. Altele, mai puine, au setat ca denumire a paginii principale

default.html. Avantajul este c se scurteaz adresa paginii. De exemplu, n loc s se introducadresa complet a paginii principale a site-ului, www.gigiturism.ro/index.html, se tasteaz scurt,www.gigiturism.ro .I.10.3. Promovarea unui Site webOdat transferate fiierele pe serverul gazd i probat funcionarea site-ului aceasta nu nseamn,automat, c o persoan care navigheaz pe Internet va gsi paginile respective fr s cunoasc

precis adresele lor. ansa ca respectivele pagini s poat fi descoperite din ntmplare este att demic nct nici nu merit luat n calcul. Pentru a face posibil gsirea paginilor respective de ctremotoarele de cutare trebuiesc realizate dou lucruri:

1. Adugarea de etichete speciale META n antetul paginilor2. nregistrarea paginilor la ct mai multe motoare de cutare

I.10.3.1. Etichetele METACnd un utilizator caut ceva pe Internet apeleaz la serviciile unor motoare de cutare (searchengine) cum ar fi Google, Yahoo, Altavista, Infoseek, Lycos, etc. n procesul de cutare acestea
http://www.assist.ro/~Silviu/http://www.assist.ro/~Silviu/http://www.assist.ro/~Silviu/http://www.assist.ro/~Silviu/


28/74

28

folosesc informaiile coninute de nite etichete speciale, etichetele META. Aceste informaii nusunt afiate n pagina web dar pot fi vizualizate n surs. n cele ce urmeaz sunt prezentate doudintre acestea. Forma general a etichetelor META este

Argumentul atributului NAME poate lua mai multe valori din care enumerm:description, specific faptul c eticheta conine descrierea, pe scurt, a coninutului paginii. Aceast

descriere se introduce ca argument a atributului CONTENT i este afiatde motorul de cutareatunci cnd gsete pagina. Descrierea nu trebuie s depeasc 200 de cuvinte. Formatul este:keywords, specific faptul c eticheta conine cuvintele cheie, acele cuvinte considerate careprezentative pentru coninutul paginii. Formatul este:Cuvintele trebuie separate prin spaiu sau virgule, iar n total nu trebuie s depeasc 1000 decaractere. Ele nu sunt afiate de motorul de cutare ci doar folosite de acesta n procesul de cutaredup cuvinte cheie. De exemplu o pagin care are ca obiect prezentarea serviciilor oferite de unhotel din municipiul Suceava poate avea ce descriere urmtorul :iar ca i cuvinte cheieauthor, specific faptul c eticheta conine numele autorului paginii, numele acestuia constituindargumentul atributului CONTENT.Pentru cazul exemplificat este util ca site-ul s conin i o versiune ntr-o limb de circulaieeuropean. Alegerea limbii trebuie s poat fi fcut din pagina index. Fiecare pagin va avea

propria descriere i cuvinte cheie, n limba respectiv. Pagina index va conine cuvinte cheie ntoate limbile n care paginile sunt disponibile.

Etichetele META pot conine i directive ctre roboii de cutare prin care acetia sunt instruii snu indexeze pagina curent i paginile care au linkuri n pagina curent:

sau s nu indexeze pagina dar s indexeze paginile care au linkuri n pagina curent:

Tot cu ajutorul unei etichete META browserul poate fi determinat s ncarce automat o alta pagin,specificat, dup un timp, de asemenea specificat:

face ca pagina care conine aceast etichet s fie nlocuit dup 10 secunde cupagi na i ndex a mot orul ui GOOGLE. I.10.3.2. nregistrarea unei pagini

Simpla introducere a etichetelor META n HEADul documentului nu rezolv problema gsiriiacestuia de ctre motoarele de cutare. nregistrarea unei pagini la un motor de cutare, sau maicorect a unui URL este o operaie prin care respectiva pagin este indexat de respectivul motor.Aceasta nseamn c adresa URL este introdus ntr-o baz de date care este cercetat la lansareacererii de cutare. O pagin indexat la un motor va fi gsit doar de motorul respectiv. O

promovare eficient presupune nregistrarea paginii la ct mai multe astfel de motoare. Suntdisponibile trei procedee pentru a realiza acest lucru. Primul procedeu folosete o legtur din

pagina motorului de cutare intitulat Submit a Site sau Add URL. Aceast legtura apare launele motoare chiar n pagina principal iar la altele trebuie descoperit prin cutare n paginile sprecare exist legturi din pagina principal. Activarea respectivelor linkuri deschide o fereastr careconine toate informaiile necesare adugrii paginii. La unele motoare indexarea se face automat,

prin intermediul unor roboi, dar la altele se face manual (Yahoo) ctre o echip de editori. noricare din variante indexarea nu se realizeaz imediat, solicitarea ateapt ntr-o coad pn cndeste rezolvat. Durata de ateptare variaz de la 2 sptmni pn la aproape 2 luni (Lycos). La


29/74

29

momentul editrii prezentei lucrri Altavista este motorul care asigur cea mai rapid indexare.nregistrarea este gratuit dar sunt i motoare care o fac contra cost.A doua metod const n folosirea unor programe, ex. SubmitWolf, care adaug paginile la maimulte motoare de cutare. Aceste programe nu sunt gratuite dect n versiuni demonstrative, la careindexarea se face la un numr mic de motoare i mai puin cunoscute. Astfel de programe pot rula

pe calculatorul clientului sau online.

n sfrit, a treia metod const n apelarea la serviciile unor site-uri specializate n promovareapaginilor pe Internet. Aceste servicii sunt oferite de profesioniti i asigur, de regul, o bunclasare n lista de rezultate a motoarelor de cutare. Serviciile sunt contra cost.


30/74

30

I I . P R O GR AM U L F I DE L I O V.8.

II.1.INTRODUCERE

Pentru a ncepe o noua sesiune de lucru:

1. Dublu clic pe iconia de Fidelio Versiunea 8 de pe desktop

2. Va aprea ecranul de autentificare:

- Se introduce numele de utilizator in cmpul Utilizator- Si Tabpentru a introduce parola in cmpul Parola- Se apsa pe butonulAcces

In acest moment se va deschide ecranul principal al programului:

Acest ecran este mprit n trei cmpuri importante:


31/74

31

II.1.1. BARA DE INSTRUMENTE

De aici se pot accesa toate funciile programului. Pentru a accesa funcia dorita, apsai pe categoriadin care face parte, apoi selectai-o din sub meniul afiat.De exemplu pentru o rezervare noua apsai pe "Rezervare'" apoi pe "Rezervare noua"

II.1.2. MENIUL DE ACCES RAPIDDe aici se pot accesa majoritatea funciilor uzuale ca : rezervri unde se pot cuta, vizualiza si crearezervri, profile, se pot administra camerele, se poate intra in modulul casierie unde se pot face

plai, se pot vedea rapoarte si diagrame ale hotelului, se poate vedea activitatea recepionerului(utilizatorului).Bara de acces rapid este impartita pe seciuni,fiecare buton conine mai multe module.

Acest meniu se afla in partea dreapta a ecranului. Pentru a-l accesa sefolosete Butonul "Scurttur" din ecranul principal.Pentru a selecta o categorie apsai pe iconia corespunztoare. De exemplu,

pentru a face o rezervare apsai pe iconia "Rezervare" si ecranul derezervri se deschide.II.1.3.ECRANUL SCURTATURIEste ecranul principal al opiunii selectate, aa cum este in imaginea de maisus, dup ce s-a selectat butonul "Rezervare"" fie din bara de meniul, fie dinmeniul din dreapta vor aprea informaii despre rezervrile existente siopiuni legate de rezervri cum ar fi: cutarea, editarea sau crearea.II.1.4.TASTE RAPIDEDe aici se pot apela direct diverse funcii uzuale fr sa mai deschidemmeniurile specifice.Funcia "Maximum Disponibil" ne afieaz disponibilul de vnzare pentru

intervalul de timp selectat. Restul funciilor se regsesc in celelalte meniuri.Aceasta funcie sa gsete numai in acest meniu.


32/74

32

Se poate naviga prin meniu folosind tastele de accelerare, care ne permit un acces mult mai rapid inanumite cmpuri prin apsarea tastei CTRL+ litera subliniata din meniu.Tasta Rapida DescriereF3 Jurnalul de conferineF4 CalendarCTRL+A SosiriCTRL+B PlaiCTRL+D Disponibilul

CTRL+E PostriCTRL+G GrupuriCTRL+H Statut hotelCTRL+I In hotelCTRL+L TarifeCTRL+M Mesaj eCTRL+N Rezervare nouaCTRL+P ProfileCTRL+Q Rezervare RapidaCTRL+R Interogare tarifeCTRL+S Cutare camera

CTRL+T Carte de telefoaneCTRL+U Actualizare rezervareSHIFT+ALT+R Calculator valutaPentru a deschide meniul de taste rapide se acceseaz opiunea "Taste Rapide" din barameniu.

II.2.OGLINDAHOTELULUI

Ecranul implicit la pornire va fi "Oglinda Hotelului". Daca nu apare implicit la logarea n aplicaiese folosete combinaia de taste CTRL + L. nchiderea ferestrelor se face cu F10.


33/74

33

Din acest ecran se vizualizeaz toate rezervrile ateptate, cazate, eliberate din hotel, se vizualizeazstarea camerelor (murdara, curata, dezafectata), din acest ecran se pot face rezervri pe camere, se

pot caza si elibera, muta si partaja rezervrile.In partea stnga sunt afiate informaii referitoare la camerele din hotel:

In partea de jos a ferestrei sunt cmpuri de cutare selectiva si opiuni de afiare.

O scurta explicaiea cmpurilor este prezentata in cele ce urmeaz:De la - Pana la: de aici se aleg data de la care si pana la care sa afieze pe ecran camerele din hotel.Camera - se poate alege afiare numai a unei anumite camere din hotel, un numr de camere sautoate camerele.Tip camera - afieaz numai un tip de camera, mai multe tipuri sau toate.Caracteristici Cam - afieaz numai camerele care conin acele caracteristici.

Nume - cutarea unui turist din hotel folosind numele lui.Butoane - se schimba forma sub care sunt afiate camerele ocupate din hotel.


34/74

34

Detalii - daca se bifeaz aceasta opiune, in partea dreapta a ecranului apar informaii desprerezervarea din camera selectata.Legenda - daca se bifeaz aceasta opiune in partea dreapta a ecranului este afiata legendaecranului. Aici se poate vizualiza descrierea imaginilor asociate rezervrilor (cazata, eliberata,mutate, partajata)Afiare normala - este afiarea care tine seama de opiunea "de la - pana la"

Afiare saptamanala - se afieaz camerele numai pe o saptamana.Cteva camere - sunt afiate un numr mai mic de camere.Multe camere - sunt afiate mai multe camere.Mrire/Micorare - se schimba dimensiunile coloanelor si linilor de pe ecran. Coloana gri nchisreprezint data economica in care se lucreaz.Camerele ocupate sunt afiate sub forma unor benzi colorate pe care sunt trecute numele si

prenumele turistului cazat si dup caz o bifa verde (daca este cazat) sau o bifa roie (daca esteeliberata). O rezervare necazata nu are trecuta nici o bifa.Pentru a face o rezervare noua sau o cazare noua punei Mouse-ul pe data sosirii apoi tragei pana

pe data plecrii. Se va deschide automat un meniu din care selectam "Rezervare noua", "Cazare "sau "DZ - DE" (schimbare status camera in Dezafectata sau cu Defeciuni.

Daca se alege rezervare noua se deschide meniul de editare al rezervrii.Daca alegem cazare (numai pentru rezervri existente) se face cazarea. Acest lucru este semnalat

printr-o bifa de culoare verde pusa pe camera respectiva.Daca bifa este de culoare roie nseamn ca acea camera a fost eliberata. Pentrucamerele cazate meniul mai conine : editare - se pot modifica datele profilului (vezi cap. Rezervri) anulare cazare - se poate anula cazarea numai daca nu au fost postate servicii sau plai. eliberare - se deschide meniul de note de plata pentru a face eliberarea (vezi cap. Casierie)mutare in alta camera - se poate muta in alta camera. Atenie pe ce coloana va aflai (data) pentruca mutarea se va face ncepnd cu data respectiva.

II.3.REZERVRI

Funcia "Rezervri'poate fi accesata fie din bara de instrumente de la iconia "Rezervri", fie dinmeniul de acces rapid din stnga ecranului, iconia cheie "Rezervri"(vezi cap. Introducere)Dup ce se selecteaz aceasta opiune va aprea ecranul principal al rezervrilor de unde sevizualizeaz, se editeaz si se creeaz rezervri.Cutare rezervareEcranul principal al rezervrilor este impartit in patru seciuni distincte:Cmpul de cutare - consta in mai multe criterii de baza in cutarea rezervrii, ca Nume, Prenume,

Numr de confirmare, Tipul rezervrii, Nr. camerei, Compania, Agenia, Grupul, Caracteristici siun cmp avansat de cutare.Rezultatele cutrii - sunt returnate in tabel, incluznd numai numrul de camere, sosirea,

plecarea, tipul, starea rezervrii, numrul camerei, tipul de camera, agentul, compania sau sursa deinformaie, numrul grupul si codul blocului.Reprezentarea arborescenta - Acest ecran apare numai cnd este selectata o rezervare si prezinto lista cu toate detaliile unei rezervri ca tipul de camera, codul de piaa, sursa, plai fixe, pacheteataate, profil - adresa, contact, legturi, istorie si rezervri viitoare.Pagina HTML - o pagina editabila unde se gsesc detaliile generale ale unei rezervri.II.3.1. CUTAREA UNEI REZERVRICutarea de bazaIn mare parte cutarea este intuitiva, se pot introduce date in mai multe cmpuri ca: nume, prenume,numrul confirmrii pentru a restrnge cutarea. Daca nu este completat nici un cmp atunci vor fiafiate toate rezervrile in ordine alfabetica. Tabelul 1 explica cmpurile din cutarea de baza.Tabel 1: Ecranul de cutare al rezervrii


35/74

35

Cutarea avansata unei rezervriExista mai multe cmpuri de cutare in "Cutare avn.". Cutarea avansata este formata din 3cmpuri de selecie: Primul da posibilitate de alegere dintr-o lista derulanta. Al doilea limiteaz cmpul de cutare la un al doilea nivel sau da posibilitatea alegeriicondiiilor. Al treilea necesita o valoare care corespunde condiiei. Simboluri

Cutarease poate utiliza si folosind simbolul (%). Acestea sunt de ajutor in cmpul de nume. Deexemplu , M%ller va returna Miller, Muller, %Bank va returna Investment Bank, American Bank.nceperea cutriiPentru activarea cutrii, trebuie apsat butonul "Cutare" plasat in dreapta sus. Datorita timpilorde cutare in baze de date mari, s-au implementat doua opiuni de cutare. Prima este atunci cnd seapsa butonul "Cutare", cutarea returneaz rezervrile care corespund cmpului de interogare, iara doua apsnd butonul "Cutare Generala" care va returna toate rezervrile existente.Formularul de interogare poate fi ters apsnd butonul "Curata".Seciunea de afiare a rezervrilorSeciunea de afiare a rezervrilor este reprezentata de un tabel in care sunt returnate rezultatelecutrii. Aceasta prezint in partea de sus mai multe ferestre (taburi). Fiecare tab permite selectarea

rezervrilor dup starea lor. Aceasta seciune este artata in imaginea de maijos.Tabelul 2 explica aceste ecrane.Tabelul 2: Ferestrele de selecie a rezervrilor.

Tab OpiuneSosire Fereastra de sosiri afieaz toate sosirile ateptate intr-o

anumita data. Implicit este data curenta si sosirileateptate. Se poate schimba afiarea, selectnd oanumita data si de asemenea rezervrile pentru aceadata. Butoanele din partea dreapta permit editarea,cazarea sau revocarea rezervrii sau accesarea opiunilorei (copiere, plata, partaj, istoric, etc.).

In hotel Acest ecran va arata toate rezervrile care vor fiincasa la o anumita data. Aici rezervrile pot fi


36/74

36

ateptate, cazate sau neonorate. Se pot modifica cubutonul "Editare'" sau se pot accesa opiunilerezervrii cu butonul "Opiuni". Depinznd de starearezervrii, se poate caza sau anula.

Plecare Toate rezervrile avnd data de plecare la dataselectata. Starea lor poate fi expirata (neonorate).

Butoanele disponibile "Editare" si "Opiuni'.Tot Se pot vedea toate rezervrile inclusiv istoric oaspeicare au stat la nainte la proprietate. Se pot vedearezervrile revocate. Se pot vedea rezervrile neonoratedar care nu au fost anulate, etc.Cutarea poate fi activata apsnd Cutare Gen.Aceasta fereastra va returna toate rezervrile carecorespund criteriului de cutare. Daca rezervrile austarea Neonorat sau Anulate va fi disponibil inca un buton

Conturi financiare Aceasta fereastra va arata toate conturile financiare.Butoane ca "Editare"permit editarea contului financiar

sau ca "Opiuni" - selectarea postrilor serviciilor.Butonul Nou creeaz un nou cont financiar.

II.3.2.CREAREAUNEINOIREZERVRI

nainte de a face o noua rezervare trebuie verificat tariful pe camera si disponibilitatea camerelor.

Acest lucru se poate face apsnd tasta rapida CTRL + Rpentru disponibilitate tarif pe camera sauCTRL + Dpentru tipul de camere sau se verifica "Oglinda Hotel". Dup ce s-a verificat se poateface o noua rezervare apsnd tasta "Nou" din ecranul de cutare al rezervrii sau folosind tasta


37/74

37

rapida CTRL + N. Fiecare rezervare trebuie sa aib un profil ataat, de aceea selectnd o nouarezervare Suite8 va arata ecranul de cutare al profilului, de acolo se poate cuta profilul dupcriteriile enunate mai sus sau se poate crea unul nou din ecranul de rezultate.

Nota: ntotdeauna o rezervare va fi asociata unui profil dar nu mereu unei camere.Obs.: La crearea unei noi rezervri se introduce mereu in ecranul de cutare al profilului numeleturistului, pentru a nu crea profile identice in cazul in care turistul a mai fost cazat nainte in

hotel!! Profilele nu se pot terge!!.Din ecranul principal al cautarii profilului se poate cuta, crea sau edita un profil existent.

Tabel 3: Opiunile de Profil NouCmp InformaieIndividual Persoana fizicaAngajat Petrom Profil particular de angajat al unei firme prestatoare de

servicii sau proprietara a hotelului.Firma Profil de companieSursa Sursa rezervrii de exemplu Biroul Central de RezervriAgenie de turism Profil de agenie de turismUz intern Profil particular de angajat al hotelului.

Nota: Tipurile profilelor disponibile sunt dependente de configuraia hotelului.Se poate introduce numai numele, restul de informaii se pot introduce mai trziu. In tabelul de mai

jos se explica pe rnd cmpurile tuturor opiunilor care pot fi completate, cu meniunea cmpurilengroate sunt obligatorii.Ecranul de introducere al unui profil individual este prezentat in imaginea de mai jos:


38/74

38

Tabelul 4: Fereastra de profil: IndividualCmp Explicaie

Nume Introducerea numelui turistului (daca sunt stabilite reguli de scrierese vor respecta, de exemplu capitalizarea - scrierea cu litere maride tipar). Aa cum este introdus numele in Ecranul de profil aa vaaprea pe scrisori si facturi. Cutrile nu sunt afectatede

capitalizarea literelor.Prenume Prenumele turistului.Limba Se poate alege dintr-o lista derulanta, este limba care i se adreseaz

si in care primete corespondenta. Este folosita de asemenea latelefoanele de trezire si mesageria vocala.

Adresa Adresa turistului. Se pot asocia un numr nelimitat de adrese.Butoanele asociate adresei sunt "Salvare", "Nou", "Editare" si"tergere"

Prima Bifarea acestui buton daca adresa este primara. Implicit primaadresa introdusa este primara.

Tara Selectarea codului tarii dintr-o lista derulanta.

Cod P. Codul potal.Ora Cmpul unde se introduce oraul.Jude Introducerea judeului. Se alege dintr-o lista derulanta.Strada Strada si numrul profilului (turistului)Contact Un numr nelimitat de contacte pot fi asociate unui profil

Opiunile sunt: "Nou", "Editare", "terge con."Tip Se selecteaz tipul de contact dintr-o lista derulantaValoare Introducerea valorii tipului de contact, de exemplu numrul de telefon,

adresa de posta electronica, pagina de internetNota: Daca exista o conexiune la internet, posta electronica poate fi transmisa direct din V8(cu MS Outlook).Cmp DescrierePrima Se selecteaz acest buton daca se vrea ca metoda de contact sa fie

primara.Metoda de contact primara poate fi definita pentru fiecare tip decomunicaie, de exemplu telefon primar, fax, email primar, etc.

Contact primar Este afiat numai daca individul este legat de o companie.Definete individul ca principala persoana de contact a companiei.

Activ Implicit butonul este bifat, profilul este activ. Daca se de-bifeazprofilul este inactiv (opus tergerii), se introduce un motiv pentru aseta profilul ca inactiv. Profilul va exista, dar fi marcat cu rou, ca

inactiv.Data de natere Data de natere a oaspetelui.Locul Naterii Locul de natere al turistuluiPrima Se selecteaz acest buton daca se vrea ca metoda de contact sa fie

primara.Metoda de contact primara poate fi definita pentru fiecare tip decomunicaie, de exemplu telefonprimar, fax, email primar, etc.

Contact primar Este afiat numai daca individul este legat de o companie.Definete individul ca principala persoana de contact a companiei.

Activ Implicit butonul este bifat, profilul este activ. Daca se de-bifeazprofilul este inactiv (opus tergerii), se introduce un motiv pentru a

seta profilul ca inactiv. Profilul va exista, dar fi marcat cu rou, cainactiv.

Data de natere Data de natere a oaspetelui.


39/74

39

Locul Naterii Locul de natere al turistului

Tabelul 5: Ecranul de Informaii suplimentareCod VIP VIP indica tratarea speciala a unui oaspete. Diferite nivele de VIP

se pot asocia cu culori, in fereastra cu camere oaspeii carebeneficiaz de tratament special apar in culori diferite. Daca este

selectata culoarea unei rezervri aceasta va avea o prioritate maimare in fereastra de camere, si astfel oaspetele va fi afiat inculoarea respectiva chiar daca are o alta culoare asociatatratamentului VIP.

Coduri tarif Daca oaspetele are tarif special, trebuie introdus aici. Tariful estesugerat de fiecare data cnd se face o noua rezervare si se verificatarifele.

Salvare profil Se bifeaz pentru nregistrarea profilului.DocumentePersonale

Opiunile care apar sunt "Nou"", "Editare"" si "terge"".

Tipul de

document

Se selecteaz dintr-o lista derulanta.

Nume turist Numele oaspeteluiNume in Doc. Numele turistului cum trebuie sa apar in documentNumr Numrul documentului, e.g. ID # sau Paaport #Tara Se selecteaz dintr-o lista derulanta.

Naionalitatea Se selecteaz dintr-o lista derulanta.Valid de la -Valid

Datele de validitate ale documentului

Pana laEmis de Tara/AutoritateLocul Emiterii Locul unde a fost emis documentul

II.3.3. EDITAREA UNEI REZERVRIDup ce a fost creat profilul va aprea ecranul de editare al rezervrii pentru a introduce detaliile.De asemenea cmpurile ngroate sunt obligatorii.Fereastra de editare a unei rezervri este impartita in 2 seciuni:1. Partea de sus arata toata informaia unui profil. Daca se apsa butonul Selectare din parteadreapta a profilului se va deschide fereastra principala de cutare a profilului. Se poate edita

profilul, se pot aduga sau schimba informaii, se pot verifica preferinele. Daca se bifeaz butonulHTML, se pot vedea detaliile in format de pagina web.2. Partea de jos permite sa se adauge detaliile rezervrii cum are fi zilele sejurului, ora de sosire si

ora de plecare, tipul camerei, numrul de persoane din camera.Ecranul principal de editare al unei rezervri este prezentat in imaginea de mai jos :


40/74

40

Acest ecran cuprinde in partea de sus mai multe taburi. Aceste taburi (ferestre) sunt prezentate intabelul 6.

Tabel 6: Editarea unei rezervriTab InformaieRezervare Informaii despre profil si detaliile rezervriiProfile Profilele ataateGrila Detaliile rezervrii in forma de tabelCaracteristici Unde se pot posta servicii specialeCredit Cards Unde se pot introduce informaii legate de cartile de credit ale

74pg.ttha Utilizarea Calculatorului Si Prelucrarea Info

Documents

Transcript of 74pg.ttha Utilizarea Calculatorului Si Prelucrarea Info