PLATFORM HTML5 CARACTERISTICI
Universitatea Penza de Stat
Rezumat. Articolul descrie tehnologii moderne pentru crearea site-urilor WEB. Sunt luate în considerare avantajele platformei moderne HTML5. Programe listate pentru crearea unui cursor. Un cursor este adesea folosit pe site-urile comerciale și vă permite să plasați o cantitate mare de informații pe o mică parte a ecranului.
Modern WEB-site-uri sunt din ce în ce în ce mai complexe și din ce în ce supraîncărcate logica. Anterior, performanța acestor aplicații sunt detectate, în principal, viteza de operare a unui SQL server și dacă există o punere în aplicare efectivă suficientă a accesului șoferului la SQL-server pentru limbajul de programare selectată pentru ea. Acest lucru se datorează faptului că prima generație de web-site-uri doar pentru a citi și a scrie informații în baza de date. Au fost relativ puțini utilizatori. Astfel, timpul pentru testarea interogării SQL a fost de 70-90% din timpul total de procesare al solicitării HTTP.
Odată cu creșterea cerințelor de scalabilitate (creșterea numărului de utilizatori) și creșterea logicii aplicației, cerințele pentru limbajul de programare și mediul de rulare sunt în mod semnificativ sporite. În acest sens, trebuie adăugat faptul că relativ recent site-urile WEB s-au mutat din lumea internetului în lumea aplicațiilor corporative. Acest lucru a crescut din nou cerințele de performanță pentru mediul de execuție.
HTML5 are caracteristici sintactice. element
Semantica în HTML5 oferă o idee despre structura documentului și permite oamenilor și programelor să gestioneze mai bine datele. HTML5 adaugă o mulțime de etichete semantice. HTML5 introduce o serie de elemente noi, cum ar fi
Formularele web în HTML 5 vă permit să efectuați validarea într-un mod convenabil. Acum, dezvoltatorii folosesc scripturi pentru validarea formularului. În curând puteți uita despre folosirea de script-uri în WEB-formulare. Există, de asemenea, posibilitatea de a stiliza câmpul necesar.
HTML5 AppCache vă permite să lucrați cu site-ul chiar dacă nu aveți o conexiune la Internet.
Pe paginile WEB puteți desena folosind API Canvas. Canvasul este foarte ușor de stăpânit, este foarte rapid. Utilizarea etichetei
CSS3 în integrarea cu HTML5 vă permite să controlați aspectul oricărui element din pagină, să creați efecte fără a afecta structura semantică, performanța și fără scripturi suplimentare.
În CSS3, elemente noi, cum ar fi Borger-rază, concepute pentru care ar face muchii rotunjite, fără utilizarea de imagini.
Site-ul trebuie să fie adaptat pentru diferite rezoluții ale ecranului. Problema este că există o mulțime de ele, ele sunt diferite și apar în mod constant noi.
Folosind CSS3 Media Queries, puteți rezolva această problemă.
CSS3 Media Queries vă permite să adaptați mai exact conținutul la dimensiunea ecranului, orientarea dispozitivului, profunzimea culorii.
Media Interogări ceea ce înseamnă că poate determina modul în care pentru a posta conținut, ce conținut pentru a arăta și ce nu. De exemplu, în cazul în care un ecran mic, aveți nevoie pentru a rearanja toate elementele, astfel încât acestea se potrivesc în micul ecran, în cazul în mare, acesta poate fi mai optim ocupă spațiul disponibil.
Sintaxa interogărilor media este simplă, rezoluția, lățimea sau înălțimea ecranului este determinată utilizând regula @media. Și mai mult, în funcție de lățime, puteți schimba proprietățile elementelor și chiar marcajele.
Utilizând elementul de transparență, puteți schimba transparența elementelor.
Cererea din ce în ce mai mare pentru glisiere diferite (figura 1). Acestea pot fi folosite pentru a crea un portofoliu, parteneri de prezentare - și pentru multe altele. Desigur, utilizarea acestora, în special pe pagina principală - sau mai degrabă pe pagina de conectare - de multe ori justificate ca fiind foarte atras atenția vizitatorilor.
Principiul dezvoltării este similar cu dezvoltarea unui modul de meniu.
Fișierul mod_slider. php, fișierul de control al modulului conține reprezentarea informației.
Fișierul controlerului nu va fi, deoarece este necesar să gestionați totul ca un întreg. Și nu există nimic pentru a gestiona modulele și nu există nimic de procesat.
Ajutorul pentru fișier nu va fi nici pentru că combinarea unui fișier nu are sens.
În fișierul implicit. php (figura 2) este responsabil pentru cartografiere.
În începutul ciclului, cu linia 9, lățimea tuturor imaginilor este calculată și numărul lor este calculat.
Apoi, toate imaginile sunt plasate în listă și afișate de modulul de pe site.
Pentru a muta imaginile, folosim scriptul Java.
În 4-6 linii aceste scripturi sunt conectate. Primul script conectează cadrul Mootools.
Al doilea script conectează un fișier în care vor fi descrise clasele proprii ale acestui efect.
Prezentare generală a fișierului barei de derulare. js este prezentat în Fig.
Cel de-al treilea script conectează direct efectul. A fost posibilă combinarea ultimelor două fișiere, dar pentru comoditatea de a gestiona efectele, este mai bine să le împărțiți în două fișiere.
Prezentare generală a fișierului scrollbarf. js este prezentat în Fig.
După cum se poate vedea din imaginea cursorului, imaginile din acesta sunt negru și alb, iar când sunt inversate, ele devin colorate. Acestea nu sunt două imagini diferite, ci efectul care este suprapus pe imagine.
Acest efect este realizat folosind scriptul java și canvas (element de specificație HTML5).
O prezentare generală a fișierului cu efect alb-negru este prezentată în Fig.
Pornind de la linia a 20-a, se aplică un efect de gri pe panza.
Astfel, putem trage următoarea concluzie: utilizarea tehnologiilor moderne HTML5 vă permite să faceți site-ul convenabil, simplu și prezentabil. Acest site va arăta la fel de bine pe orice monitor și în orice browser.