documentaţia calculatorului

De ce tabelul

De fapt, de ce avem nevoie de un tabel? S-ar părea că au un scop destul de îngust: să prezinte volume mari de informații numerice și textuale într-un spațiu limitat. De ce altceva s-ar construi pe baza întregii lor pagini web? Ce face acest lucru ne da?

Când am vorbit despre desenele (vezi cap. 4) și cadre (vezi cap. 7), ați menționat „curgerea“ a textului. Hai să vorbim mai mult despre asta.

Uită-te la această pagină. Frunze prin cartea de la început până la sfârșit, și vice-versa. Ce vezi? text continuu, „curge“ prin paginile și vorbesc despre modul de lucru cu Macromedia Dreamweaver. Paragrafe de text, figuri și tabele sunt situate în seria „flux“, unul după altul. Ele nu pot „scăpa“ de la acest „flux“. Nu poate fi plasat pe unul și același loc și în același timp și de tragere de masă - elemente de pagină pot fi plasate numai în ordine, una după alta.

„Feed“ textul este bun pentru lucrări și orientări artistice descriu în mod constant toate acțiunile necesare pentru a obține rezultatul. În acest caz, textul este citit de la început până la sfârșit, fără brusc „salturi“ înainte și înapoi. „Feed“ textul este foarte rău pentru articole tehnice care necesită numeroase explicații, adăugiri și ilustrații; În acest caz, trebuie să aveți în fața ochilor mei și prima și a doua, și a treia și a patra. De asemenea, „fluxul“ a textului nu este absolut potrivit pentru ziare: cititorul nu vrea să răsfoiască hârtia înainte și înapoi pentru a găsi articolul din dreapta, și vrea să vadă toate știrile importante pe prima pagină.

De aceea, designerii sunt în mod constant caută modalități de a „scăpa“ din cadrul rigid al „flux“ a textului. Privind cu diferite grade de succes.

Designeri, imprimante bine: acestea sunt absolut liberi să facă. programe de editare desktop le permite aproape totul: de a plasa pe paginile de blocuri de text, poziționați-le. unul față de altul, pentru a crea un „flux“ a textului, în cazul în care este cu adevărat necesar, chiar a crea mai multe „fluxuri“ ale textului, în paralel „curent“ și să ocupe cât mai multe pagini. În general, imprimante, spun ei, bine stabilit. Și produsele muncii lor încântă ochiul.

Dacă deschideți oricare dintre revistele de astăzi, veți vedea așa-numita cravată - bucăți mici de text sunt plasate în principal „fluxul“ al textului, dar nu și atașat la acesta. De obicei, cadrele sunt realizate diferit de textul principal, cititorul a văzut imediat că există. De asemenea, imprimantele au însușit lung diverse note de subsol, note, și așa mai departe. N. De asemenea, scos din „curgerea“ a textului. Da, și „fluxuri“ ale acestora în alte medii, imprimate pot fi de mare set.

Se pare că nu există nici o cale de a iesi din „curgerea“ a textului? Acolo.

Cadrele sunt prea independente una de cealaltă. Și notă, cravată, notele de subsol și alte „bunătăți“ tipografice în cadre să nu se pot crea. Avem nevoie de ceva diferit, „dezlegați“ le din „fluxul“ al textului, dar nu complet. Cerințele sunt extrem de controversate, dar nimic nu se poate face - acestea sunt.

Și apoi vin în ajutorul mesei.

Uitați-vă la Fig. 8.1. Ce spui?

Fig. 8.1. Creați note în text utilizând tabele

Dupa cum se poate vedea din tabel, putem împărți textul în mai multe fragmente și a pus de lângă notele corespunzătoare. Putem face linia dintre fragmente invizibile, astfel încât vizitatorii site-ului nostru și nu vor observa că formatarea textului utilizat în tabel. (Utilizatorii experimentați Internet familiarizați cu HTML, desigur, ghici, ei bine, Dumnezeu să-l binecuvânteze.) De asemenea, putem face linia invizibilă între text și o notă pentru a alinia textul notei la dreapta, selectați-l cu caractere italice și de a face altceva pentru ao separa în mod logic din textul principal. Dar acestea sunt detalii. Cel mai important lucru este ceea ce avem ne-am dorit.

Deci, există o cale de ieșire!

Aici este un alt exemplu. Să presupunem că facem un magazin online. Avem nevoie pentru a pune numele paginii, descrierea, prețul și fotografia produsului. Pe mese este mai ușor decât oricând - vezi Fig .. 8.2.

Fig. 8.2. Descrierea produsului în magazin on-line, a făcut cu ajutorul tabelului

A se vedea cât de compact și elegant, ne-am luat! Cu ajutorul unui tabel special formatat am pus câteva fragmente de text și o reprezentare grafică a modului in care dorim. Și dacă nu ne place ceva, putem modifica ușor masa și a obține un rezultat complet diferit.

Web-designeri au însușit mult timp masa. Și, ca de mult timp a fost în aer, este simplu, la fel ca toate idee genială. Și dacă ai pus tot textul pe pagina de Web în masă mare, complex formatată, „întindere“, ea tuturor ferestrei bazate pe web? Pentru că atunci vom obține posibilități aproape nelimitate, aproape la fel ca cea a colegilor noștri-imprimante. Putem crea și note, note de subsol, și cravată, și mai multe „fluxuri“ ale textului, care vor fi începute și întrerupte, în cazul în care avem nevoie. Da, va revoluționa web-design!

Așa că am ajuns acum la tabelul de proiectare, t. E. O metodă de construire pagini web folosind tabele.

Principiul de bază al designului de masă a fost deja dat. Tot textul și toate elementele grafice sunt plasate în celulele de masă care să le permită să facă nimic. De obicei, astfel de tabele (le numesc tabele de markup) sunt granițe invizibile și linii sunt create folosind celule foarte subțiri, cu o umplutură de fond. tabel de aspect este foarte complex, folosind diferite de formatare și contopire de celule multiple, și aproape întotdeauna - tabele imbricate.

Creați tabele complexe de aspect manual - acrobatii Web-Design. Nu toată lumea chiar și cu experiență la web-designeri vor lua pentru a face pagini complexe, pe baza tabelelor. Și toate acestea din cauza complexității incredibile a rezultat codul HTML. Prin urmare, este de multe ori în codul de pagini web, care sunt bazate pe tabele, există greșeli, motiv pentru care acestea nu pot afișa întotdeauna web-browser. De fapt, în toate aceste celule si complexe de formatare fuzionat multiple pot fi apoi ușor de confundat.

În același timp, oricine poate imbunatati in mod dramatic aspectul paginilor dvs., utilizând o placă relativ simplu. Să ilustrăm acest lucru printr-un exemplu.

Deschideți pagina default.htm doua site-ul nostru, construit pe baza cadrului. Să ne uităm la ea. Și remake-ul folosind tabele. Desigur, nu o vom face imediat în Dreamweaver, și totuși trage pe hârtie. Avem ceva similar cu Fig. 8.3. Acest lucru, de altfel, schema clasică a desenului sau modelului de masă.

Fig. 8.3. tabelul de design clasic

După cum puteți vedea, este un tabel simplu cu două celule îmbinate. Dreamweaver va crea pentru tine într-o clipită. Și ce a fost rezultatul!

Dar Dreamweaver are mult mai mult. El poate construi pentru tine masa de arbitrar complexe și, în același timp, nu face o greșeală. Lord web-designeri, încurcate în propriul HTML-cod, ai auzit?

Între timp, uita-te la schema de proiectare cel mai frecvent utilizate din tabelul care apare pe web.