Internet, Web Design
Frame - šta je ovo? Struktura i stvaranje okvira
Frame - područje lokaliteta (prozora), u kojem vidimo drugu web stranicu. Webmasteri koriste ovu priliku da pokaže početnu stranicu svojim prijateljima ili saradnicima. Ista metoda se koristi za prikaz u Windows Search box i broj njen rezultat, i tako dalje. D.
Ali najviše okvire koristi u stvaranju velikih web portala, gdje znatan broj menije i podmenije. Kao što obično kažu: "stranice u okvire." Stvoriti takvu resurs zahtijeva dobro poznavanje HTML jezika.
Stvoriti okvire u Website Builder
U nekim Website Builder pruža automatsko generiranje takvog koda. Tipično, dodavanje ključnih okvira je u glavnom meniju programa. Prvo, morate postavite kursor na pravom mjestu na stranici, a zatim kliknite na dugme za otvaranje prozora (kao što je prikazano na snimku). Moguće je navesti adresu stranice koja će se otvoriti u kadru i prilagoditi dimenzije: širina i visina.
Ali najviše okvire koristi u stvaranju velikih web portala, gdje znatan broj menije i podmenije. Kao što obično kažu: "stranice u okvire." Stvoriti takvu resurs zahtijeva dobro poznavanje HTML jezika.
Sa ovim "usluga" je moguće stvoriti više okvira na stranici, samo međusobno povezanih elemenata tako da ne dobiti.
Okviri u CMS
Mnogi programi za izradu web stranica mogućnost ugradnje modula. Na primjer, za Joomla okvir - ovaj modul "omotač (Plašt)".
To se može naći i podesiti u kontrolnoj ploči CMS Joomla: "Extensions" - "Modul Manager" - "Novi" (okrugli narančasti gumb sa znakom plus unutra). U pop-up prozor, na listi, vidjet ćete modul "omotač".
Ako nije, onda nije uključena u cijenu. Da biste ga koristili, prvo morate ga aktivirati ovdje: karticu "Extensions", na "Extension Manager", a zatim "Upravljanje" tab. I gledajući liste koja se pojavi, možete brzo tražiti u "Filter" za ulazak u riječ: Wrapper. Suprotno ovaj modul treba unutra biti zelena ikona oznaku. A crveni krug s točkom u znači da je plugin je onemogućen.
Nakon ovog postupka, možete se vratiti na "Module Manager", stvoriti okvir i postaviti parametre.
Kao što se može vidjeti na slici, modul vam omogućava podešavanje: naslov okvira, položaj modula, izaberite stranu sajta na kojem se prikazuje. Također možete podesiti širina, visina; dodati okvir i stvarnog link na web stranici. Ako okvir želite da prikažete glavnoj strani sajta pune širine, 100%, default, neće biti dovoljno. Možete sigurno staviti u pravu 400%. A visina od 200 je obično dovoljno za prikaz glavnog izbornika stranice. Ostatak sadržaja će biti vidljivi ako korisnik (posjetitelj) koristite traku.
Ovdje je primjer onoga što okvir u Jumla.
Joomla modul za kreiranje okvira je vrlo povoljno i jednostavan za korištenje. Međutim, njen obim je ograničen, kao i dizajner funkcije.
Povijest i stvarnosti
U praksi stvaranja web stranice u okvirima koji tag (njegova primjena) je odavno ispao u pozadini. Oni su bili u mogućnosti da zameni modula, u postavljanju programa dizajn koji generira kod za web stranice bez saytostroitelya. Međutim, u nekim slučajevima to nije dovoljno. Na primjer, kada je okvir - je integrirani kompleks struktura područja koji će biti prikazan u pretraživaču. Dakle, vidite vlasnici kompleksa strukturiranim stranicama. Na stvaranje samo u ekstremnim slučajevima, jer web stranice freymovskie stvoren isključivo sa specijalizovanim oznaka.
kompleks strukturirane stranicama
Za njih je stvaranje više međusobno povezanih okvira je optimalno rješenje organizirati sadržaja na resurs. To je obično glavni portali, prostire sa jačim svake godine.
Kako postići isti rezultat? Kako stvoriti strukturu okvira?
Kako uđe u kadar u kodu stranice
Okviri se dodaju u HTML koristeći tag:
- okvir (za poseban prozor)
- ram (cijela struktura je stvorena s njim);
- iframe ( "plutajući" okvir);
- noframes (u slučaju okvira ne-displej u korisnikovom pregledniku).
Prvi navedeni citat uvijek stane u par
registracija varijacije
Ceo sajt stranica može se podijeliti na regije. Na primjer, ovako:
lijevo | gornji okvir |
u pravu |
Takva struktura (to se zove ugnežđenih) mogu se dobiti pisanjem tag unutar kolone atribut, što ukazuje na lokaciju horizontalnog okvira, i redova - vertikalno. To treba staviti znak jednakosti i propisane veličine. Na primjer, 60%, 40% - postotak (jedan prozor traje 60% prostora preglednika drugi, odnosno, 40%). Ili 100, 200 - odnos dimenzija u pikselima. Dimenzije jednog okvira, moguće je da ne postavljaju (set po defaultu). Da biste to učinili prije ili poslije decimalne točke trebate navesti znak *.
Unutar ove par ram registruje svaki kadar sa parametrima: src = http: // site / article / 143778 /% 2C citirao referenca u daljnjem tekstu je napravljen na web stranicu i naslov name = (npr okvir 1).
Gnijezde svaki novi prostor je određen novi frameset.
Primjer kod:
Primjetiti u ovom primjeru, za drugi i treći veličine okvira su propisani samo jednom.
Mnogo tave omogućavaju pokretanje okvira. Primjeri na njihovu lokaciju u prozoru preglednika može dovesti beskonačno (na odgovarajući način mijenja kod). Međutim, praktična primjena ove informacije nije pronađena dugo. Okviri, ako danas koristi za stvaranje stranicama, ali samo u obliku modula u slobodnoj CMS ili iframe.
plutajući okvir
Pitam se zašto je i dobio ime, ovdje je riječ više odgovara "ugrađeni". Ovaj okvir je dizajniran za prikaz sadržaja datoteke. Možete uploadati u bazu podataka bilo koji dokument ili datoteku koristeći tagove ayfreyma postavljanje staze za to - i posjetitelji će vidjeti tekstualnu datoteku (video ili sliku). Nažalost, pretraživači ne uvijek odražavaju sadržaj. Ova web graditelji su ušli između otvaranja i zatvaranja izraz: "Vaš browser ne prikazuje sadržaj."
Na primjer, Seopult.ru - poznata usluga od majstora da napreduje. Ne samo svoje glavne web stranice, i I.seopult.pro ogledalo kreiran za portal kupce. ayfreyma kod je osnovana kao:
Na ogledalu možete vidjeti riječ "Instrukcije" sama stranici u obliku dugmeta. Kada kliknete na njega u sredini prozora preglednika otvori prezentaciju.
Sve glavne lokacije za gledanje filmova i TV emisije su stvorene pomoću ayfreymov (npr "Imhonet"), kao i društvenim mrežama. Čak naslovnoj strani "Yandex" sadrži ovaj citat, a ne jedan par.
Kako se prijaviti iframe
Preuzmite na svoju web stranicu u obliku prozora dokument sa scroll bar mogu biti u bilo kojem mjestu. Obično TAGS odložen unutar tijela. Pored standardnih
i , kao što je prikazano u gornjem primjeru se može koristiti i oznaku lista -
U ayfreym dodao atributa:
- širina (širina) i visina (visina =);
- usklađivanje rub align;
- padding, koji ne može propisati: default vrijednost je 6 - to je sasvim dovoljno;
- koristeći allowtransparency polje okvira transparentnosti, možete odrediti da se vidi u pozadini stranu;
- plus poznato scr, ime, pomicanje, granice.
Navigacija pomoću ayfreyma
Najinteresantniji je sposobnost u oblasti kadrova - to je napisati kod koji omogućava da otvorite sadržaj u prozoru na link - šta su tvorci Seopult ogledalo, samo nekoliko referenci (oba dostupna korisniku na istoj strani).
Za ovo snimljeno ayfreym, to dodatno registruje ime po name =. Na primjer, zagolovok. Nadalje, ispred njega u tagova i reference koje propisuje a href = http: // site / article / 143778 /% D1% što ukazuje na obavezne 81 nakon što su meta pripisuju = zagolovok. Prije nego što možete koristiti završne oznake, naznačeno natpis, koji će služiti kao tipka za referencu. Oznake "i" otvaranje i zatvaranje su u p tag.
možete dodijeliti ovih nekoliko linija koda da konačno dobiti online za redom nekoliko dugmadi, linkova, klikom na taj prozor ispod će prikazati različitim sadržajem.
Kod bi izgledao ovako: