Tehnologii utilizate in proiectarea paginilor web
pe baza de client
Interfata web pune niste limite in functionalitatea clientului. Metode specifice aplicatiilor cum ar fi desenarea pe ecran, sau si mai generalul "drag and drop" nu sunt suportate de tehnologia standard a web browser-elor. In general, dezvoltatorii de aplicatii web folosesc limbaje de script pe partea de client pentru a adauga functionalitate paginilor, in special pentru a adauga interactivitate paginilor care nu necesita reincarcarea acestora (lucru pe care multi utilizatori il gasesc deranjant). Recent, au fost dezvoltate tehnologii care sa coordoneze limbajul de script de pe client cu cel de pe server, cum ar fi AJAX, o tehnologie care functioneaza cu JavaScript
Tehnologiile utilizate sunt:
· HTML
In primul rand HTML reprezinta prescurtarea de la Hyper Text Markup Language (denumirea oficiala a standardului). Un fisier HTML este un fiser text cu extensia ".htm" sau ".html" continand pe langa text pur si instructiuni standard de machetare (web design). Efectul machetarii este vizibil in browserele de Internet (Internet Exlorer, Netscape Navigator, Opera, etc...). Practic marcajele de tip HTML din cadrul documentului spun browser-ului cum sa afiseze continutul util al fisierului. Despre HTML vei putea afla mai multe lucruri in cadrul prezentarii pe etape din sectiunea HTML a site-ului.
· CSS
In primul rand CSS reprezinta prescurtarea de la Cascading Style Sheets (denumirea oficiala a standardului). Un fiser CSS este un fisier text cu extensia definind stiluri pentru paginile HTML. Stilurile indica intr-un mod mult mai riguros decat atributele HTML cum sa afiseze browserul elementele componente ale unui document HTML (text, grafica, formulare, etc...), oferind posibilitati mult superioare standardului HTML. Fisierele CSS permit stilizarea in bloc a documentelor HTML cu un efort semnificativ mai mic decat in cazul stilizarii elementelor de pagina in cadrul fiecarui document HTML in parte, prin intermediul atributelor tagurilor. Despre CSS vei putea afla mai multe lucruri in cadrul prezentarii pe etape din sectiunea CSS a site-ului
· XML
In primul rand XML reprezinta prescurtarea de la EXtensible Markup Language (denumirea oficiala a standardului). A fost proiectat pentru a manipula date in mod riguros. Ineditul pe care il aduce limbajul XML este faptul ca nu contine taguri standard (predefinite). Practic, tagurile XML sunt definite (construite) exclusiv de utilizator (proiectant). Este asadar un limbaj extensibil. Trebuie mentionat faptul ca standardul XML nu este decat intr-un mod foarte general asemanator cu HTML. In timp ce standardul HTML urmareste afisarea datelor avand ca obiectiv central modul in care acestea arata in browser, scopul XML este acela de a structura, stoca si transmite date sub forma de informatii utilizator, avand ca obiectiv central semnificatia profunda a acestora. Intr-un cuvant, HTML afisaza informatii, in timp ce XML descrie si manipuleaza informatiile in mod riguros. Atentie: XML nu este un inlocuitor pentru HTML. O evolutie previzibila a web-ului sugereaza o completare reciproca a celor doua standarde prin utilizarea impreuna in cadrul acelorasi documente: XML va fi utilizat pentru a descrie date, in timp ce HTML va formata si afisa corespunzator aceste date.
· XSL
In primul rand XSL reprezinta prescurtarea de la EXtensible Style Language (denumirea oficiala a standardului). Practic, XSL reprezinta pentru documentul XML ceea ce reprezinta CSS pentru HTML, adica o foaie de stiluri. Diferenta dintre CSS (HTML Style Sheets) si XSL (XML Style Sheets) este foarte mare. HTML utilizeaza taguri (marcaje) predefinite si semnificatia acestora este de la bun inceput cunoscuta si inteleasa de browser. Spre exemplu, tagul
defineste un tabel, iar browserul stie ce este acesta si cum trebuie afisat. Adaugand stiluri fisierului HTML vom indica browserului sa afiseze un element de pagina (precum tabelul exemplificat mai sus) intr-un anumit mod, uzand de data aceasta de atribute CSS predefinite - indicand, spre exemplu, margine de dimensiune 1 si culoare albastra. In schimb XML stim deja ca nu lucreaza cu taguri predefinite (am vazut ca putem defini cate taguri personalizate dorim). Asadar, semnificatia tagurilor XML utilizate de proiectant nu este cunoscuta browser-ului. Tagul in XML poate desemna, intr-adevar, un tabel, la fel de bine ca si un formular sau un obiect abstract iar browserul nu va sti cum sa-l afiseze. De aceea trebuia sa existe o componenta aditionala documentelor XML care sa traduca browserului modul in care un document XML va fi afisat. Si aceasta este XSL. Totusi, XSL este mai mult decat un standard de stiluri pentru documentele XML. Practic, XSL se constituie din 3 parti componente: XSLT, care este un limbaj menit sa transforme documentele XML in documente XHTML; XPath care este un limbaj menit sa defineasca si sa izoleze portiuni din documentele XML; XSL-FO, practic un limbaj de formatare (structurare) superioara a documentelor XML.· XHTML
In primul rand XHTML reprezinta prescurtarea de la EXtensible HyperText Markup Language (denumirea oficiala a standardului). Practic este un inlocuitor modern al mai vechiului limbaj HTML, fiind aproape identic cu standardul HTML 4.01, o versiune imbunatatita, mult mai stricta si mai curata a standardului HTML 4.0. Abstractizand putin, afirmam ca XHTML reprezinta o definire de tip XML a unui document HTML, pe scurt o combinatie intre HTML si XML. Avantajele unei aplicatii XHTML sunt multiple: pot fi citite de toate dispozitivele XML, in timp ce pastreaza compatibilitatea cu toate browserele de Internet mai vechi sau mai noi fara a necesita specificatii suplimentare.
· JavaScript
JavaScript reprezinta un limbaj de script utilizat la ora actuala de majoritatea paginilor web din Internet pentru a imbunatati design-ul general, valida datele utilizator din formulare, aduga interactiune cu utilizatorul prin efecte speciale aplicabile elementelor de pagina in funtie de evenimentele generate de utilizator. La ora actuala este cel mai important limbaj de script de pe Internet. Despre JavaScript vei putea afla mai multe lucruri in cadrul prezentarii pe etape din sectiunea JavaScript a site-ului.
· Java
Java este la ora actuala una dintre cele mai puternice platforme de dezvoltare software - limbaj de programare independent, aducand in spectrul web posibilitati exceptionale de interactiune client-server, cu mult dincolo de binecunoscutele formulare, animatii, jocuri sau efecte vizuale interactive. Practic tehnologiile Java (de multe ori combinate cu alte standarde sau tehnologii cum ar fi XML spre exemplu), reprezinta o modalitate foarte apropiata de natural pentru implementarea de aplicatii manipuland cu succes mai toate tipurile de generatori si consumatori de informatie, de la telefoane mobile pana la sisteme de gestionare a tranzactiilor online. Portabilitatea si extensibilitatea celor doua tehnologii (Java si XML) face din acestea alegerea ideala pentru satisfacerea unei impresionante game de cerinte ale Internetului, de la cele mai simple programe pana la aplicatii ruland pe diferite platforme interconectate si solicitand nivele dintre cele mai performante de securitate, stabilitate si portabilitate.
· PHP
Pentru un site de prezentare de produse, in cazul caruia un calcul preliminar ne poate indica lesne ca se impune construirea a cca. 500 de pagini de continut si 2000 de poze, trebuie sa stiti ca exista o alternativa facila la munca sisifica de actualizare si intretinere a lui. Doar Yahoo si Amazon nu au angajat mii de oameni pentru a face zilnic modificarile in paginile lor, nu? Ca sa adaugi sau sa modifici o pagina HTML a unui site trebuie sa o descarci de pe server, sa aplici modificarile, sa gasesti si celelalte pagini care ar urma sa aiba de suferit de pe urma schimbarii link-urilor si sa aplici si la acestea modificarile de rigoare, iar apoi sa transferi totul inapoi pe server. Daca site-ul de 500 de pagini actualizabil in acest mod in fiecare zi a saptamanii mai trebuie sa si poata vinde produsele online, sa ofere facilitati avansate de cautare in paginile de produse si in plus sa poata inregistra si o evidenta exacta vanzarilor, stocurilor si clientilor, atunci perspectiva unei astfel de munci nu poate decat sa sperie pana si pe cel mai tenace creator de site-uri web. Utilizand insa o baza de date legata la o pagina web prin intermediul unui limbaj "server-side" (pe parte de server), web designer-ul nu mai are nevoie de ajustari in codul paginilor pentru a schimba periodic continutul acestora sau pentru a oferi facilitatile amintite mai devreme. Crearea de site-uri web dinamice si interactive folosind tehnologia PHP combinata cu bazele de date operate in MySQL, totul utilizand un server Apache, este unul dintre cele mai bune lucruri pe care le puteti invata.