Citește cadre lecție

Lecția curentă - ultima.

Explicați ce cadrele sunt și ceea ce fac ei cel mai bine prin exemplu. Pagina pe care îl citiți acum, este format din două cadre: stânga, afișează toate lecțiile, și dreptul la lecțiile reale în sine. Puteți parcurge conținutul cadrului din dreapta, în timp ce stânga rămâne fixă. Acest lucru vă permite în orice moment, du-te ușor pe orice lecție, nu caută link-ul din partea de jos sau de sus a paginii. Pe scurt, utilizarea inteligentă a cadrelor poate simplifica foarte mult navigarea site-ului și de a îmbunătăți designul său.

În primul rând, creați două fișiere - vasja.html și pupkin.html:

Acum vom face un al treilea fișier numit index.html (poate fi numit în mod diferit):

Asta este ceea ce vom lua în considerare mai detaliat. În primul rând, nu există nici un tag-uri și . Ai putea spune rolul lor este realizată de tag-ul . deși acest lucru nu este în întregime adevărat. etichetă (Tradus ca „frameset“) cu atributul cols = „50%, 50%“, spune browser ca pagina să fie împărțită în două ferestre (cadru), fiecare lățime de minimum 50% din lățimea paginii. etichetă definește conținutul și proprietățile fiecărui cadru (rețineți că nu are o etichetă de închidere). În acest caz, având în vedere că conținutul primului cadru este fișier vasja.html, al doilea - fișierul pupkin.html (cadre numărate de la stânga la dreapta și de sus în jos aici - acest exemplu în acțiune (Se deschide într-o fereastră nouă) totul la doar câteva exemple ..:

În cadrul din stânga, avem meniul și dreapta - prima lecție:

Cadrul din dreapta, am atribuit un „conținut“ nume (poate fi orice). Acum creați fișierul menu.html. acesta va fi meniul pentru cadrul din stânga:

În plus față de numele valorii atributului țintă cadru poate fi unul dintre următoarele cuvinte rezervate:

Toate valorile de mai sus trebuie să înceapă cu un caracter de subliniere și să câștige doar cu majuscule.

Utilizarea de cadre pe site-ul dvs., nu putem uita că unele browsere nu suporta frame-uri -. Browsere mai vechi, de vorbire, etc. Mai ales pentru ei există o etichetă NOFRAMES. în care puteți face „nefreymovuyu“ versiune a site-ului, sau chiar doar pentru a enumera link-uri către pagini de pe site-ul tau. exemplu:

Stick următoarea ordine de plasare: primul container , și apoi - (De exemplu, ca în exemplu). În caz contrar, aceasta poate Netscap'a eroare.</p> <p>Există un alt tip de cadru - iframe (cadru inline). Acesta poate fi introdus direct în textul paginii și arată astfel:</p> <p>lt; BGT, Browser-ul dvs. nu suporta frame-uri (ai Netscape?). Trebuie să fie plasat exemplu freyma.lt încorporat; / BGT;</p> <p>tag este utilizat pentru a încorpora un astfel de cadru <iframe>. Prezența unei etichete de închidere este obligatorie. Intre ele, aveți posibilitatea să inserați orice text pentru browserele care nu acceptă cadre. atribute:</p> <p>De exemplu, următorul cod a fost folosit mai sus:</p> <p>Dimensiunile cadrului nu pot fi modificate de către utilizator. Prin urmare, atributul noresize nu este utilizat.</p> <p>Și, în sfârșit, sfaturi. Dacă site-ul dvs. este construit folosind cadre, atunci vizitatorii vor veni de multe ori la tine cu motoarele de căutare și cu atât mai des ei vor cădea pe una din paginile din interior. În mod firesc, ei vor vedea site-ul nu este în forma în care a fost conceput de tine. Pentru a evita acest lucru, introduceți textul în pagina codul de mai jos:</p> <p>Primul script aduce pentru a reporni pagina atunci când a fost încărcat nu este în cadru. Al doilea face același lucru, dar fără avertisment.</p> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/cum-sa-se-pregateasca-copilul-pentru-aparitia-unui.html">Cum să se pregătească copilul pentru apariția unui frate sau soră - o România sănătoasă</a></li> <li><a href="/articles/pivnita-poluzaglublenny.html">pivniță Poluzaglublenny</a></li> <li><a href="/articles/coase-un-halat-si-dantela-chiloti-pentru-mine.html">Coase un halat și dantelă chiloți pentru mine</a></li> <li><a href="/articles/se-acopera-cu-un-bazin-de-cupru-vor-sa-stie-totul.html">Se acoperă cu un bazin de cupru - vor să știe totul!</a></li> <li><a href="/articles/branza-feta-beneficii.html">brânză feta Beneficii</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/lightshot-cum-sa-ia-rapid-o-captura-de-ecran-si.html">Lightshot - cum să ia rapid o captură de ecran și partajați-l</a></li> <li><a href="/articles/cum-sa-invete-o-pisica-sa-mearga-pe-strada-intr-o.html">Cum să învețe o pisica să meargă pe stradă într-o tavă</a></li> <li><a href="/articles/ce-inseamna-sa-se-regrupeze-sensul-cuvintelor.html">Ce înseamnă să se regrupeze - sensul cuvintelor</a></li> <li><a href="/articles/supa-de-legume-cu-reteta-de-fasole.html">Supa de legume cu reteta de fasole</a></li> <li><a href="/articles/de-ce-vis-de-un-toc.html">De ce vis de un toc</a></li> <li><a href="/articles/sindromul-astenica-astenie-psyline-psiholog.html">sindromul astenică, astenie, psyline - psiholog, psihoterapeut on-line</a></li> </ul> <br> <a href="/privacy.html">Politica de confidențialitate</a> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2024</p> <br> <ul> <li><a href="/articles/instalarea-placilor-desfaceti-pe-toci-priori.html">Instalarea plăcilor desfaceți pe toci Priori, vopsit tamburi de frână</a></li> <li><a href="/articles/pompe-de-apa-pentru-gradina-si-instalare-acasa.html">Pompe de apa pentru gradina si instalare acasă, reparații, și unitatea de circuit de casă</a></li> <li><a href="/articles/magice-oglinzi-electrice.html">Magice oglinzi electrice</a></li> <li><a href="/articles/intoarcere-de-pisici-si-caini.html">Întoarcere de pisici și câini</a></li> <li><a href="/articles/call-of-duty-al-doilea-razboi-mondial.html">Call of duty® al doilea război mondial</a></li> <li><a href="/articles/uzbekistan-nunta-alla-rastvortseva-2.html">Uzbekistan nunta (Alla Rastvortseva 2)</a></li> <li><a href="/articles/biografia-lui-jason-statham.html">Biografia lui Jason Statham</a></li> </ul> </div> </footer></div> </body> </html>