Qube Net Romania - Dezvoltare
   
Romana   English
   
Home Produse Servicii & Solutii Suport & Download Dezvoltare Clienti Contul meu
dezvoltare   >   Viitorul HTML   >   Partea I

  dezvoltare
dezvoltarea ERP
Viitorul HTML
Personalizare
XML HTTP Request
Aplicatii WEB

Cuprins
Partea I


1  

 Viitorul HTML - partea I



     HTML nu este un limbaj foarte bun pentru a face pagini web. Cu toate acestea, a fost un limbaj foarte bun pentru a face WEB-ul.

     Usurinta in invatare a HTML si posibilitatea view source(vizualizarea sursei) a browsere-lor web au crescut popularitatea Web-ului intr-un mod incredibil. Implicarea consortiumul "World Wide Web" (W3C) in standardizarea HTML a asigurat o uniformitate in implementarea aceluiasi dialect in browsere-le web, mai mult sau mai putin. Aparitia CSS-ului si aparitia unor standarde de web design au ajutat si ele la ordonarea HTML-ului si au condus la o experienta Web mai bogata atat pentru utilizatori cat si pentru dezvoltatori.

     Lucrurile astea probabil ca le stiti. Web-ul asa cum il stim a avut probabil un impact pozitiv in viata sau in afacerile tale. Cu toate acestea, trebuie sa recunoastem ca HTML nu este un limbaj foarte bun. De ce, de exemplu, are HTML alinieri de la H1 la H6 ? (Headings) Cine a folosit cu adevarat o ierarhie pe 6 niveluri ? Si de ce in era graficii 3D si a interfetelor cu utilizatorul foarte sofisticate, paginile web sunt limitate la casute in care se introduce textul pentru a interfata cu utilizatorul ?

     Nu este nici o surpriza atunci ca diverse grupuri incearca sa dezvolte HTML-ul intr-un fel care sa dea posibilitatea pubilcarii pe Web si a Aplicatiilor Web sa foloseasca mai multa tehnologie disponibila in interfetele cu utilizatorul moderne. Cine sunt aceste grupuri ? In general vorbind se impart in 3. Primii sunt cei care folosesc tehnologiile disponibile astazi pentru a face o diferenta. Despre asta este vorba in AJAX (am scris un articol despre asta tot in sectiunea de dezvoltare). Efectele pot fi foarte interesante, dar acesta nu este un mod standard de a inainta.

     Celelalte 2 grupuri se concentreaza asupra imbunatatirilor. W3C promoveaza XHTML 2.0, acesta este vazut ca un pas radical. In contrast, Web Hypertext Application Technology Working Group (WHATWG) promoveaza un set de specificatii incrementale, care adauga la HTML functionalitatile imediat necesare in browser. Cateva dintre facilitatile WHATWG sunt deja implementate in browserele Mozilla Firefox 1.5 si Apple Safari.

WHATWG, HTML 5, si Web Forms 2.0

     Asa cum spune si pagina lor web, WHATWG este o colaborare lejera intre dezvoltatori de browsere web, si alte parti interesate, care vor sa dezvolte noi tehnologii proiectate astfel incat sa faciliteze autorilor sa scrie si sa implementeze Aplicatii pe World Wide Web. Doi termeni sunt interesanti aici, jucatorii principali pe partea de browsere ai WHATWG sunt Mozilla si Opera iar tinta imbunatatirilor lor este catre dezvoltarea Aplicatiilor Web.

     O sa discutam mai pe larg despre aceste lucruri in alte articole, dar aici vom face si o scurta prezentare a uneia dintre facilitatile intalinte in noul standard promovat de WHATWG, HTML 5 (sau Web Applications 1.0).

 canvas

     Una din cele mai cunoscute facilitati a HTML 5 este elementul canvas. Acesta a fost implementat in browserele Firefox 1.5 si Apple Safari.

     Chiar daca SVG (Scalable Vector Graphics) a lui W3C deja ofera o facilitate de a arata ilustratii in interiorul browser-ului, canvas are o abordare diferita. Decat sa implementeze un document declarativ ca SVG, ofera o suprafata libera pe care JavaScript sa deseneze. Acest model se asemana mult mai mult cu stilul OpenGL de desenare decat cu web-ul declarativ.

     In figura urmatoare puteti vedea o imagine dintr-un demo folosind canvas.

     Puteti vedea aceasta demonstratie la adresa http://rig.vlad1.com/~vladimir/canvas/cdemo1.html. Pentru a functiona aveti nevoie de Firefox 1.5 sau Apple Safari.
     In continuare puteti vedea un exemplu de listing care foloseste elementul canvas si rezultatul acestuia.
     <html>
          <head>
               <title>Canvas demo</title>
               <script type="text/javascript">
                    function draw () {
                         var canvas = document.getElementById ('hello');
                         if (canvas.getContext) {
                              var ctx = canvas.getContext('2d');
                              ctx.fillRect (25, 25, 50, 50);
                         }
                    }
               </script>
               <style type="text/css">
                    canvas { border: 2px solid red; }
               </style>

          </head>
          <body onload="draw ();">
               <canvas id="hello" width="100" height="100"></canvas>
          </body>
     </html>

     Si rezultatul:

Resurse
IBM developerWorks
WHATWG



1  

Despre Qube Net Contact Confidentialitate Termeni de utilizare Copyright © Qube Net 2002-2006
AVstore.ro: Televizoare LCD Televizoare PLASMA Televizoare LED Boxe Laptopuri Monitoare LCD
AVstore.EU: International Electronics Store
QManager.ro WebApps Suite: Software ERP Web Based - Gestiune, Facturare, Contabilitate Primara, Raportare
Net Style: Web design, E-Commerce, SEO