stocarea unor informaȚii referitoare la performanȚele unei grupe sportive folosind ...

Upload: ioan-brie

Post on 04-Apr-2018

225 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    1/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    0

    STOCAREA UNOR INFORMAII

    REFERITOARE LA PERFORMANELE

    UNEI GRUPE SPORTIVE FOLOSIND

    LIMBAJUL PHP I SQL

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    2/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    1

    Cuprins

    INTRODUCERE ................................................................................................................................................ 41. Tehnologiile folosite ........................................................................................................................................ 51.1.1.Elemente ale limbajului HTML- HHyyppeerrTTeexxtt MMaarrkkuupp LLaanngguuaaggee ........................................................ 51.1.2. Structura HTML-ului .................................................................................................................................. 5

    Prima pagina html ............................................................................................................................................. 5Structura unei pagini web ................................................................................................................................. 5

    1.1.3. Atribute HTML ........................................................................................................................................... 71.1.4. Tagul si .................................................................................................................................. 81.1.5. Introducerea de imagini n HTML ............................................................................................................. 81.1.6. Linkuri HTML ............................................................................................................................................ 91.1.7. Clasa de tabele n HTML ............................................................................................................................ 91.1.8.Crearea de liste n HTML ......................................................................................................................... 101.1.9. Realizarea de cadre HTML ....................................................................................................................... 111.1.10. Formulare n HTML ............................................................................................................................... 111.2. Reguli CSS .................................................................................................................................................. 13

    1.2.1. Introducere ............................................................................................................................................ 131.2.2 Pseudoclase de stiluri CSS i modaliti de modificare a cursorului..................................................... 16

    1.3. Instalarea si configurarea PHP si MySQL cu serverele web Apache si IIS sub sistemul de operareWindows ............................................................................................................................................................. 33

    1.3.1. Precizari preliminarii ............................................................................................................................ 331.3.2. Instalarea unui server web .................................................................................................................... 331.3.3. PHP scurta istorie ................................................................................................................................. 361.3.4. Instalarea PHP pentru Microsoft IIS (folosind PHP installer).............................................................. 361.3.5. Instalarea PHP pentru Apache HTTP Server........................................................................................ 361.3.9. Introducere n PHP , MySQL i Macromedia Dreamweaver............................................................... 381.4. Limbajul PHP ........................................................................................................................................ 391.4.1 Introducere ............................................................................................................................................. 39

    Scrierea n PHP ........................................................................................................................................... 40Declaraia PHP............................................................................................................................................ 40Primul script ................................................................................................................................................ 41ncheierea i testarea scriptului................................................................................................................... 41Scrierea unui text ........................................................................................................................................ 41Funcia de afiare n PHP ........................................................................................................................... 42

    Variabile de scoatere ................................................................................................................................... 42Formatul unui text....................................................................................................................................... 42

    1.4.3. Instruciunile IF .................................................................................................................................... 44Definiia instruciunii IF ............................................................................................................................. 44Structura instruciunii IF ............................................................................................................................. 44Variabilele ................................................................................................................................................... 44Construcia ramurii THEN ......................................................................................................................... 44Construcia ramurii ELSE........................................................................................................................... 44Alte comparaii ........................................................................................................................................... 45

    1.4.4. Cicluri ................................................................................................................................................... 45Ciclul WHILE ............................................................................................................................................. 45Repetarea de un numr fixat de ori ............................................................................................................. 45

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    3/90

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    4/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    3

    Pagina de afiare a actualizrii ................................................................................................................... 67Actualizarea bazei de date .......................................................................................................................... 68tergerea nregistrrilor.............................................................................................................................. 69Ciclurile ...................................................................................................................................................... 69

    1.5.8. ncheierea scriptului .............................................................................................................................. 69Cutarea n script ........................................................................................................................................ 70Finalizarea Script-ului ................................................................................................................................ 70

    1.6-Aplicaia DBMT(Database Management System Technology): ............................................................ 711.6.2- Baze de date: ........................................................................................................................................ 751.6.3- Structura fiierelor:............................................................................................................................... 751.6.5- Opiunile utilizatorilor.......................................................................................................................... 781.6.6- Modul de utilizare al aplicaiei ............................................................................................................. 78

    BIBLIOGRAFIE ................................................................................................................................................. 88

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    5/90

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    6/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    5

    1. Tehnologiile folosite

    1.1.1.Elemente ale limbajului HTML- HHyyppeerrTTeexxtt MMaarrkkuupp LLaanngguuaaggee

    World Wide Webul este o reea de calculatoare capabile de a schimba informaii sub diferite

    forme: texte, imagini, informaii grafice i video, informaii multimedia, etc., i a fost o creaie a fizicianului

    Tim Bernes Lee (cel care a inventat limbajul HTML i protocolul HTTP) de la Laboratorul Europ ean pentru

    fizica particulelor, care n 1989 a dorit un model de comunicare ntre fizicienii din lume prin care acetia s

    prezinte informaii asupra muncii lor prin intermediul informaiilor stocate n reea.

    Informatia Web este stocat n documente numite pagini html. Paginile html sunt fiiere stocate incomputere numite servere web. Computerele care citesc paginile html sunt numite clienti web. Clientii webvad paginile cu un program numit browser web. Cele mai populare browsere sunt Internet Explorer si MozillaFirefox .

    Toate paginile html contin instruciuni despre cum sa fie afiate. Browser-ul afieaza pagina citind acesteinstructiuni. Cele mai obinuite instruciuni de afiare sunt numite taguri HTML. Tagurile HTML arata astfel:

    .

    Standardele Web nu sunt facute de Netscape sau Microsoft. Deciziile Web sunt luate de catre W3C. W3Cinseamna World Wide Web Consortium. Cele mai importante standarde web sunt HTML, CSS si XML.

    1.1.2. Structura HTML-ului

    Prima pagina html

    Pentru inceput trebuie sa corespundextensiile fiierelor afiate.

    Apoi pe desktop se creaza un fisier text "new text document" si i se schimba numele in index.html . Primapagina a unui site se numeste index.html (Nu este obligatoriu ca extensia sa fie .html . De exemplu daca sefolosete PHP in pagina de index pagina se va numi index.php ) . Pagina se deschide cu Notepad unde se scrie

    codul html (se pote copia exemplul cu structura de mai jos), se salveaza fiierul, se nchide, apoi se deschidecu internet explorer. Internet Explorer = IE (prescurtat)

    Structura unei pagini web

    Orice pagin incepe si se sfarseste cu tagurile:

    O pagin trebuie sa aiba tagurile:-conine informatii despre pagina respectiv;

    -conine corpul paginii;

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    7/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    6

    O structur a unei pagini HTML :

    n exemplul de mai sus se observa ca pagina html deja are un titlu i ca n corpul ei apare un mesaj ca in

    imaginile de mai jos.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    8/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    7

    1.1.3. Atribute HTML

    Atributele sunt ca o descriere pentru taguri, ele mereu au nume si o valoare. Un atribut se scrie sub forma:si se introduce in tag sub forma:

    Ex: La tagul body putem sa adaugam atributul bgcolor cu valoarea yellow sub form

    Dac se pune acest tag n pagina care ai creat-o vei observa ca pagina are culoarea galben. Tocmai aischimbat culoarea de fundal.

    Atenie , tagul se pune o singur dat intr-o pagin, nu de mai multe ori!

    Atributul bgcolorschimb fundalul unei pagini. Putei sa-i dati ca valoare orice culoare n limba englez.Cum se vede i mai sus culoarea yellow din exemplu, care n engleza nseamna galben.Atributul alignpoziioneaz un element. Ex: - pune un text antet pe centru

    align="center" - aliniaza n centrualign="left" - aliniaza la stangaalign="right" - aliniaza la dreapta

    Atibutul si valoarea se adaug unde se deschide tagul.

    De reinut este faptul c:-un tag poate sa aib oricte atribute;-unele taguri suport doar anumite atribute;-atributele au valori standard;

    -exista diferene intre cum vede browserele atributele, adica Mozilla Firefox poate afisa pagina diferit de IEsau de alte browsere.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    9/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    8

    1.1.4. Tagul si

    Textul se poate introduce si frtaguri. Dar dacse dorete un text de o anumitform atunci se bag ntaguri ca i cele de mai jos: -ntre ele se pune ceea ce se vrea sa scrispe pagin (acest tag nu va schimba deloc formatextului) -definete test ingrosat sau- -definete test mare; -definete test mic; -definete test accentuat; -definete test italic;

    Anteturi:HTML adaug automat o linie goal n plus nainte i dup un antet. -definete un antet de cea mai mare mrime; -definete antetul de cea mai mic marime;

    Tagul
    este folosit cnd se dorete ntreruperea unui rnd/linie , dar nu i nceperea unui unui nouparagraf , foreaz o rupere de linie oriunde este aezat .

    Poate fi folosit pentru a lasa un rnd liber . El este nepereche , neavandnevoie de tag de nchidere .

    -este folosit ca spatiu -copyright- -marc inregistrat-

    -cu acest tag se scrie un comentariu in htmlsource code , comentariu este ignorat de browser , pentru a vedea htmlsource code apasa click right pe o pagina web si selecteaza "page source" .

    1.1.5. Introducerea de imagini n HTML

    Cu HTML se poate afia imagini ntr-un document. n HTML, imaginile se definesccu tagul . Tagul nu are tag de nchidere. Pentru a afia oimagine pe o pagina, trebuie folosit atributul src. Src inseamna "sursa".Valoarea acestui atribut este adresa imaginii care se afieaz pe pagina.URL-ul duce ctre locaia unde imaginea este stocat.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    10/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    9

    Atributul alt i spune celui ce vede pagina ce se afla n locul imaginii dacbrowser-ul nu poate ncarca imagini.

    1.1.6. Linkuri HTML

    Semantica de legatura de alt document web folosete tagul ancora sau pentru a crea un link ctre altdocument . O ancora poate duce catre orice resursa de pe Web: o pagina HTML, o imagine, un fiier sunet, unfilm etc . Lista de etichete poate fi:

    Textul ce va fi afisat Textul ce va fi afiat

    Cu atributul target, se poate indica unde se deschide documentul catre carese face link-ul. Linia de mai jos va deschide documentul intr-o noua fereastrde browser:

    Textul ce va fi afiat

    target= "_self"ncarc noul document n aceeasi fereastra cu ancora (implicit).target= "_parent"ncarc noul document in cadrul cadrul de baza .target= "_top"ncarc noul document in intreaga fereastra de browser.target= "_blank"ncarc noul document intr-o fereastra nou.Se pot combina tag-ul imagine cu cel de ancora ipune un link pe imagine i se poate face un buton.

    Link catre o seiune: Paragrafele (se pune unde este seciunea pt a marca)

    >Sectiunea cu paragrafe

    Mail link:Send Mail

    1.1.7. Clasa de tabele n HTML

    Cu HTML se pot crea tabele. Tabelele se definesc cu tagul .Un tabel este divizat n randuri (cu ajutorul tagului ) i fiecare rndeste imparit in celule de date (cu ajutorul tagului ). Td inseamna"table data" i este continutul unei celule de date. O celula de date poateconine text, imagini, liste, paragrafe, formulare, linii orizontale, tabele etc.

    randul 1, celula 1 randul 1, celula 2

    http://www.lucian0308.com/http://www.lucian0308.com/http://www.lucian0308.com/#Paragrafelehttp://www.lucian0308.com/#Paragrafelehttp://www.lucian0308.com/
  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    11/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    10

    randul 1, celula 1 randul 1, celula 2

    randul 2, celula 1 randul 2, celula 2

    randul 2, celula 1 randul 2, celula 2

    Daca border="0" tabelul va exista dar va avea border-ul invizibil.Si cu cat nr border-ului va creste border-ul va fi mai ingroat.

    Definete un tabel.

    Definete o celula cap de tabel.Definete un rand de tabel.Definete o celula din tabel.Definete un camp asociat tabelului pentru introducerea unei explicaii.Definete grupuri de coloane ale tabelului.Definete valorile atributului pentru una sau mai multe coloane dintr-un tabel.Definete un cap de tabel care nu se va derula.Definete corpul unui tabel care se desfasoara in interiorulunui cap de tabel fixat si subsolul tabelului.Definete un subsol de tabel care nu se va derula.

    1.1.8.Crearea de liste n HTML

    Html suport liste neordonate i ordonate.Ex de lista neordonat:

    element1 element2

    Prin semnul din fat poate fi modificat. , ,

    Ex de lista ordonat:

    element1

    element2

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    12/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    11

    Iniial n fa va aprea 1. , 2. .Printype"A" se va schimba in A. , B. , C. ,etc.type"a" se va schimba in a. , b. , c. ,etc.

    type"I" se va schimba in I. , II. , III. ,etc.type"i" se va schimba in i. , ii. , iii. ,etc.

    1.1.9. Realizarea de cadre HTML

    Cu ajutorul cadrelor, se pot afia mai multe pagini web n aceeasi fereastrde browser. Fiecare document HTMLpoarta numele de cadru (frame) i fiecarecadru este independent de celelalte.

    Definete un set de cadre.Definete o sub-fereastra (un cadru).Definete o sectiune noframei.

    Definete o sub-fereastra inline.

    1.1.10. Formulare n HTML

    Formularele HTML sunt folosite pentru a selecta diferite moduri de introducere a datelor de ctre utilizator.Sepot introduce informaii ca: (cmpuri text, meniuri ce se pot derula, butoane radio, csute de validare, etc.).Un formular se definete cu tagul .

    Text:

    Nume:
    Prenume:

    Radio buton:

    Male
    Female

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    13/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    12

    Checkbox:

    Am un caine:
    Am o pisica:

    Formular cu actiune:

    Username:

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    14/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    13

    1.2. Reguli CSS

    1.2.1. Introducere

    CSS este un acronim provenind din Cascading Style Sheets, care nseamn "foi de stil n cascad". ndocumenteleW3C, CSS nu e definit ca un nou limbaj, ci ca un mecanism care permite formatareadocumentului HTML. CSS-ul nu exclude HTML-ul din pagina web. Nu se poate realiza o pagin webfolosind numai CSS, care a fost proiectat astfel nct s conlucreze cu HTML-ul. Tagurile HTML au fostiniial destinate pentru a defini coninutul unui document. Pentru a afia "Acesta este un antet", "Acesta esteun paragraf" sau "Acesta este un tabel", trebuiau folosite taguri ca ,

    , etc. Modul de aranjare aldocumentului era sarcina browser-ului, far a fi folosite taguri de structur.Pe masur ce Netscape i IE continuau s adauge noi taguri HTML i atribute (ca tagul i atributulcolor) sintaxei HTML originale, devenea din ce n ce mai greu s creezi site-uri web n care coninutul

    documentelor HTML s fie separat clar de aranjamentul documentului. Stilurile definesc cum s fie afiateelementele HTML 4.0, aa cum face tagul font sau atributul color n HTML 3.2. Stilurile sunt salvate n modnormal n fiiere diferite de cele cu extensia html. Foile de stil externe permit s schimbarea apariiei iaranjarii tuturor paginilor n site-ul web, doar prin editarea unui singur document CSS. Pentru ncercarea deschimbare a fontului sau a culoarii tuturor anteturilor din paginile web creata, CSS poate scuti de mult muncinutil. Proiectanii CSS-ului au urmrit ndeosebi separarea ntre coninutul paginii (textul destinatvizitatorului i imaginile din pagin) i codul-surs. Folosind CSS, se ajunge la un control mai fin asupra

    paginii web, la scderea dimensiunii n octeti a paginii web, atunci cnd codul CSS e coninut ntr-un fiierextern. Modificnd fiierul CSS extern, modificm simultan toate paginile web n care acesta e inclus. Se potcrea efecte mai sofisticate dect cele produse de codul HTML: suprapunerea unei imagini peste alt imagine, aunui text peste alt text, impresia de relief, efectul hover, afiarea unor fonturi mai mari dect h1 etc.

    CSS este foarte util n Web design, deoarece le permite developerilor s controleze stilul i chenarul maimultor pagini web n acelai timp. Ca web developer se poate defini un stil pentru fiecare element HTML iaplica orictor pagini web se dorete. Pentru a face o schimbare global, se schimbstilul i toate elementeledin paginile web vor fi modificate automat.Dezavantaj lucrului cu CSS este c pagina coninnd cod CSS poate arata diferit n navigatoare diferite,deoarece nu toate browserele interpreteaz codul CSS la fel.Adugnd cod JavaScript, se obtin efecte i mai sofisticate, chiar de animatie. CSS + JavaScript = DHTML(Dynamic HTML). Aceste efecte spectaculoase justific titulatura de "artiti CSS" sau "artizani CSS" acordatunor creatori de pagini web.Foile de stil dau posibilitatea specificrii informaiei despre stil n mai multe feluri. Stilurile se pot specifica

    ntr-un singur element HTML, n interiorul elementului al unei pagini HTML sau ntr-un fiier extern

    CSS. Dintr-un singur document HTML se pot face referiri ctre mai multe foi de stil externe. Deci, un stil dininteriorul unui element HTML are cea mai mare prioritate, ceea ce nseamn c va suprascrie fiecare stildeclarat n tagul , ntr-o foaie de stil extern i n browser.n documentul HTML, codul CSS poate fi introdus n mai multe moduri:

    Codul CSS e prezent n pagina web, iar efectul su se aplic asupra ntregului document.

    b {color:red;}i {color:blue;}

    http://www.w3.org/Style/CSS/learninghttp://www.w3.org/Style/CSS/learninghttp://www.w3.org/Style/CSS/learninghttp://www.w3.org/Style/CSS/learning
  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    15/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    14

    Introducere n CSS

    Aceast sectiune se adreseaz celor ce cunosc deja HTML-ul.

    Consecin: Orice text cuprins ntre i va fi afiat cu rou, oriunde s-ar afla n document. Orice textafiat cu italice va fi de culoare albastr.Se observ c introducerea codului CSS n head duce la mrireadimensiunii n octeti a fiierului.

    a { text-decoration: none; }

    IntroducerePartea IPartea a II-a

    Eticheta anun browserul c urmeaz codul CSS, iar c a luat sfrsit codul CSS. Efectulcodului alturat este c toate link-urile din acest document vor aprea nesubliniate (text-decoration:none;).

    Codul e prezent n pagina web, iar efectul su se aplic elementelor izolate.

    IntroducerePartea IPartea a II-a

    Efectul acestei secvene de cod este:

    IntroducerePartea IPartea a II-a

    Se observ c nu mai este, n acest caz, o etichet , ci un atribut style al etichetei . Orice etichetHTML poate beneficia de acest atribut. Pentru formatarea unor poriuni mari de text, se poate folosicontainerele div sau span. Totui, aceast abordare nu satisface principiul separrii codului CSS de textulafisat n browser.

    Codul CSS se afl ntr-un fiier extern, cu extensia css. Efectul su se aplic ntregului document.

    http://www.tutoriale.far-php.ro/http://www.tutoriale.far-php.ro/http://www.tutoriale.far-php.ro/http://www.tutoriale.far-php.ro/http://www.tutoriale.far-php.ro/http://www.tutoriale.far-php.ro/http://www.tutoriale.far-php.ro/http://www.tutoriale.far-php.ro/
  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    16/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    15

    IntroducerePartea IPartea a II-a

    Fiierul extern poate fi scris n Notepad i salvat cu extensia css. Includerea sa n pagina web se face folosindtag-ul , care trebuie s se afle ntre i (n antetul paginii).Fisierulx.csspoate conine urmtorul cod:

    body { color: blue;}a {color: red; text-decoration: none;}

    Consecina va fi afiarea cu fonturi albastre a ntregului text, exceptnd link-urile, care vor fi colorate n rosu.ntr-un fiier html, pot fiincluse astfel oricte alte fiiere cu extensia css, htm, html sau pdf.Aceast metod de includere a CSS-ului n pagina web e mai avantajoas ca primele dou. Codul CSSintrodus astfel conlucreaz cu cel scris direct n pagin.

    Documentul CSS se poate importa n pagina web.Cod:

    @import url(http://www.cartomatica.net/fis/x.css);

    Importul trebuie declarat imediat dup tag-ul , naintea oricrei alte linii de cod. n exemplul alturat,s-a realizat importul n pagina curent a fiieruluix.css din directorulfis al siteului www.cartomatica.net.Desigur, fiierul importat poate avea i o adres relativ.

    Sintaxa CSS este alctuit din trei pri: un selector, o caracteristic i o valoare. Selectorul esteelementul/tagul care se dorete a fi definit, caracteristica este atributul pe care dorete a fi schimbat i fiecarecaracteristic poate lua o valoare. Caracteristica i valoarea sunt separate de semnul (:) i sunt ncadrate deacolade:

    body {color: black}

    Dac se dorete s specificareamai mult de o caracteristic, trebuie s separatfiecare caracteristic cusemnul (;). Exemplul de mai jos arat cum sedefineteun paragraf aliniat central, cu culoarea roie a textului:

    p {text-align: center; color: red}

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    17/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    16

    Pentru a ntelege mai bine aceasta definiie de stil, se poate descrie o caracteristic pe fiecare rnd, ca nexemplul urmtor:

    p {

    text-align: center;color: black;font-family: arial}

    Atributul class

    Cu acest atribut se pot defini stiluri diferite pentru acelai element. S zicem c se doresc dou tipuri deparagrafe n documentul: unul aliniat la dreapta i unulcentrat. Iat cum se poate face asta cu stiluri:

    p.right {text-align: right}p.center {text-align: center}

    Trebuie folosit atributul class n documentul. HTML:

    Acest paragraf va fi aliniat la dreapta.

    Acest paragraf va fi aliniat pe centru.

    Atributul id

    Atributul id trebuie s fie unic pe pagin. Nu poate exista dect un element cu un id dat ntr-un document. Eleste marcat n documentul HTML cu id n loc de class:

    Acest paragraf va fi aliniat la dreapta.

    Atributul id poate fi definit n doua moduri. Poate fi definit pentru a se potrivi tuturor elementelor cu un idspecific sau s se potriveasc numai unui element cu un id specific. n exemplul urmtor, atributul id se vaaplica tuturor elementelor cu id= "intro":

    #intro {font-size:110%;font-weight:bold;color:#0000ff;background-color:transparent}

    1.2.2 Pseudoclase de stiluri CSS i modaliti de modificare a cursorului

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    18/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    17

    Pseudoclaselese utilizeaz pentru personalizarea legturilor web, att de tip text, ct i de tip imagine. Ele sedefinesc n interiorul unui bloc ... sau ntr-un fiier extern.Exemplul de mai jos este edificator n acest sens:

    a: link {color: blue; font-size: 15pt;}a: hover {color: red; font-style: italic; text-decoration: none}a: visited {color: magenta; font-size: 15pt; text-decoration: none}a: active {color: cyan; font-size: 15pt; text-decoration: none}

    Explicaii:

    a: linkse refer la modul n care arat un link n mod normal; a: hoverse refer la modul n care arat un link atunci cnd se trece cu mouse-ul peste el (n Netscape

    funcioneaz doar de la versiunea 6); a: activese refer la modul n care arat un link atunci cnd se efectueaz click pe el; a: visitedse refer la modul n care arat un link deja vizitat; specificaia "text-decoration: none"elimin sublinierea implicit cu o linie albastr a link-ului.

    Pentru ca numai anumite legturi s utilizeze un stil, se pot folosi urmtoarele trei metode:

    1. a: link.CLASA1 {...} combinat cu .. .2. a: link#ID1 {...} combinat cu ...3. a.CLASA1: link {...} combinat cu ...

    n browsere cursorul mouse-ului are n general o form simpli binecunoscut, lund pe parcursulvizionrii paginii respective maximum dou infiri diferite:

    Mna - atunci cnd este poziinat pe o legtur Sgeata oblic din direcia dreapta jos spre stnga sus - atunci cnd este poziionat pe alt obiect dect o

    legtur.

    Acestea sunt ns formele implicite. Exist ns i cazuri n se doreteca acel cursor s ia o alt form dectcele dou predefinite. La fel ca multe alte probleme care privesc modul n care arat o pagin, i aceast

    problem i gsete rezolvarea n folosirea CSS ca limbaj de descriere a modului de stilizare a unuidocument.

    Proprietatea care manipuleaz forma cursorului se numete simplu: "cursor"i poate fi introdus n oriceelement "style"al unui tag html.

    De exemplu, pentru obinerea unei imagini a cursorului de tipul unei sgei nsoite de un semn de ntrebare latrecerea mouse-ului peste un link, iat codul care va trebui folosit:

    Legatura

    Nu este ns unicul mod de stilizare a cursorului mouse-ului. n continuare sunt prezentate codurile pentru

    toate formele de cursor care se pot folosi:

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    19/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    18

    auto utilizeaza setarile implicite ale utilizatoruluicrosshair creeaza o crucedefault setarile implicite ale browseruluie-resize sageata Est-Vesthand manahelp semnul intrebariimove cruce cu sageti la capeten-resize sageata sud-nordne-resize sageata SudVest - NordEstnw-resize sageata SudEst - NordVestpointer manas-resize sageata Nord - Sudse-resize sageata NordVest - SudEst

    sw-resize sageata NordEst - SudVesttext bara verticala campuri de introducere a datelorw-resize sageata Est-Vestwait clepsidra

    div, span i etichete CSS

    Eticheta html funcioneaz asemntor cu eticheta html

    , putnd gzdui comenzi CSS aplicabile laun bloc sau mai multe din coninutul paginii. Eticheta html este similar cu eticheta html (pecale de a fi eliminat de consoriul W3C) aplicndu-se elementelor dintr-un paragraf. Etichetele CSS suntcunoscute sub numele de elemente sau selectori avnd un layout asemntor cu etichetele HTML.

    // eticheta HTML

    // eticheta CSSelement{argument: valoare;}

    elementul poate fi o etichet HTML, un id sau un class, iar argumentul i valoarea sunt aceleai ca n HTML.

    Exemplu: acelai text realizat n HTML i n HTML cu CSS// HTML

    Text verde

    // HTML cu CSS

    Text verde

    Comenzile de CSS pot fi plasate i n zona HEAD rezultnd o funcionare identic, chiar mai mult, aceleaicomenzi putnd fi folosite n mai multe locuri n aceeai pagin.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    20/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    19

    Exemplu: comenzi CSS incluse n zona HEAD

    Exemplul 1_1

    Text verde

    Text negru

    Text verde

    Elementele id i class

    idi classsunt comenzi care dau unei formatri CSS un nume. Se folosesc atunci cnd dorim s aplicm unstyle de formatare unei anume zone. Pentru compatibilitate cu versiunile anterioare de browsere, numeleasociate zonelor nu vor conine caracterul _

    Elementul idse aplic unui style de format o singur data sau la o singur etichet HTML, plasndu-se unnume acelui style. Acest element necesit existena comezilor CSS n zona HEAD sau ntr-un fiier extern.

    Exemplu: folosirea elementului id

    Exemplu 2_1

    Text albastru introdus prin id "albastru"Text negru

    Elementul class este similar cu iddar spre deosebire de acesta poate fi folosit de mai multe ori sau pentru zonemai mari. Ca i la idnecesit existena comezilor CSS n zona HEAD sau ntr-un fiier extern.

    Exemplu: folosirea elementului class:

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    21/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    20

    Exemplu 2_2

    Primul text rosu introdus prin class "rosu"Text negru

    Al doilea text rosu introdus prin class "rosu"

    Stiluri pentru fonturi

    Aceste elemente specific argumentul fontului care se asociaz unui element HTML fiind incluse ori n zonaHEAD ori n interiorul etichetei dorite.n cazul de fa se remarc asemnarea cu etichetafontdin HTML care accept argumentele type, style, sizeiweight.

    font-familyfont-family este de fapt o list de fonturi din care browserul va folosi n ordinea n care le recunoate (primulfolosit va fi primul din list, dac nu este recunoscut l folosete pe al doilea i tot aa mai departe). Esterecomandat ca ultima poziie din list s fie un font generic (de exemplu serif, sans-serif sau monospace).n situaia n care numele fontului este format din dou cuvinte, se ncadreaz ntre ghilimele duble pentru ca

    browserul s le interpreteze mpreun.

    Exemplu: CSS introdus n HEAD aplicat eticheteip. Browserul nu recunoate primele dou fonturi din list,folosindu-l pe al treilea:

    Cod:

    Exemplu

    Text scris cu cu fontul ArialText negru

    Text scris cu cu fontul Arial

    Exemplu: acelai exemplu dar CSS introdus n eticheta p din HTML:

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    22/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    21

    Exemplu

    Text scris cu cu fontul ArialText negru

    Text scris cu cu fontul Arial

    font-sizeEste parametrul prin care stabilim dimesiunea fontului, exprimat n pixeli (px), puncte (pt), keywords sau

    procente. Are o funcionare asemntoare cu eticheta .

    Exemplu: CSS introdus n HEAD aplicat eticheteip, dimensiunea exprimat n pixeli:

    Exemplu

    Text scris cu font de 20pxText negru

    Pentru dimensiunea exprimat n puncte folosim acelai exemplu nlocuind px cu pt.

    Dimensiunea exprimat prin keywords folosete cuvinte n loc de cifre. apte cuvinte nlocuiesc dimensiunilede la 1 la 7 de la vechea etichet FONT FACE din HTML.

    CSS keywordnumar FONT sizexx-small 1x-small 2Small 3medium 4

    Large 5x-large 6xx-large 7

    Pentru verificare se poate folosi exemplul anterior n care se nlocuiete 20px cu unul din cuvintele de mai sus.

    Procentele sunt o alt valoare pe care o poate luafont-size. Aceast modalitate poate fi vizualizat diferit debrowsere diferite.Ca verificare folositi acelasi exemplu schimbnd 20px cu 200%.

    font-stylefont-style este folosit pentru a aduga caracteristica italic fontului. Poate lua valorile normali italic.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    23/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    22

    font-weightfont-weight este parametrul care stabilete grosimea caracterului putnd lua valorile numerice de la 100 la 900sauBOLD,BOLDER,LIGHTER.

    Compunerea stilurilorStilurile prezentate anterior pot fi folosite simultan n interiorul aceeai etichete fiind desprite de caracterul ;(punct i virgul).

    Exemplu: folosirea unui stil compus aplicat eticheteip

    Exemplu 3_4

    Text scris cu Arial, 20px, italic, 800Text negru

    Stiluri pentru text

    Alinieretext-alignpoziioneaz pe orizontal obiecte (de exemplu text sau imagini) i admite valorile left, righticenterca i eticheta align din HTML.

    n continuare este prezentat ca exemplu codul folosit n HEAD, aplicat etichetei p:

    Exemplu: prin intermediul lui divaplicm stilul pe centru imaginii i textului:

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    24/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    23

    ExempluText neformatatText formatat

    vertical-align este folosit pentru alinierea pe vertical a obiectelor dintr-un tabel i poate lua valorile: top,

    middle i bottom.n exemplul de mai jos este creat clasa suscare va putea fi aplicat elementelor ale tabelului:

    floateste folosit pentru alinierea textului cu imaginile i poate avea valorile: lefti right. n funcie devaloarea aleas imaginea va fi aliniat n partea opus a paginii. Exemplu: se creeaza clasa autoi o aplicminaginii

    Exemplu

    Textul se aliniaza la dreapta, iar poza la stanga datorita clasei "auto".

    Tabulare -text-indenteste folosit pentru alinierea textului n interior avnd valori exprimate n inci (in),centimetri (cm) sau pixeli (px).n exemplul de mai jos text-indenteste aplicat eticheteip deplasnd textul cu 10 pixeli n interior:

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    25/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    24

    Decoraretext-decorationadaug sublinierea sau tierea blocului text asociat i poate avea valorile underline, line-

    through sau none.

    Exemplu: stilul asociat eticheteip este prezentat n HEAD:

    Exemplu

    Text normal

    Text subliniat

    Culoarecolordefinete culoarea textului dintr-o zon sau ntreaga pagin.

    Exemplu: stilul asociat eticheteip este prezentat n HEAD:

    ExempluText normal

    Text albastru

    Stiluri pentru legturi

    n HTML culoarea legturilor poate fi stabilit prin atributele LINK,ALINK i VLINK declarate n interioruletichetei BODY.Acelai lucru i chiar mai mult poate fi realizat folosind sintaxa CSS.

    Exemplu:

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    26/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    25

    ExempluText normallink catre exemplu

    a - definete stilul general pentru legtura:link - definete stilul legturii nevizitatea:visited - definete stilul legturii vizitatea:active - definete stilul legturii active (nu prea se folosete)a:hover - definete stilul cnd mouse-ul este deasupra legturii

    Stiluri pentru background

    Culoarea pentru fundal (background) sau imagine poate fi definit pentru ntreaga pagin, o celul a tabeluluisau pentru text.

    Culoare de fondbackground-colordefinete culoarea de fond i poate fi asociat oricrei etichete HTML.

    Exemplu: se defineteun stil pentru ntreg BODY i un altul pentru etichetap

    Exemplu

    Text normal

    Text cu background rosu

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    27/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    26

    Imagine de fondImaginile pot fi folosite ca fundal n spatele ntregii pagini, a unui obiect sau a textului.background-imageasociaz o imagine ca fundal unui obiect.

    Exemplu: un stil pentru eticheta p

    ExempluText normal

    Text cu imagine de fond

    RepetareFuncie de dimensiunile obiectului cruia i sunt asociate imaginile de fond se repet pe orizontal i vertical.Repetarea poate fi controlat prin parametrul background-repeatcare poate lua valorile:repeat-x - imaginea se repet pe orizontalrepeat-y - imaginea se repet pe verticalno-repeat- imaginea nu se repet

    Exemplu: imaginea nu se repet sub etichetap:

    Exemplu

    Text normal

    Text cu imagine de fond

    Poziian mod normal imaginea de fundal ncepe din colul stnga sus al obiectului asociat, dar acest lucru poate ficontrolat prin comanda CSS background-position .Sunt acceptate dou valori:

    n prima poziie poate fi: top, center, bottom,percentage saupixeln a doua poziie poate fi: right, center, left,percentage saupixel

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    28/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    27

    Exemplu: imaginea de fundal este asociat etichetei BODY fiind amplasat top i center, fr repetare:

    Exemplu 5_4Text normal

    Stiluri pentru liste

    list-style-typeFolosind eticheta ol din HTML cream liste ordonate sau numerotate. Adugnd comenzi CSS n zona HEADse pot aduga pe lng numere i cifre sau alte simboluri. Browserul Netscape nu permite asociereacomenzilor CSS dect pentru eticheta li.

    Sintaxa este:

    valoarea poate fi:valoare discDisc disccircle cercsquare ptrat

    decimal numere ntregilower-roman numere romane, caractere mici (i, ii, iii, iv)upper-roman numere romane, caractere mari (I, II, III, IV)upper-alpha litere mari (A, B, C, D)lower-alpha litere mici (a, b, c, d)None nimic

    Exemplu: lista ordonat folosind marcaje cu litere mici:

    Exemplu

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    29/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    28

    Necesar materiale:caramidacimentipsos

    list-style-image

    n afara simbolurilor de marcaj prestabilite cunoscute de browser pot fi folosite i imagini prin comanda CSSlist-style-image. Imaginile sunt introduse prin adresa url().

    Exemplu: lista ordonat folosind ca marcaj imagineapunct.gif

    Exemplu

    Necesar materiale:caramidacimentipsos

    Chenare i margini

    Fiecare element HTML poate fi neles ca o caset dreptunghiulara (box), iar toate cutiile au aceeai structur:"width", "padding", "border" i "margin".

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    30/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    29

    marginea (margin) este spaiul exterior chenarului pn la celelalte elementechenarul (border) este o bordur care nconjoar elementulcompletarea (padding) stabilete distana dintre coninut i chenarconinutul include informaia util (text, tabele, imagini, formulare, etc.)

    Originea elementului este considerat colul din dreapta sus fa de care se vor raporta toate dimensiunileprezentate n continuare.

    Domeniul de coninut (width i height)Fiecare element are o lime (width). Dac aceasta nu a fost definit, n cazul elementelor de tip block, box-uleste att de lat ct trebuie s fie, deci ct coninutul box-ului. Limea i nlimea unui element sunt stabilite

    n HTML prin atributele widthi height. Aceste atribute pot fi adugate sau suprascrise prin comenzi CSS.

    Exemplu: folosind comenzi CSS modificm dimensiunile originale ale imaginii:

    Exemplu

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    31/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    30

    Distana interioar (padding i margin)ntre coninut i marginea box-ului se afl distana interioar (padding).paddingstabilete distana dintreobiect i chenar simultan pentru toate laturile. De asemeneapadding preia culoarea de fundal a documentuluiconinut. Distantele pot fi stabilite i individual folosindpadding-top,padding-bottom,padding-leftsau

    padding-right.

    marginstabilete distana dintre chenar i celelalte obiecte din pagin simultan pentru toate laturile. Distanelepot fi stabilite i individual folosindmargin-top, margin-bottom, margin-leftsau margin-right.

    Valorile pentrupaddingi margin pot fi exprimate n:px (pixeli), in (inci),pt(puncte) sau cm (centimetri).

    Exemplu: folosind comenzi CSS imaginea este poziionat la 100px fa de latura stng i 25px fa de laturade sus:

    Exemplu

    Marginea (border)n jurul "padding" se seteaz chenarul (border), care pentru toate patru laturile poate avea o lime (width),culoare (color) i style (tiat, punctat, liniat etc.) diferite. Netscape i Internet Explorer afieaz diferitchenarele. Comanda CSS pentru definirea chenarului este borderavnd proprietile asociate width, styleicolor. Pentru a fi siguri c aceste proprieti funcioneaz att n Internet Explorer ct i n Netscape trebuie sdeclarm pentru border cel puin widthi style.

    border-width - stabilete grosimea chenarului i poate fi exprimat n px (pixeli), pt (puncte), cm (centimetri)sau in (inci).border-style

    - stabilete tipul chenarului i poate fidotted

    ,dashed

    ,solid

    ,double

    ,groove

    ,ridge

    ,inset

    ioutset

    .border-color- stabilete culoarea chenarului i poate fi exprimat prin valoare hexazecimala sau n cuvinte.

    Exemplu: definim nou clase utiliznd proprietile border-width,border-stylei border-color:

    Exemplu

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    32/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    31

    .clasa6 {border-width: 3px; border-style: ridge; border-color: lime;}

    .clasa7 {border-width: 2px; border-style: inset; border-color: yellow;}

    .clasa8 {border-width: 3px; border-style: outset; border-color: aqua;}

    .clasa9 {border-width: 2px; border-style: hidden; border-color: olive;}-->

    border-width: 2px; border-style: dotted; border-color: red;
    border-width: 3px; border-style: dashed; border-color: blue;
    border-width: 2px; border-style: solid; border-color: green;
    border-width: 3px; border-style: double; border-color: black;
    border-width: 2px; border-style: groove; border-color: silver;
    border-width: 3px; border-style: ridge; border-color: lime;
    border-width: 2px; border-style: inset; border-color: yellow;
    border-width: 3px; border-style: outset; border-color: aqua;
    border-width: 2px; border-style: hidden; border-color: olive;

    Marginea exterioar (margin)Fiecare box are i o distan exterioar (margin) pn la celelalte elemente, care preia culoarea de fundal aelementului nconjurtor.

    Modelul box servete pentru formatarea distanelor n i ntre box-urile unei pagini web i este extrem dediversificat.

    Poziionarea obiectelor

    Poziionarea permite aezarea unui obiect ntr-un anume loc folosind coordonatele. Totodat obiectele pot fipoziionate pe straturi diferite, unul deasupra celuilalt.

    Att poziionarea absolut (ASOLUTE) ct i cearelativ (RELATIVE) folosesc proprietile LEFT i TOPexprimate n px (pixeli), in (inci), pt (puncte), ems, procentaje sau cm (centimetri).

    Poziionarea absolutplaseaz obiectul n pagin exact n locaia dat de lefti top. Astfel poate fi creat unelement liber fa de celelalte din pagin. Obiectul poate fi orice, de exemplu text sau imagine.

    Exemplu: am aplicat poziionarea absolut etichetei h4:

    Exemplu 8_1Text 1Text 2

    Poziionarea relativeste poziia normal pe care o ocup un element, dup elementele anterioare i nainteacelor urmtoare. Poate fi deplasat fa de aceast poziie folosind proprietile lefti top.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    33/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    32

    Exemplu: am folosit dou obiecte unul poziionat absolut celalalt relativ:

    Exemplu 8_2Pozitionare absoluta, independent de celelate obiecte din paginaTextPozitionare relativa, dupa "Text"

    Poziionarea tridimensionalElementele sunt poziionate pe ecran pe o suprafa bidimensional dar pot fi aezate i unul deasupraceluilalt, ntr-o stiv utiliznd un indicativ (index-z) ncepnd cu 0, urmtorul 1 i tot aa n continuare.Elementul cu indexul cel mai mare este aezat deasupra.

    Exemplu: au fost folosite dou obiecte unul poziionat absolut celallt relativ:

    Exemplu 8_3

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    34/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    33

    1.3. Instalarea si configurarea PHP si MySQL cu serverele web Apache si IIS subsistemul de operare Windows

    1.3.1. Precizari preliminarii

    Pentru aceste operaii sunt vizai utilizatorii de sisteme Windows 98/Me si NT/2000/XP/2003. Pentruinstalarea PHP aveti nevoie de un server web, instalat local, cum ar fi Apache HTTP Server sau Microsoft IIS(Microsoft Internet Information Services).

    Este nevoie de kitul pentru serverul Apache sau CD-ul de instalare pentru Windows (in cazul in care doriti sainstalati Microsoft IIS), pachetul PHP (disponibil sub forma de installer sau arhiva), serverul MySQL si un

    browser web. Informaiile pentru procurarea pachetelor de instalare sunt oferite treptat.

    1.3.2. Instalarea unui server web

    Apache HTTP Server este o solutie open-source (sursa libera), dezvoltat de Apache Software Foundationcare este folosit de peste 60% dintre siturile prezente pe web, fiind disponibil att pentru Windows, ct sipentru Linux. Se poate descrca ultima versiune de la http://httpd.apache.org/download.cgi (alegei Win32Binary (MSI Installer)).

    Versiunea 2.0.x a server-ului Apache nu ofer suport complet pentru sisteme de operare Windows mai vechica NT 4.0, deci este recomandat sa descrcarea versiunii 1.3.x a acestui server pentru Windows 98. Deasemenea, Apache 2.0.40 sau mai nou este compatibil cu versiuni mai noi decat (i incluznd) PHP 4.3.0 irespectiv PHP 5.

    n timpul instalarii, trebuie sa specificatNetwork Domain si Server Name ca fiind localhost, iar la adresaadministratorului putei introduce adresa dvs. de e-mail, dei nu are vreo importana (in cazul in care ) nutilizarea ulterioara a produsului (fereastra este ilustrat mai jos). Este instalat si Apache Monitor cu care

    putei porni sau opri serverul web Apache.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    35/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    34

    Serverul web de la Microsoft, IIS poate fi instalat doar cu CD-ul de instalare al sistemului de operareWindows, folosind funcionalitatea:

    Add/Remove Windows Components (Start > Settings > Control Panel > Add/Remove Programs >Add/Remove Windows Components, pe partea stanga).

    In Windows XP, instalarea acestuia este imediat, in sensul ca nu trebuie configurat nimic special. Pentruasigurarea ca serverul IIS este pornit, se ruleaz:

    Computer Management (din Start > Settings > Control Panel > Administrative Tools), se navighez pnla Services and Applications, Internet Information Services, Web Sites, Default Web Site.

    Daca starea acestuia este Stopped se face click dreapta si se selectezStart.

    Apache HTTP Server si Microsoft IIS nu pot rula in acelasi timp.

    Pentru a testa daca oricare dintre servere a fost instalat corect, se navighez cu browserul web la adresahttp://localhost.

    Mai jos, sunt capturi de ecran cu pagina ncarcata n cazul n care instalarea a fost efectuat cu succes, pentru

    cele doua servere tratate. Pentru a ncarca pagini ce pot fi accesate local de catre serverul web, se copiaz ndirectorul:

    c:\Inetpub\wwwroot\pentru Microsoft IIS c:\Program Files\Apache Software Foundation\Apache2.2\htdocs\pentru Apache

    n unele versiuni mai vechi, "Apache Software Foundation" se numeste "Apache Group", de asemenea,numele directorului in care este instalat serverul web ( "Apache2.2" in acest exemplu) este denumit dupaversiunea curenta instalat.

    http://localhost/http://localhost/
  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    36/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    35

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    37/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    36

    1.3.3. PHP scurta istorie

    PHP este unul dintre cele mai populare limbaje de scripting pe parte de server. Iniial a fost scris in C, de

    programatorul canadian Rasmus Lerdorf i lansat sub numele de Personal Home Page Tools n iunie 1995din nevoia de a genera pagini dinamic i a-l scuti astfel de un volum de munca.

    Doi ani mai trziu, doi programatori israelieni, Zeev Suraski si Andi Gutmans au rescris parser-ul PHPpunnd bazele PHP3, schimbnd i denumirea n "PHP: Hypertext Preprocessor". n mai 2004, este lansatPHP4, folosind un nou motor, Zend Engine 1.0, dezvoltat de programatorii amintii.

    Pentru a descrca PHP, se poate merge la http://www.php.net/downloads.php si alegei PHP Zip Package(pentru a instala cu Apache HTTP Web Server) sau PHP installer (pentru a instala cu Microsoft IIS) pentruoricare dintre versiunile 4 sau 5, dezvoltate concomitent de catre The PHP Group. Configurarea automatpentru serverul Apache nu a fost implementat, deci va trebui facut manual.

    1.3.4. Instalarea PHP pentru Microsoft IIS (folosind PHP installer)

    Momentan, doar PHP 4 beneficiaza de kit pentru instalare automat. Descarcati installer-ul, selectai optiuneaStandard. Vei fi intrebat de tipul de server folosit, alegei "Microsoft IIS 4 or higher" sau "Microsoft IIS 6or higher", dupa caz. Installer-ul va copia fiierele pe discul ce conine sistemul de operare in directorul\php.De obicei, paginile PHP vor fi servite imediat, nefiind necesara restartarea IIS.

    Pentru a testa daca instalarea PHP a fost realizata cu succes, sedescarcarcfiierul test si copiaz n directorulc:\Inetpub\wwwroot.

    Daca fiierul este afiat, instalarea afost finalizat cu succes. n alte cazuri, acesta (http://localhost/test.php)poate fi propus pentru download, ceea ce nseamna ca serverul web nu recunoaste extensia ".php".

    n acest moment, daca instalarile au reuit, se poate trece direct la instalarea si configurarea server-uluiMySQL.

    1.3.5. Instalarea PHP pentru Apache HTTP Server

    n cazul in care s-a descrct arhivace contine fiierele PHP, se creaz un director\php pe discul pe care esteinstalat sistemul de operare si serverul web Apache si se dezarhivez pachetul acolo.S presupune de aici

    nainte ca discul respectiv este c:. Aceasta este o instalare tipic pentru PHP ca modul Apache.

    1) Se navighez la c:\php\si se redenumete fiierul php.ini-dist in php.ini. Se deschide acest fisier nNotepad

    2) Se copiaz fiierele php.ini si php4ts.dll (sau php5ts.dll n caz ca s-a ales PHP 5) din c:\php\in

    c:\windows\system32\(pentru Windows 2000/XP) sau c:\windows\system\(pentru Windows 98/Me).

    http://www.zend.com/products/zend_enginehttp://www.php.net/downloads.phphttp://www.designlabs.ro/articole/instphpmysqlapacheiis/test.ziphttp://www.designlabs.ro/articole/instphpmysqlapacheiis/test.ziphttp://www.designlabs.ro/articole/instphpmysqlapacheiis/test.ziphttp://www.designlabs.ro/articole/instphpmysqlapacheiis/test.ziphttp://www.designlabs.ro/articole/instphpmysqlapacheiis/test.ziphttp://localhost/test.phphttp://localhost/test.phphttp://localhost/test.phphttp://www.designlabs.ro/instalare-php-mysql-in-serverele-iis-apache-3.php#6http://www.designlabs.ro/instalare-php-mysql-in-serverele-iis-apache-3.php#6http://www.designlabs.ro/instalare-php-mysql-in-serverele-iis-apache-3.php#6http://www.designlabs.ro/instalare-php-mysql-in-serverele-iis-apache-3.php#6http://localhost/test.phphttp://www.designlabs.ro/articole/instphpmysqlapacheiis/test.ziphttp://www.php.net/downloads.phphttp://www.zend.com/products/zend_engine
  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    38/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    37

    3) Acum, pentru a configura i serverul web Apache sa lucreze cu PHP, se merge la c:\ProgramFiles\Apache Software Foundation\Apache2.2\conf\(sau locatia corespunzatoare distributiei instalate) i sedeschide fisierul httpd.confcu Notepad (sau alt editor text). Se parcurge treptat instruciunile de mai jos siadaugaugla sfaritul fiierului liniile ce corespund situaiei. Dupa ce s-a fcut acest lucru, se restarteaz

    serverul Apache.

    ncarcarea modulului PHP, pentru Apache 2 si PHP 4

    LoadModule php4_module c:/php/sapi/php4apache2.dll

    carcarea modulului PHP, pentru Apache 2 si PHP 5. Pentru acest caz, existo cunoscut eroare decompatibilitate intre Apache 2.0.x si Apache 2.2.x, legat de interfata API.

    Pentru versiunile Apache 2.0.x se pot utiliza cu succes directiva de mai jos. Pentru 2.2.x, trebuie sa sefoloseascfiierul php5apache2_2.dll, disponibil in distribuia PHP 5.2.x, aflat n stare de dezvoltare i

    testare, la momentu la scrierii acestui articol.

    Se alegei una din directivele de mai jos:

    #pentru Apache 2.0.xLoadModule php5_module c:/php/php5apache2.dll

    #pentru Apache 2.2.xLoadModule php5_module c:/php/php5apache2_2.dll

    Incarcarea modulului PHP, pentru Apache 1.3.x si PHP 4

    LoadModule php4_module c:/php/sapi/php4apache.dll

    Incarcarea modulului PHP, pentru Apache 1.3.x si PHP 5

    LoadModule php5_module c:/php/sapi/php5apache.dll

    Doar daca ati ales Apache 1.3.x, considerati si urmatoarea linie:

    AddModule mod_php4.c

    Adaugarea suportului pentru fisiere de tip .php, .php3 sau .phtml. Stergeti caracterul "#" daca doriti suportoptional si pentru ultimele doua extensii.

    AddType application/x-httpd-php .php

    #AddType application/x-httpd-php .php3#AddType application/x-httpd-php .phtml

    Pentru a configura calea catre fisierul de configurare PHP (php.ini), se adaugaug i urmatoarea linie(bineineles, se nlocuietecu calea corespunzatoare instalrii dvs.)

    PHPIniDir c:\php\

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    39/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    38

    Pn acum trebuiesc avute trei linii pentru server-ele Apache 2 si respectiv patru linii pentru server-eleApache 1.3.x, care se vor copia la sfartul fisierului httpd.conf.

    1.3.9.Introducere n PHP , MySQLi Macromedia Dreamweaver

    PHP (se pronun pe-ha-pe) este un limbaj de programare ce ruleaz server, proiectat special pentru WEB.ntr-o pagin HTML putei ngloba cod PHP care va fi executat la fiecare vizitare a paginii.

    Codul PHP este interpretat pe serverul WEB i genereaz un cod HTML care va fi vzut de Uilizator(clientului (browserului) fiindu-i transmis numai cod interpretat ca i HTML).

    PHP a fost conceput n anul 1994 i a fost iniial munca unui singur om, Rasmus Lerdorf.

    PHP este un produs Open Source, cu acces la codul surs. Il putei folosi, modifica i redistribui, toate acestean mod gratuit.Iniial, PHP era acronimul de la Personal Home Page, dar a fost modificat pentru a se alinia la conversia denumire recursiv GNU (GNU = Gnu`s Not Unix) i acum este acronimul pentru PHP Hypertext Preprocessor.

    Versiunea actual a PHP este 5.2.4Pagina de baz pentru PHP este:http://www.php.net

    Pagina pentru Zend (compania a crei fondatori au proiectat PHP4) se afl lahttp://www.zend.com

    http://www.oriceon.com/19/introducere-in-php-si-mysql.oricehttp://www.oriceon.com/19/introducere-in-php-si-mysql.oricehttp://www.oriceon.com/19/introducere-in-php-si-mysql.oricehttp://www.php.net/http://www.php.net/http://www.zend.com/http://www.zend.com/http://www.zend.com/http://www.php.net/http://www.oriceon.com/19/introducere-in-php-si-mysql.orice
  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    40/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    39

    (se pronunt mai-es-chiu-el) este un sistem de gestiune a bazelor de date, foarterapid i robust.

    O baz de date permite stocarea, cautarea, sortarea i s regsirea datelelor n mod eficient.

    Serverul MySQL controleaz accesul la date pentru a garanta c mai muli utilizatori pot lucra simultan cuacestea.

    Deci, MySQL este un server multi-user (mai muli utilizatori) i multi-thread (mai multe fire de execuie).Utilizeaza SQL (Structured Query Language), limbajul standard de interogare a bazelor de date din ntreagalume.

    MySQL este disponibil n mod public din 1996, dar istoria dezvoltarii sale incepe in 1979. A ctigat de mai

    multe ori Linux Journal Readers` Choice Award (Premiul cititorilor).

    MySQL este disponibil sub o licen Open Source, dar dac este nevoie sunt disponibile i licene comerciale.

    Versiunea actual a MySQL este 5.1.Pagina de baz pentru MySQL este:http://www.mysql.com

    Macromedia Dreamweavereste o unealt destinat creatorilor de pagini web. Dreamweaver a fost creatde Macromedia (acumAdobe Systems) i momentan a ajuns la versiunea 10. Primele versiuni ale produsuluiserveau doar ca simple editoareHTMLde tipulWYSIWYGdar n versiunile recente au fost implementate

    funcii de editare avansate i support pentru alte tehnologii web cum ar fi CSS, JavaScript etc.Dreamweaver s-a bucurat de un larg succes nc de la sfritul anilor '90 i momentan deine aproximativ 80% din piaaeditoarelor HTML. Produsul poate fi rulat pe variate platforme software: Mac, Windows, dar suport nacelai timp i platforme UNIX cu ajutorul unor emulatoare software, cum ar fi Wine.Ca orice alt editorWYSIWYG, Dreamweaver poate ascunde detaliile de implementare a paginilorHTML, fcnd astfel posibilcrearea cu uurin a paginilor web de ctre utilizatorii neexperimentai.Unii creatori de pagini web criticaceste tipuri de editoare deoarece produc pagini de dimensiuni mult mai mari dect ar fi necesar, ceea ceconduce la o funcionare neperformant a browserelor web. Aceast afirmaie este n mare parte adevaratdeoarece paginile web produse folosesc design-ul pe baz de tabel. n plus, produsul a mai fost criticat ntrecut i pentru producerea de coduri care adesea nu erau conform standardelor W3C, dar acest aspect a fostmult mbuntit n versiunile recente. Cu toate acestea, Macromedia a crescut suportul pentru tehnologiaCSS

    precum i alte modaliti de design fr a fi necesar folosirea design-ului pe baz de tabel.Dreamweaverpermite folosirea majoritii browserelor instalate pe calculatorul utilizatorului, pentru a previzualiza website-ul creat. De asemenea conine i cteva utilitare pentru administrarea site-urilor, cum ar fi cele pentru a gsi imodifica un paragraf sau o linie de cod, n ntregul web site, pe baza oricror parametri specificai de ctreutilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript fr a avea cunotine de programare.

    1.4. Limbajul PHP

    1.4.1 Introducere

    http://www.mysql.com/http://www.mysql.com/http://ro.wikipedia.org/wiki/Adobe_Systemshttp://ro.wikipedia.org/wiki/Adobe_Systemshttp://ro.wikipedia.org/wiki/Adobe_Systemshttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/CSShttp://ro.wikipedia.org/wiki/CSShttp://ro.wikipedia.org/wiki/CSShttp://ro.wikipedia.org/wiki/CSShttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/WYSIWYGhttp://ro.wikipedia.org/wiki/HTMLhttp://ro.wikipedia.org/wiki/Adobe_Systemshttp://www.mysql.com/
  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    41/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    40

    PHP vine de la "Hypertext Preprocessor" i este un limbaj de comenzi-script pentru server (se spune cacioneaz pe partea serverului - server-side language). Adic fiierele cu comenzi PHP ruleaz pe serverulWeb, nu n navigator, pe staia client.

    PHP este un limbaj relativ nou (comparativ cu alte limbaje precum Perl (CGI) i Java), dar devine rapid unuldintre cele mai rspndite i mai populare din Internet.

    nvarea sau mcar nelegerea unui limbaj care spermit scrierea de scripturi Web, poate schimbacomplet viziunea lrgind grozav posibilitile de publicare i activitate pe Web. Chiar dac se potdescrcascripturi gata fcute, din centre precumHotscripts, acestea, de regul, includ reclama pentru autorul respectivi nu vor oferi exact ce se dorete. nelegnd limbajul se voredita mai uor aceste scripturi, pentru ca s facceea ce se dorete, sau chiar se pot creea scripturi noi, proprii.

    Folosirea scripturilor n propriul centru Web permite adugarea multorelemente de noutate i interactivitate,precum formularele defeedback, crile de oaspei, sistemele colaborative numite message boards, contoare

    ale vizitelor i multe alte elemente mai avansate precum sistemeleportal, cele de management al coninutului,gestionarii de reclame (advertising managers), etc. Astfel de elemente sunt necesare pentru a obine o imaginede profesionist. Mai mult, oricine vrea acum s lucreze n industria de proiectare i dezvoltare se centre Webva descoperi c este mult mai simplu s gseasc un loc de munc atunci cnd tie PHP i programarea Web.

    Utilizatorii nu trebuie s-i instaleze nimic n plus, ca soft, dar pe platforma unde ruleaz serverul Web(gazda Web) trebuie s fie instalat PHP. Acesta poate fi deja inclus (ncorporat) n serverul Web. Dacserverul nu suport PHP atunci va trebui apelat la administratorul su pentru a-l instala, PHP-ul fiind unprodus public -putnd fi descrcat gratuit i simplu de lawww.php.net. Alt cale este gsirea altei gazdeWeb care suport PHP. Sau instalareapropriul server Web mpreun cu PHP.

    Scrierea n PHP

    Pentru a scrie un fiier n PHP pe calculatorul propriu nu trebuie nimic alceva dect un editor de texte (precumNotepad din Windows).Se lansezi se pregtete scrierea primul script PHP.

    Declaraia PHP

    Scripturile PHP sunt ntotdeauna incluse ntre dou taguri PHP, conform aceleai scheme ca i n HTML.Astea spun serverului s preia information dintre ele i s o interpreteze ca expresie din PHP. Exist trei formediferite de marcare a expresiilor - comenzilor PHP, i anume:

    comenzi PHP

    http://www.hotscripts.com/http://www.hotscripts.com/http://www.hotscripts.com/http://www.php.net/http://www.php.net/http://www.php.net/http://www.php.net/http://www.hotscripts.com/
  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    42/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    41

    Toate trei acioneaz - se comport exact la fel. n cele ce urmeaz se folosete doar prima variant (). Dar pot fi folosite, la fel de bine oricare din cele trei. Atenie, combinarea lor nu este ns permis, nuputem folosi pentru deschidere

    Aa cum se vede este o singur linie de cod PHP. Este ofuncie standard din PHP, numitphpinfo, care vacere serverului s scrie i s transmit un tebel standard cu informaiile de configurare a serverului.

    O observaie important din acest exemplu: linia de cod PHP se termin cu punct i virgul (;). Asta-i foarteimportant ca sintax. La fel ca n multe alte limbaje de comenzi sau de programare, liniile trebuie s setermine cu un marcaj anume,adesea tot (;), iar dac acest terminator este omis rezult o eroare.

    ncheierea i testarea scriptului

    Odat scris, scriptul trebuie salvat ca fiier cu un nume. n acest caz, i se spunephpinfo.php. Apoi trebuiencrcatfiierul pe server, n spaiul uzual al documentelor Web. Dup asta, folosind navigatorul, se apelezscriptul prin URL-ul corespunztor. Dac lucreaz (i dac PHP este instalat pe server) atunci se va obine olist ampl, plin cu detalii despre situaia PHP pe server.

    Dac scriptul nu lucreaz i apare o pagin alb, atunci este sau o eroare n modul n care a fost scris scriptul,sau serverul nu suport aceast funcie (situaie extrem de puin probabil). Dac, n locul afirii informaiilorapare o ofert de descrcarea fiierului (download), sau apare chiar scriptul aa cum a fost scris (sursa),nseamn c PHP nu este instalat pe server. Caz n care trebuie cutat alt server sau instalat PHP.

    1.4.2. Afiarea informaiilor i Variabilele

    Scrierea unui text

    Pentru a scoate - afia un text n scriptul PHP, sunt mai multe posibiliti. Prima, prin utilizarea comenziiprint. Print permite afiarea unui text, a unor variabile sau a unor combinaii ale acestora, pe ecran.

    Instruciunea print este folosit n felul urmtor:

    print("Hello world!");

    Asta s-ar scrie ca fiier PHP n forma:

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    43/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    42

    care prin apel cu navigatorul va afia pe ecran:

    Hello world!

    Funcia de afiare n PHP

    Ca i n alte limbaje de programare, n PHP se pot defini variabile. Exist cteva tipuri de variabile n PHP,dar cea mai uzual este variabila ir de caractere, numit String. Poate fi folosit pentru texte sau numere.Toate irurile de caractere, toate variabilele string ncep cu semnul $ . Pentru a atribui un text unei variabilestring trebuie s folosete o succesiune de forma:

    $text_salut = "Bun venit pe site-ul meu Web!";

    Este o linie simplu de neles, tot ce se afl ntre ghilimele va fi atribuit variabilei string din membrul stng.

    Distincia dintre majuscule i minuscule. Astfel $Welcome_Text difer de $welcome_textNumele de iruri pot conine litere, cifre i semne de subliniere (_), dar nu pot ncepe cu o cifr sau cu semnul_Cnd se atribuie un numr la un string nu mai e nevoie de ghilimelele. Adic este acceptat construcia:

    $user_id = 987

    Variabile de scoatere

    Pentru a afia o variabil pe ecran se folosete exact aceiaicomand ca i pentru a afia un text, cu o micdiferen formal. Astfel, pentru a afia stringul atribuit variabilei $text_salut scriem:

    Aa cum se poate vedea, singura diferen ar fi c scriem n comanda print numele variabilei, fr ghilimele,n locul textului cu ghilimele.

    Formatul unui text

    Totul apare n navigatorul cu caracterele (fontul) predefinite. PHP fiind pe server, codul se execut nainteca pagina s fie trimis spre navigator. Ceea ce nseamn c doar rezultatele rulrii scriptului sunt trimise,astfel c, n exemplul de mai sus spre navigator se va trimite doar textul:

    Bun venit pe site-ul meu Web!

    Iar asta permite includerea elementelor de formatare - marcare standard din HTML pentru a face ca textul sapar aa cumse dorete. Acestea pot fi plasate direct n string-ul din scriptul PHP. Multe taguri HTML

    pretind ghilimele n sintax. Iar asta ar provoca un conflict cu ghilimelele din irul declarat n script. Putempreciza - defini ns care semne de punctuaie au rolul ghilimelelor din script, i care sunt ghilimelele caretrebuie ignorate.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    44/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    43

    Sre exemplu, se afieaztextul de mai sus cu Arial scris cu rou. Asta s-ar scrie:

    Aici sunt 4 ghilimele care ar putea ncurca scriptul. Din cauza asta trebuie adugat un backslash (\) nainteafiecrei ghilimele pentru a face ca scriptul PHP s o ignore. Astfel vom avea:

    Iar asta poate fi deja inclus n instruciunea print:

    print("Bun venit pe site-ul meu Web!");

    care va face ca pe navigator s apar:

    Bun venit pe site-ul meu Web!

    deoarece scriptul a transmis doar codul:

    Bun venit pe site-ul meu Web!

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    45/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    44

    1.4.3. Instruciunile IF

    Definiia instruciunii IF

    Instruciunea condiional IFeste folosit pentru a compare dou valori i a realiza aciuni diferite n bazarezultatelor testului. Instruciunea urmeaz sintaxa (are forma) IF - THEN - ELSE. Partea IF testeaz ocondiie. Dac aceasta este adevrat, atunci este urmat ramura THEN. n caz contrar se merge pe ramuraELSE.

    Structura instruciunii IF

    n general este urmtoarea structur:

    IF ('ceva' == 'altceva') {'Ramura THEN'} else {'Ramura ELSE'}

    Variabilele

    Uzual, se comparo variabil cu o anumit poriune de text, cu un numr, sau cu alt variabil. Spre exemplu:

    if ($username == "webmaster")

    adic se compar valoarea pe care o ia variabila cu irul precizat de caractere. Ramura THEN a instruciuniifiind executat doar dac variabila are exact valoarea care apare ntre ghilimele, adic dac coincide cucuvntul 'webmaster'. Dac are ns valoarea 'Webmaster' sau 'WEBMASTER' va fi urmat ramura ELSE.

    Construcia ramurii THEN

    n cazul de mai sus, se poate aduga o ramur THEN de forma:

    if ($username == "webmaster") {echo "Please enter your password below";}

    care va afia cererea parolei dac numele utilizatorului este webmaster. n caz contrar, nu se afieaz nimic.Se poate lsainstruciunea n aceast form, pentru c nu este obligatoriu s apar o ramur ELSE. Asta-i utilmai ales cnd sunt condiii multiple.

    Construcia ramurii ELSE

    Adugarea unei ramuri ELSE :if ($username == "webmaster") {echo "Please enter your password below";} else {echo "We are sorry but you are not a recognised user";

    }

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    46/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    45

    Dar nu suntem limitai doar la o singur linie. Putem aduga orice comand PHP ntre acoladele ramuriirespective. Putem chiar include alte instruciuni IF (cuibrite).

    Alte comparaii

    Exist i alte moduri de a folosi instruciunea IF pentru a compara valori. Comparnd dou variabile diferitepentru a vedea dac valorile lor se potrivesc sau nu, spre exemplu:

    if ($parola_introdusa == $password)

    Dar compararea se poate face folosind oricare din simbolurile standard de comparaie, pentru a verifica dac ovaloare este mai mic sau egal dect alta:

    if ($varsta < "13")

    Sau:

    if ($date > $finished)

    Mai mult, putem avea teste multiple ntr-o singur instruciune IF. Spre exemplu, dac este un formular i severificdac vreun cmp a fost lsat necompletat:

    if ($name == "" || $email == "" || $password == "") {echo "Please fill in all the fields";}

    1.4.4. Cicluri

    Ciclul WHILE

    Ciclul WHILE este una din comenzile cele mai utile din PHP. Fr a fi prea complicat. Un ciclu WHILE vaexecuta, aa cum sugereaz i numele, o anumit parte de cod (un set de instruciuni), atta timp ct estendeplinit o anumit condiie.

    Repetarea de un numr fixat de ori

    Dac esteo anumit secven de instruciuni care trebuie repetate de un numr fixat de ori (fr a le rescrie),atunci se poate folosi un ciclu while. Spre exemplu, dac se vrea a scrie cuvintele "Hello World" de 5 ori, sepoate face astfel:

    $times = 5;$x = 0;while ($x < $times) {echo "Hello World";++$x;

    }

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    47/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    46

    Primele dou linii sunt doar atribuiri ale variabilelor. Variabila $times capt valoarea din condiia ciclului, nacest caz - 5 . Variabila $x este contorul care va numra de cte ori se execut secvena. Dup aceste atribuiri,urmeaz linia WHILE. Acesta comand repetarea secvenei dintre acolade, ct vreme $x este mai mic dect$times (alfel spus, repetarea pn c,nd $x devine egal cu $times). Secvena care seexecut repetat apare n

    urmtoarele 2 linii (ntre acolade).

    Dup linia echo care afieaz textul, apare o alt linie:

    ++$x;

    Din programare tim c asta nseamn incrementarea variabilei $x, adic acelai lucru cu:

    $x = $x + 1;

    Astfel, la fiecare repetare, variabila $x ia pe rnd valorile 1, 2, 3, 4, 5. La ultima, condiia din linia WHILE nu

    mai este ndeplinit i ciclul ia sfrit.

    Folosirea lui $x

    Variabila de contorizare ca ciclului (n cazul de mai sus $x ) poate fi folosit nu numai pentru numrare. Spreexemplu, dac se vrea crearea unei pagini web cu toate numerele de la 1 la 1000 n ea, se poate fie scriereafiecarui numr n parte, fie folosirea urmtoarei secvene:

    $number = 1000;$current = 0;while ($current < $number) {++$current;echo "$current
    ";}

    S-a plasat comanda de incrementare ++$current; naintea instruciunii echo . Asta pentru c se doretenceperea cu scrierea lui 1 , nu a lui 0. De fapt, linia ++$current; poate fi plasat oriunde n ciclul WHILE.Dup cum se pot efectua orice operaii aritmetice asupra numrului n cauz.

    Vectori

    Vectori i matrici

    Vectorii sunt structuri obinuite n majoritatea limbajelor de programare. Sunt variabile speciale care pot luamai mult dect o singur valoare, toate stocate n spaiul propriu numerotat - n vector. Vectorii sunt extrem deutili mai ales la ciclurile WHILE.

    Definirea unui vector

    Definirea - iniializarea unui vector este puin diferit de cea a unei variabile normale. n exemplul urmtor seva introduce un vector cuprinznd 5 nume:

    $names[0] = 'John';$names[1] = 'Paul';

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    48/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    47

    $names[2] = 'Steven';$names[3] = 'George';$names[4] = 'David';

    Aa cum se vede, componentele unui vector sunt numerotate, pornind de la 0. Pentru a aduga o valoare unuivector trebuie specifict poziia din cadrul vectorului - prin intermediul indicelui plasat ntre parantezeledrepte [ ].

    Citirea unui vector

    Citirea unui vector se face exact la fel ca i atribuirea. Trebuie precizat numele vectorului i numrulcomponentei dorite. Astfel, dac se dorete a se vedea cel de al treilea nume (din vectorul $names ) se poatefolosi scriptul:

    echo "Al treilea nume este $names[2]";

    Which would output:

    Al treilea nume este Steven

    Folosirea vectorilor i ciclurilor

    Una din cele mai utile utilizri a ciclurilor apare pentru a extrage informaiile dintr-un vector. Spre exemplu,dac vrem s scoatem umtoarea list de nume:

    Numele 1 este JohnNumele 2 este PaulNumele 3 este StevenNumele 4 este GeorgeNumele 5 estes David

    Putem folosi urmtorul cod:

    $number = 5;$x = 0;while ($x < $number) {

    $namenumber = $x + 1;echo "Numele $namenumber este $names[$x]
    ";++$x}

    Aa cum se poate vedea, folosim variabila $x din acest ciclu pentru a afia numele nregistrate ntr-un vector.Iar pentru afiare am folosit variabila $namenumber care este cu o unitate mai mare dect $x. Asta deoarecenumerotarea (indixarea) vectorului pornete de la 0.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    49/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    48

    1.4.5. Trimiterea unui e-mail din PHP

    n PHP avem o comand mail() pentru a trimite un mesaj. Utilizat n formatul urmtor:

    mail($destinatar,$subiect,$corpul_mesajului,$antet);

    In acest exemplu variabilele indic prin numele lor sintaxa comenzii. De fapt se pot include chiar textele ncomand.

    Mai nti variabila $destinatar. Aceasta conine adresa e-mail la care s fie transmis mesajul. Variabila$subiect trebuie s conin textul care se dorete apariia n linia Subject: a mesajului. Iar variabila$corpul_mesajului conine textul mesajului - coninutul su.

    Prin variablia $antet se transmit componentele suplimentare din antetul mesajului. Cel mai des e vorba desprecmpul From: , dar poate fi inclus oricare linie din antet, precum Cc:, sau Bcc: .

    Trimiterea unui mesaj E-mail

    Mai nainte de a expedia un mesaj, dac folosim variabile atunci va trebui ca, mai nti siniializm acestevariabile. Un exemplu:

    $destinatar = "[email protected]";$subiect = "despre PHP";$corpul_mesajului = "PHP este unul dintre cele mai bune limbaje de comenzi pentru alctuirea scripturilor";$antet = "From: [email protected]\n";

    mail($destinatar,$subiect,$corpul_mesajului,$antet);echo "Mesaj trimis la $destinatar";

    Acest cod va face dou lucruri. Va trimite un mesaj la adresa [email protected] , cu subject: 'desprePHP' i cu textul:

    PHP este unul dintre cele mai bune limbaje de comenzi pentru alctuirea scripturilor

    iar mesajul e-mail va apare ca venind de la [email protected] . Dar va mai fi transmis i textul:

    Mesaj trimis la [email protected]

    ctre navigator.

    Formatul - aspectul mesajului e-mail

    In exemplul de mai sus, n variabila $antet, linia From: este ncheiat cu\n. Acesta reprezint un simbol foarteimportant la trimiterea unui e-mail. Este codul pentru "linie nou". Cum n antetul mesajului (i deci i nvariabila $antet) putem avea mai multe linii, fiecare trebuie s se ncheie cu combinaia\n . Acesta estestandardul international pentru formatul mesajelor e-mail.

    Combinaia aceasta de trecere la linie nou (\n ) poate fi folosit i n corpul mesajului, n variabila

    $corpul_mesajului . Dar nu are voie s apar nici n adresa de destinaie (n variabila $destinatar ), nici nsubiectul mesajului (variabila $subiect ).

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    50/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    49

    Comanda Mail fr variabile

    In sintaxa comenzii mail() nu conteaz numele variabilelor ci doar poziia - ordinea lor. Adic, n exemplul demai sus putem folosi alte patru variabile numite $v1 , $v2 , $v3 i $v4 . Totul se poate scrie i ntr-o singur

    linie, introducnd direct textul, n forma:

    mail("[email protected]","despre PHP","PHP este unul din cele mai bune limbaje","From:[email protected]\n");

    Erori

    Este foarte uor de fcutgreeli ntr-un script, dup cum e foarte simplu s intervin greeli n scriereaadreselor e-mail (n mod special dac folosim scriptul pentru a construi mesajele). Din cauza asta, se adugscriptului o secven de verificare, de forma:

    if(mail($to,$subject,$body,$headers)) {echo "Mesajul e-mail a fost trimis la $to cu subiectul: $subject";} else {echo "A intervenit o eroare la trimiterea mesajului. Verificai scriptul i asigurai-v c adresa e-mail $to estecorect";}

    Dac mesajul este expediat fr probleme, acest fapt va fi comunicat - va apare n fereastra navigatorului.Similar, n cazul unei erori, se va recepiona atenionarea cuvenit, cu sugestii de remediere.

    1.4.6. Construcia formularului n PHP

    Scrierea unui formular pentru a fi folosit cu un script PHP se face exact la fel ca i n HTML. Sunt trei dintrecompunente:

    va afia o caseta pentru introducerea unui text, caset n care apar scrise (la nceput) cuvinteleNumele d-voastra. De fapt atributul valuen aceast linie este opional. Informaia - textul atribuit atributului name va

    constitui numele acestei casete text, trebuind s fie unic n formular.

    Scriei aici mesajul d-voastr.

    va afia o caset mare de text cuprinznd ndemnul 'Scriei aici mesajul d-voastr.'. Si de data aceasta, numelecasetei este definit (mesaj) i trebuie s fie unic.

    aceast linie va crea un buton de trimitere n formularul respectiv.

  • 7/29/2019 STOCAREA UNOR INFORMAII REFERITOARE LA PERFORMANELE UNEI GRUPE SPORTIVE FOLOSIND LIMBAJUL PHP

    51/90

    UNIVERSITATEA TRANSILVANIA BRAOVFACULTATEA DE

    MATEMATIC-INFORMATICLUCRARE DE LICEN

    50

    Toate elementele formularului trebuie s fie cuprinse ntre tagurile . Adic se folosesc aa:

    Elementele Formularului i comenzile de formatare, etc.

    unde valoarea atribuit luiform action spune care este script-ul cruia i se transmit datele (n acest caz fiierulprelucrare.php). Aici se poate avea chiar un URL complet (spre exempluhttp://relis.uvvg.ro/~jalobean/Cursuri/PHP-proc/prelucrare.php). Metoda methodspune formularului cum stransmit datele sale. Cu opiunea POST datele vor fi trimise scriptului ntr-un pachet (stream) atunci cndacesta le cere. O alt opiune este GET, caz n care datele din formular sunt trimise n forma unui url astfel cvor apare dup un semn ? , precum n exemplul: http://relis.uvvg.ro/~jalobean/Cursuri/PHP-proc/prelucrare.php?name=Mihai

    Este indicat folosirea POST-ului dac-i vorba de informaii delicate (parole, etc.) pentru ca acestea s nu

    poat fi vzute n bara de adrese a navigatorului.

    Obinerea datelor din formular

    Exist dou procedee diferite de extragere a datelor n PHP, care depind de modul n care datele au fosttrimise (cu metoda GET sau cu POST). Diferena majordintre cele dou const n faptul c, folosind GET,variabilele i datele vor fi vizibile n adresa paginii, n timp ce folosind POST acestea sunt invizibile. Cu GET,ns, putem transmite informaii ctre script fr un formular, editnd URL-ul.

    Asta sepoate face cam la fel cu transmiterea formularului folosind GET. Avantajul ar fi c, astfel se pot crealegturi la script-uri care vor produce efecte diferite n funcie de legtura selectat. Spre exemplu, putemconstrui un script care s ne arate diferite pagini Web, funcie de legtura selectat:

    pagina.php?user=jalobeanpoate arta pagina mea Web (a utilizatoruluijalobean, iar:pagina.php?user=djalobeanu

    poate arta pagina utilizatorului djalobeanude pe serverul Relis, fo