Internet, Web dizajn

Frame - što je to? Struktura i stvaranje okvira

Frame - područje na mjestu (prozor), u kojem vidimo drugu web stranicu. Webmasteri koristimo ovu priliku da pokaže početnu stranicu svojim prijateljima ili suradnicima. Ista metoda se koristi za prikaz u okviru prozora za pretraživanje i broj njezina posljedica, i tako dalje. D.

Ali uglavnom okviri se koriste u stvaranju velikih web portala, gdje je znatan broj izbornika i podizbornika. Takav obično kažu: „mjesto u okvirima”. Za stvaranje takvog resursa zahtijeva dobro poznavanje HTML-jezik.

Stvaranje okvira u web graditelj

U nekim Website Builder omogućuje automatsko generiranje takvog koda. Tipično, dodavanje ključnih okvira je u glavnom izborniku programa. Prvo, morate postaviti kursor na pravom mjestu na stranici, a zatim kliknite gumb za otvaranje prozora (kao što je prikazano na slici). Moguće je navesti adresu stranice koja će se otvoriti u okvir, i prilagoditi dimenzije: širina i visina.

Ali uglavnom okviri se koriste u stvaranju velikih web portala, gdje je znatan broj izbornika i podizbornika. Takav obično kažu: „mjesto u okvirima”. Za stvaranje takvog resursa zahtijeva dobro poznavanje HTML-jezik.

Uz ovu „uslugu” je moguće stvoriti više okvira na stranici, samo Inter vezanih elemenata, tako da ne dobiti.

Okviri u CMS-u

Mnogi programi za stvaranje web stranica mogućnost ugradnje modula. Na primjer, za Joomla okvir - ovaj modul „omotača (omot)”.

Ona se može naći i postaviti na upravljačkoj ploči CMS Joomla: „proširenja” - „Modul Manager” - „Nova” (okrugli gumb naranče sa znakom plus iznutra). U pop-up prozor, na popisu, vidjet ćete modul „omot”.

Ako to nije slučaj, onda to nije uključen. Da biste ga koristili, prvo trebate aktivirati ovdje: karticu „proširenja”, na „Extension Manager”, zatim „Upravljanje” karticu. I gleda na popisu koji se pojavi, možete brzo tražiti u „Filter” unijeti riječ: omot. Nasuprot ovaj modul treba biti zelena kvačicu unutra. Crveni krug s točkom u znači da je dodatak je onemogućen.

Nakon ovog postupka, možete se vratiti na „Module Manager”, stvoriti okvir i postavite parametre.

Kao što se može vidjeti na slici, modul omogućuje podešavanje: naslov okvira, položaj modula, odaberite stranicu na mjestu na kojem se prikazuje. Također možete podesiti širinu, visinu; dodavanje okvira i stvarnu vezu na web-stranici. Ako je okvir želite prikazati glavnu stranicu web-mjesta pune širine, 100%, zadani, neće biti dovoljno. Možete sigurno staviti pravu 400%. Visini od 200 je obično dovoljno da bi se prikazao glavni izbornik stranice. Ostatak sadržaja će biti vidljiv ako korisnik (posjetitelj) koristiti klizač.

Ovdje je primjer onoga što okvira u Jumla.

Joomla modul za stvaranje okvira je vrlo zgodan i jednostavan za korištenje. Međutim, njegov opseg je ograničen, kao i dizajnerske značajke.

Povijest i stvarnost

U praksi stvaranja web stranice okvira koji (his prijavu) je odavno potisnuta u drugi plan. Oni su mogli zamijeniti modula, u postavljanju programa dizajn koji generira kod za web stranicu bez saytostroitelya. Međutim, u nekim slučajevima to nije dovoljno. Na primjer, kada se okvir - je integrirani kompleks struktura područja koji će biti prikazani u pregledniku. Pa vidi vlasnicima složenih strukturiranih web stranice. Na njegovo stvaranje samo u ekstremnim slučajevima, jer freymovskie web stranice stvoren isključivo sa specijaliziranim oznaka.

složeni strukturirane stranice

Za njih je stvaranje nekoliko međusobno povezanih okvira je optimalno rješenje organizirati sadržaj na izvor. To je obično glavni portali, izvaljen uz jači svake godine.

Kako postići isti rezultat? Kako stvoriti strukturu okvira?

Kako ući u kadar u kodu stranice

Okviri se dodaju u HTML koristeći oznaku:

  • okvir (na zasebnom prozoru)
  • frameset (cijela struktura je stvoren s njom);
  • iframe ( "plutajući" frame);
  • NoFrames (u slučaju okvira bez zaslona u korisnikovom pregledniku).

Prva navedena oznaka uvijek stane u par i . I to zamjenjuje i . A s odgovarajućim atributima možete podesiti karakteristike svake stavke: naziv (ime =), veličina (broj stupaca = i redaka =), prisutnost okvira (granica), oblik klizača i, naravno, link na web stranicu za prikaz.

registracija varijacije

Cijeli site stranica mogu se podijeliti na regije. Na primjer, ovako:

lijevo

vrh okvira

pravo

Takva struktura (što se zove nested) može se dobiti pisanjem oznaku u stupaca atribut, što ukazuje na položaj horizontalnog okvira i redova - okomito. Treba staviti znak jednakosti i propisane veličine. Na primjer, 60%, 40% - postotak (jedan prozor uzima 60% prostora pregledniku drugom, odnosno, 40%). Ili 100, 200 - omjer dimenzija u pikselima. Dimenzije jednom od okvira, moguće je da ne postaviti (zadanim postavkama). Da biste to učinili prije ili nakon decimalne točke potrebno je odrediti karakter *.

Unutar toga par skup okvira registrira svaki okvir s parametrima: src = http: // stranica / članak / 143778 /% 2C citirani u daljnjem tekstu upućuje se na web stranici i ime title = (npr okvir 1).

Gniježđenje svaki novi prostor određen novi okvira.

Primjer broj:

Obavijest u ovom primjeru, jer su drugi i treći okviri veličine propisati samo jednom.

Puno tave dopustite istjecanje okvira. Primjeri njihovog položaja u prozoru preglednika može se podnijeti beskrajno (prikladno mijenjanje koda). Međutim, praktična primjena tih informacija nije pronađena za dugo vremena. Okviri, ako se koristi danas za stvaranje web-mjesta, ali samo u obliku modula na slobodnom CMS ili iframe.

plutajući okvir

Pitam se zašto je dobio ime, ovdje je riječ prikladnije „ugrađeni”. Ovaj okvir je dizajniran za prikaz sadržaja datoteke. Vi uploadati u bazu podataka bilo koji dokument ili datoteku pomoću oznake ayfreyma postavite put do njega - a posjetitelji će vidjeti tekstualnu datoteku (video ili slike). Nažalost, preglednici ne uvijek odražavaju sadržaj. Ova web graditelji su ušli između otvaranja i zatvaranja rečenica: „Vaš web preglednik ne prikazati sadržaj.”

Na primjer, Seopult.ru - poznata usluga od majstora unaprijed. Ne samo njegova glavna web stranica, a I.seopult.pro ogledalo stvoren za portal korisnicima. ayfreyma kod je osnovana kao:

  • Upute . Gdje
  • tag je osmišljen kako bi se utvrdilo stavku popisa. Uz potporu svim preglednicima.

    Na ogledalu vidite riječ „Upute” stranicu samu u obliku gumba. Kada kliknete na njega u sredini prozora preglednika otvara prezentaciju.

    Sve glavne web stranice za gledanje filmova i TV emisija su stvorene pomoću ayfreymov (primjerice, „Imhonet”), kao i društvene mreže. Čak početnu stranicu „Yandex” sadrži tu oznaku, a ne jedan par.

    Kako se registrirati iframe

    Preuzeti na svoje web stranice u obliku prozora dokumenta s klizač može biti na bilo kojem mjestu. Obično oznake raspoređene unutar tijela. Osim standardnih

    i , kao što je prikazano u gornjem primjeru se može koristiti i popis oznaka -

  • .

    U ayfreym dodano atributa:

    • Širina (širina) i visina (visina =);
    • poravnavanja rub Poravnajte;
    • padding, koji se ne može propisati: zadana vrijednost je 6 - to je sasvim dovoljno;
    • pomoću allowtransparency transparentnost okvira polja, možete odrediti da možete vidjeti pozadinu stranice;
    • plus poznato scr, naziv, pomicanje, granica.

    Navigacija pomoću ayfreyma

    Najzanimljivija je sposobnost u području okvira - to je pisanje koda koji omogućuje otvaranje sadržaja u prozoru na linku - Što kreatora Seopult ogledalo, samo nekoliko referenci (oba su na raspolaganju korisniku na istoj stranici).

    Za ovu uzeti ayfreym, dodatno registrira ime po name =. Na primjer, zagolovok. Nadalje, ispred njega u oznake i reference propisane a href = http: // stranica / članak / 143778 /% D1% što ukazuje na obveznu 81 nakon što su atribut target = zagolovok. Prije nego što možete koristiti završnu oznaku naznačeno natpis koji će služiti kao referentna gumb. Oznake „i” otvaranje i zatvaranje su u p tag.

    možete dodijeliti te nekoliko linija koda napokon dobiti online u nizu nekoliko gumbi, veze, klikom na tom prozoru ispod će se prikazati različite sadržaje.

    Kôd će izgledati ovako:

    Post Besplatni oglasi

    Pregled oglasa