Introweb - Introducere în web-dezvoltare

Exemplul 1. HTML-tabel

ieșire de date tabulare pot fi realizate cu proprietăți speciale stylesheets în cascadă tabelare.

1-1 1-2 Cell Cell 1-3 1-4

2-1 2-2 Cell Cell 2-3 2-4

avantaj CSS-tabele este posibilitatea de a separa structura de date cu datele și reglează fin parametrii elementelor, dar acestea sunt afișate la fel de lent ca HTML-tabel.

Pentru a mări viteza de afișare a datelor, puteți utiliza straturi pentru a crea DIV-tabel.

DIV-tabel mult mai complicat pentru a configura în comparație cu HTML- și CSS-tabele, dar un număr mic de înregistrări sunt afișate mult mai rapid decât ultimul, deoarece straturile sunt afișate dintr-o dată, în loc după formarea întregii structuri, așa cum este cazul cu HTML- și CSS -Table.

Odată cu creșterea numărului de intrări DIV-tabel începe să „plutească“ pe motiv că browser-ul nu are timp pentru a afișa simultan un număr mare de straturi și începe să încetinească.

După un experiment scurt, este clar că metodele de mai sus nu pot crește în mod fundamental viteza de afișare cantități mari de date sub formă de tabel. Apoi am decis să compare viteza de ieșire a corpului solid de informații în diferite moduri, pentru a înțelege, și chiar dacă există un obiect care este capabil de a afișa rapid informațiile de masă?

elemente de formular se suprapun vizual HTML-elemente, astfel încât liniile de listă separatorul vertical este utilizat, de asemenea, forma elementului SELECT configurat într-un anumit mod de a obține o linie subțire. Vizual, tabelul din lista sa dovedit, și modul de afișare a informațiilor în ea? Pentru aceasta este necesar pentru a selecta un font monospace (Lucida Console) și prin completarea simbolului pentru a produce alinierea rânduri de numărul de caractere introduse în celulă:

Yache. 1 +++ +++ Yacheyka2 Yacheyka3
sel_1 +++++ GOOD2 +++++ Yache3
SEL_1: ++ 1 ++ yaCheYkA21 n3

în cazul în care „+“ - simbol care umple în exemplul lumea reală se înlocuiește cu un caracter spațiu.

Din cauza Monospațiat devine un șir de aceeași lungime, și folosind caracterul de umplutură împarte șirul în bucăți care sunt afișate în celulele de masă. Aceasta este, în lista SELECT de siruri de caractere de ieșire separate prin spații care arata vizual ca un tabel.

Exemplul 4. SELECT tabel (lista de masă)

Cod Nume Descriere Pret

umplere de date de mare viteză
de date de mare viteză (se deplasează prin intermediul înregistrărilor, de căutare, etc.)
interactivitate
O reducere semnificativă a volumului de date transmise de la server, deoarece numai datele sunt transferate fără etichete de formatare
Abilitatea de a lucra cu date în timp real
Simplitatea experienței utilizatorului la masa
Aranjamentul compact pe pagina
Simplitatea designului vizual al mesei
Abilitatea de a pune în aplicare în mod eficient un mecanism de preîncărcare și a datelor de încărcare continuă

Configurarea complexă și nevoia de programare în procesul de creare a unui tabel
Inabilitatea de a afișa date grafice în celule
Nu există nici o posibilitate de frumoase date de proiectare în celulele
Dificultățile cu punerea în aplicare a mecanismului de schimbare a interactiv dimensiunea mesei și celulele

AJAX-tehnologie nu este fundamental nouă idee ca date de încărcare fără reîncărcare HTML-pagini pot fi cu ușurință realizată folosind iFrame. Unul dintre avantajele AJAX constă în faptul că această tehnologie atunci când se utilizează canalul de comunicare relativ rapidă permite de lucru foarte eficient și cu ordinare HTML-tabele, să nu mai vorbim de lucru cu SELECT-mese!

Nu puteți aspira întregul tabel, și folosind DHTML pentru a încorpora datele în celulele sale. Dacă doriți să obțineți de optimizare și mai mare, este posibil atunci când derulați tabelul de la o singură înregistrare pentru a comuta toate rândurile din matrice de către o poziție în sus sau în jos, și de la server numai pentru a solicita un nou record, ceea ce va reduce foarte mult cantitatea de date transferate. Alternativ, aveți posibilitatea să pre-încărca toate înregistrările dintr-o bază de date pe un server într-o matrice locală, care accelerează și mai mult activitatea.

Datorită AJAX tradiționale de web-site poate fi transformat într-un web-app că ceva va arata ca o aplicație tradițională bazată pe Windows. Și este necesar? WEB-comunitate este în mod constant eforturi pentru a veni cu ceva dvs. speciale, dar aici se dovedește o revenire la ferestrele gri plictisitoare și monotone. Este aceasta, ne-am dorit să exclame designeri! În cazul în care programarea tradițională oferă un mod eficient și ușor de înțeles pentru mai multe mecanisme de magazine on-line, atunci de ce trebuie să le dea în numele stilului și să continue să bată capul de perete?

In mod paradoxal, este dezvoltatorii de Web-tehnologii și browsere împiedică dezvoltarea unui număr de domenii de WEB. HTML 5, XML, CSS 3, Flash, realitatea virtuală și mai mult. etc -. totul e în regulă, dar mai întâi ne, web-dezvoltatori și utilizatori, obiecte normale de masă, care ne așteptăm este deja ani „unsprezece“ și cu un sentiment de implinire dezvolta cel putin 5 WEB de măsurare lasa!