Citiți cartea html, xhtml și css pe o cvintură de citire online de 100% - pagina 8

În Fig. Figura 5.2 arată modul în care pagina descrisă în listare 5.2 va fi afișată în fereastra Internet Explorer. Pagina este împărțită în patru zone prin linii negre, pentru care este responsabil de atributul bordercolor = "# 000000".

Fig. 5.2. Exemplu de gestionare a limitelor cadrelor

Merită menționat că nu puteți schimba marginea unuia dintre cadre. Dacă specificați atributele care controlează marginea cadrelor în elementul FRAME (de exemplu, ), browserul nu ignoră acest mesaj, iar limitele fiecărui cadru se vor schimba imprevizibil (Figura 5.3).

Fig. 5.3. Încercați să modificați limitele unui cadru separat

5.3. Scroll bare

• da - întotdeauna determină apariția barelor de defilare, indiferent de cantitatea de informații;

• nu - dezactivează aspectul barelor de defilare;

• automat - barele de defilare sunt afișate dacă este necesar (implicit).

Luați în considerare un exemplu al unei pagini în care este utilizată construcția descrisă mai sus (Figura 5.4).

Fig. 5.4. Exemplu de control al barelor de defilare

5.4. Legături în rame

În majoritatea cazurilor, când faceți clic pe un link dintr-o fereastră de browser, documentul curent este înlocuit cu cel nou. Când se utilizează cadre, schema de încărcare a documentelor diferă de cea standard. Principala diferență este capacitatea de a încărca un document în cadrul selectat de la altul. Pentru aceasta, se utilizează atributul țintă al elementului A. Valoarea este numele cadrului căruia va fi încărcat documentul specificat de atributul name.

În lista 5.3 se prezintă un exemplu de document HTML în care sunt numite câteva cadre.

Listing 5.3. Codul paginii de pornire

Această pagină are doar 4 cadre.

În Fig. Figura 5.5 arată un document HTML (listare 5.3), al cărui al patrulea cadru încarcă o pagină care conține o legătură către un alt document: O altă pagină.

Fig. 5.5. Cadrul al patrulea conține o legătură către un alt document

Dacă utilizatorul face clic pe acest link, noul document va fi încărcat în cel de-al doilea cadru, așa cum este indicat de atributul target = "frame2" (a se vedea Figura 5.6).

Fig. 5.6. În al doilea cadru, a fost încărcat un nou document

De asemenea, merită remarcat faptul că numele cadrului ar trebui să înceapă cu o cifră sau o literă latină. Următoarele nume sunt utilizate ca rezervate:

• target = "_ blank" - documentul va fi încărcat într-o fereastră nouă;

• target = "_ self" - documentul va fi încărcat în cadrul curent;

• target = "_ parent" - dacă documentul cu hyperlink este într-un set imbricat de cadre, documentul este încărcat în fereastra părinte sau un set de cadre;

• target = "_ top" - anulează toate cadrele și încarcă documentul într-o fereastră completă a browserului.

Folosind cadre, nu uitați de particularitățile hyperlink-urilor. Dacă atributul țintă nu este specificat, atunci documentul țintă este încărcat implicit în același cadru. Dacă este specificat un nume de cadru inexistent, se deschide o nouă fereastră de browser, obținând numele specificat. Pentru legături externe, trebuie să specificați valorile atributului țintă, fie _top, fie _blank, astfel încât alte site-uri să nu fie afișate în cadrele dvs., dar să ocupe fereastra completă.

Nu abuzați de numele "_blank", deoarece de multe ori utilizatorii nu văd că a fost deschisă o nouă fereastră. Ferestrele neînchise se îngrămădesc și utilizatorul se poate confunda în ele.

5.5. Redimensionarea cadrelor

Implicit, puteți modifica dimensiunea cadrelor utilizând indicatorul mouse-ului. Trebuie doar să îndreptați marginea dintre cadre și, ținând butonul stâng al mouse-ului, să mutați marginea spre stânga sau spre dreapta, în sus sau în jos (Figura 5.7).

Fig. 5.7. Redimensionarea cadrului cu indicatorul mouse-ului

Pentru a bloca posibilitatea ca utilizatorul să schimbe dimensiunile cadrelor, utilizați atributul noresize al elementului FRAME.

Atributul noresize nu necesită nici o valoare. Pentru o pagină cu două cadre, acest parametru poate fi specificat numai într-un singur loc. Firește, dacă nu puteți schimba dimensiunea unui cadru, atunci dimensiunea care este adiacentă acestuia nu se va schimba nici.

5.6. Cadre plutitoare

Browserele de ultima versiune vă permit să utilizați cadre plutitoare care sunt adăugate utilizând elementul IFRAME. Un cadru flotant este în interiorul obișnuit

un document care nu conține etichete . , și vă permite să adăugați la pagină orice alte documente independente. În elementul FRAME, puteți specifica aceleași atribute ca și în elementele care descriu cadre normale. În plus, puteți utiliza următoarele atribute: lățime, înălțime, hspace, vspace, aliniere, ale căror valori corespund valorilor atributelor corespunzătoare ale elementului IMG.

.

5.7. Gestionarea spațiului din interiorul cadrului

Implicit, browserul afișează cadre cu o bandă de spațiu curat (câmpuri) între conținut și limita de cadru de 10 pixeli. Puteți controla acest spațiu cadru utilizând atributele marjei de margine și marginwidth. Atributul widthwidth specifică înălțimea spațiului liber la stânga și la dreapta conținutului cadrului, iar marginea de margine este partea superioară și respectiv inferioară. Prin setarea valorilor câmpului, trebuie să utilizați ambele atribute, deoarece browserul poate reduce automat dimensiunile acelor câmpuri pe care nu le-ați specificat la cea mai mică valoare. Valorile acestor atribute trebuie întotdeauna să fie specificate în valori absolute (pixeli), iar valoarea minimă este egală cu un pixel.

Luați în considerare un exemplu de document HTML care conține numai două cadre (listare 5.4). Vom schimba câmpurile primului cadru și vom lăsa câmpurile celui de-al doilea în mod implicit. Pentru a face diferența vizibilă cu ochiul liber, încărcăm imagini în fiecare cadru.

Listing 5.4. Schimbarea câmpurilor de cadre

Această pagină conține 2 cadre

Pagina HTML descrisă mai sus este prezentată în Fig. 5.9. Conform codului paginii, câmpurile primului cadru sunt semnificativ diferite de câmpurile celui de-al doilea, pe care l-am lăsat în mod implicit.

Fig. 5.9. Exemplu de control cadru

De remarcat, de asemenea, că valorile câmpului trebuie specificate separat pentru fiecare cadru. Dacă utilizați frameset marginheight = 45 marginwidth = 1>, atunci browserul ignoră pur și simplu valorile atributelor și nu le determină pentru toate cadrele.

5.8. Avantajele și dezavantajele cadrelor

Întrucât există numeroase conversații în jurul cadrelor despre nevoile lor, vom examina avantajele și dezavantajele acestora, astfel încât să puteți decide pentru dvs. dacă merită să le utilizați pe site-ul dvs.

Avantajele cadrelor sunt după cum urmează.

• Simplitate - cu ajutorul cadrelor, o pagină HTML este delimitată în două zone care conțin navigarea pe site și conținutul său. Mecanismul de cadru vă permite să deschideți un document într-un cadru dintr-o legătură care este apăsată într-un cadru complet diferit. Această separare a paginii HTML în componente este intuitiv de înțeles și condiționată logic.

• Rapidă - pentru aspect fără cadre, este caracteristică plasării pe o pagină și navigare și conținut. Acest lucru crește volumul fiecărei pagini, iar suma poate afecta semnificativ cantitatea de informații descărcate de pe site. Deoarece cadrele utilizează separarea informațiilor în părți, paginile cu ele se vor încărca mai repede.

• Cadrele de plasare oferă o oportunitate unică - plasarea informațiilor exact în locul potrivit în fereastra browserului. Deci, puteți pune un cadru în partea de jos a browserului și, indiferent de conținutul derulant, această zonă nu își va schimba poziția.

• Redimensionarea regiunilor - puteți schimba dimensiunea cadrelor "în zbor", ceea ce nu vă permite să realizați un aspect HTML tradițional.

Dezavantajele cadrelor sunt după cum urmează.

• Indexarea slabă a motoarelor de căutare - motoarele de căutare nu funcționează bine cu o structură de cadre, deoarece nu există linkuri către alte documente din paginile care conțin conținut. Dacă doriți să primiți vizitatori de la motoarele de căutare, uitați de cadre.

• Incompatibilitatea cu diferite browsere - parametrii cadrelor au proprietatea de a fi complet diferit afișate în diferite browsere. Iar contradicția dintre ele este atât de evidentă încât aceiași parametri sunt interpretați de browsere în felul lor.

În acest capitol, ați aflat despre cadre care sunt unele dintre obiectele HTML de bază. Ați învățat cum să le creați și să gestionați elementele lor individuale. În plus, ați învățat în ce scopuri să utilizați eficient cadrele și ce au avantaje și dezavantaje în utilizarea lor.

Cu toate acestea, într-un mediu webmaster, utilizarea cadrelor este în mod tradițional considerată o formă proastă. Există multe motive bune pentru acest lucru, așa cum am menționat mai sus. Deși în unele cazuri utilizarea cadrelor oferă astfel de avantaje încât este pur și simplu nerezonabil să le refuzați. Cadrele au dezavantaje, împreună cu defectele, care nu permit eliminarea acestei tehnologii ca fiind fără speranță. Utilizați sau nu folosiți cadre pe site - depinde de dvs.

Capitolul 6
Formularul de proiectare

6.1. FORM element

6.2. Crearea câmpurilor de formular

Care este principalul lucru pe Internet? Interactivitatea lui. Puteți comunica cu vizitatorii site-ului și primiți feedback de la aceștia despre lucrare - această interacțiune este întotdeauna folositoare și interesantă. Creatorii site-ului știu cum este interesant pentru vizitatori, și se poate schimba în bine, iar vizitatorii au posibilitatea de a participa la viața a site-ului, pentru a comunica între ele și cu creatorii săi.

Principalul lucru la crearea formularelor este să vă asigurați că domeniile propuse sunt convenabile pentru vizitatori și sunt acceptabile pentru a răspunde la întrebările dvs.

Din punct de vedere tehnic, formularele transferă date de la un utilizator la un server la distanță. Acest lucru vă permite să creați sisteme de înregistrare a utilizatorilor, forumuri, cărți de oaspeți. Pentru a obține și procesa aceste formulare, folosim limbi de programare web (PHP, Perl), dar nu le atingem în această carte. Cu toate că va trebui să ia în considerare aspecte legate de programarea, ne vom concentra pe caracteristicile și capacitățile formelor care sunt utile pentru proiectantul pentru a le aranja inteligent și convenabil pe pagina.

Fragmentul prezentat al lucrării este pus în acord cu distribuitorul conținutului juridic al LLC litri (nu mai mult de 20% din textul sursă). Dacă credeți că plasarea materialului încalcă drepturile cuiva, atunci spuneți-ne.

Citiți cărți? Câștigați pe ea!

Scrie managerului de grup - Serghei Makarov - să scrie

Articole similare