Internet, Webbdesign

Frame - vad är detta? Struktur och skapande av ramar

Frame - ett område på webbplatsen (fönstret), där vi ser en annan webbsida. Webmasters använder detta tillfälle att visa hemsidan för sina vänner eller kollegor. Samma metod används för att visa i Windows sökrutan och ett antal av dess resultat, och så vidare. D.

Men mest ramarna som används i skapandet av stora webbportaler, där ett stort antal menyer och undermenyer. En sådan brukar säga: "site i ramar." För att skapa en sådan resurs kräver goda kunskaper i HTML-språket.

Skapa ramar i webbplats byggmästare

I vissa webbplats byggmästare ger automatisk generering av en sådan kod. Typiskt, är tillsatsen av nyckelbildruta i huvudprogrammenyn. Först måste du placera markören på rätt plats på sidan och klicka sedan på knappen för att öppna fönstret (som visas på skärmbilden). Det är möjligt att ange adressen till den sida som öppnas i ramen, och justera mått: bredd och höjd.

Men mest ramarna som används i skapandet av stora webbportaler, där ett stort antal menyer och undermenyer. En sådan brukar säga: "site i ramar." För att skapa en sådan resurs kräver goda kunskaper i HTML-språket.

Med denna "service" är det möjligt att skapa flera bilder på en sida, bara de besläktade element så att du inte får.

Ramar i CMS

Många program för att skapa webbsidor möjlighet för installation av modulen. Till exempel för Joomla ram - denna modul "omslag (Wrapper)".

Det kan hittas och inrättas i CMS Joomla kontrollpanelen: "Extensions" - "Modul Manager" - "Ny" (den runda orange knapp med ett plustecken inuti). I pop-up fönster, i listan, kommer du att se en modul "wrapper".

Om det inte är, då det inte ingår. För att använda den, måste du först aktivera den här: fliken "Extensions", den "Extension Manager", sedan "Hantera" -fliken. Och titta på listan som visas kan du snabbt söka efter i "Filter" att komma in i ordet: Wrapper. Mittemot denna modul bör vara grön bock inuti. En röd cirkel med en punkt innebär inne att plugin är inaktiverad.

Efter denna procedur, kan du återgå till "modul Manager", skapar en ram och ställa in dess parametrar.

Som kan ses på bilden, kan modulen du ställa: titeln på ramen, modulläget väljer sida på webbplatsen som den visas. Du kan också justera bredd, höjd; lägga till en ram och den faktiska länk på en webbsida. Om ramen du vill visa huvudsidan på en webbplats full bredd, 100%, standard, inte kommer att räcka. Du kan säkert rätta 400%. En höjd av 200 är oftast tillräckligt för att visa toppmenyn på sidan. Resten av innehållet kommer att vara synlig om användaren (besökaren) använd rullningslisten.

Här är ett exempel på vad en ram i Jumla.

Joomla-modul för att skapa ramen är mycket bekvämt och lätt att använda. Dock är dess räckvidd begränsas, liksom designer funktioner.

Historia och verklighet

I praktiken för att skapa webbplatserna för de ramar som tagg (ansökan) har länge varit förpassas till bakgrunden. De kunde ersätta moduler vid faststäl ett designprogram som genererar kod för en webbsida utan saytostroitelya. Men detta är inte tillräckligt i vissa fall. Till exempel, när ramen - är en integrerad komplex struktur av de områden som ska visas i webbläsaren. Så se ägarna komplexa strukturerade webbplatser. Vid starten är bara i extrema fall, eftersom freymovskie webbplatser skapats exklusivt med specialiserade taggar.

komplexa strukturerade webbplatser

För dem är skapandet av flera samverkande ramar en optimal lösning organisera innehållet på resursen. Detta är oftast de stora portaler, spretande med starkare för varje år.

Hur man kan uppnå samma resultat? Hur man skapar en ramkonstruktion?

Hur komma in i ramen i sidkoden

Ramar adderas till HTML med taggen:

  • ram (för ett separat fönster)
  • ramuppsättningen (hela strukturen är skapad med den);
  • iframe ( "flytande" ram);
  • noframes (i fallet med icke-displayramen i användarens webbläsare).

Den första angivna tag alltid passar i ett par och . Och det ersätter och . Och med lämpliga egenskaper kan du justera egenskaperna för varje objekt: namn (name =), storlek (cols = och v =), närvaron av ramen (gränsen), i form av rullningslisten och, naturligtvis, en länk till en webbsida som ska visas.

variationer registrering

Hela webbplatsen sida kan delas in i regioner. Till exempel så här:

vänster

toppramen

höger

En sådan struktur (det kallas kapslade) kan erhållas genom att skriva en tagg inne cols attribut, som anger läget för den horisontella ramen, och rader - vertikalt. Det bör sätta likhetstecken och föreskrivna storlekar. Till exempel, 60%, 40% - andelen (ett fönster tar 60% av utrymmet webbläsaren varandra vardera, 40%). Eller 100, 200 - förhållandet mellan mått i pixlar. Dimensionerna hos en av ramar, är det möjligt att inte ställa in (inställd som standard). För att göra detta före eller efter decimalkommat måste du ange tecknet *.

Inuti detta par ramuppsättning registrerar varje ram med parametrar: src = http: // site / artikeln / 143.778 /% 2C citerade härefter hänvisas till en webbsida och ett titelnamn = (t.ex. ram 1).

Häckar varje nytt område betecknas ett nytt ramverk.

Exempel kod:

Lägg märke till i detta exempel, för den andra och tredje ramar storlekar ordineras endast en gång.

Många pannor tillåter kör ramar. Exempel på deras placering i webbläsarfönstret kan föras oändligt (lämpligt att ändra koden). Men den praktiska tillämpningen av denna information inte hittas under en lång tid. Ramar, om de används i dag för att skapa webbplatser, men endast i form av moduler i den fria CMS eller en iframe.

flytande ramen

Jag undrar varför den fått sitt namn, ordet är här mer lämplig "inbyggd". Denna ram är utformad för att visa innehållet i en fil. Du laddar upp till databasen alla dokument eller fil med taggar ayfreyma ställa in sökvägen till det - och besökarna kommer att se en textfil (video eller bild). Tyvärr har webbläsare inte alltid återspeglar innehållet. Denna Web byggare in mellan öppningen och stängnings frasen: "Din webbläsare stöder inte visa innehållet."

Till exempel Seopult.ru - känd service från mästarna att avancera. Inte bara dess huvudsakliga webbplats och I.seopult.pro spegel skapas för portal kunder. ayfreyma koden etableras som:

  • Instruktioner . Där
  • tag är utformad för att fastställa listan objektet. Stöds av alla webbläsare.

    På spegeln kan man se ordet "Instruktioner" själva sidan i form av en knapp. När du klickar på den i mitten av webbläsarfönster öppnas presentation.

    Alla de stora platser för att titta på filmer och TV-program skapas med hjälp ayfreymov (t.ex. "Imhonet"), samt sociala nätverk. Även hemsida "Yandex" innehåller denna tagg, och inte ett par.

    Hur man registrerar iframe

    Ladda ner till din webbplats i form av ett dokument fönster med en rullningslist kan vara var som helst. Vanligtvis-taggar anordnad inom kroppen. I tillägg till standard

    och , såsom visas i exemplet ovan kan användas och en tagg lista -

  • .

    I ayfreym tillsatta attribut:

    • bredd (bredd) och höjd (höjd =);
    • rikta in kanten align;
    • stoppning, som inte kan ordinera: standardvärdet är 6 - det är nog;
    • med hjälp av allowtransparency öppenhet ram fält kan du ange att du kan se sidan bakgrunden;
    • plus det välbekanta scr, namn, rullning, gränsen.

    Navigering med hjälp ayfreyma

    Det mest intressanta är möjligheten inom ramarna - det är att skriva kod som gör det möjligt att öppna innehållet i fönstret på länken - vad gjorde skaparna Seopult spegel, bara med flera referenser (både tillgängliga för användaren på samma sida).

    För detta tas ayfreym dessutom registrerar det namnet efter name =. Till exempel zagolovok. Vidare framför honom i taggar referenser som föreskrivs i a href = http: // site / artikel / 143.778 /% D1% anger den obligatoriska 81 efter att de tillskriver target = zagolovok. Innan du kan använda en sluttagg, indikerade inskription, som kommer att tjäna som referensknappen. Tags "och" öppning och stängning är i p-taggen.

    du kan tilldela dessa få rader kod för att äntligen få på nätet i en rad på ett par knappar, länkar, klicka på det fönstret nedan kommer att visa olika innehåll.

    Koden skulle se ut så här:

    skicka gratis annonser

    Visa annonsen