En ram är ett område på en webbplats (fönster) där en annan webbsida är synlig. Webbansvariga använder denna möjlighet för att visa upp hemsidan för sina vänners eller partners webbplatser. Samma teknik används för att visa sökformuläret i rutorna med resultatet bredvid, etc.
Men mestadels används ramar för att skapa stora webbportaler, där ett stort antal meny alternativ och undermenyer krävs. De brukar säga om sådana människor: "webbplats på ramar". Goda kunskaper i HTML krävs för att skapa en sådan resurs.
Skapa ramar i webbplatsbyggaren
Vissa webbplatsbyggare tillhandahåller automatisk generering av sådan kod. Vanligtvis finns knappen Lägg till ram i programmets huvudmeny. Först måste du placera markören på rätt plats på sidan, klicka sedan på knappen, ett fönster öppnas (som visas på skärmdumpen). I den kan du ange adressen till sidan som ska öppnas i ramen och justera måtten: bredd och höjd.
Men mestadels används ramar för att skapa stora webbportaler, där ett stort antal meny alternativ och undermenyer krävs. De brukar säga om sådana människor: "webbplats på ramar". För att skapa en sådan resurs krävs goda kunskaperHTML-språk.
Med hjälp av denna "tjänst" är det möjligt att skapa flera ramar på sidan, men du får inte sammanlänkade element på detta sätt.
Ramar i CMS
I många program för att skapa webbplatser är det möjligt att installera motsvarande modul. Till exempel, för Joomla, är en ram en "Wrapper"-modul.
Det kan hittas och skapas i Joomla CMS kontrollpanel: "Extensions" - "Module Manager" - "Create" (en rund orange knapp med ett plustecken inuti). I popup-fönstret, i listan, kommer du att se modulen "Wrapper".
Om det inte finns här ingår det inte. För att använda det måste du först aktivera det här: "Extensions"-fliken, sedan "Extension Manager", sedan "Management"-fliken. Och vi letar i listan som öppnas, för en snabb sökning i "Filter"-fältet, skriv in ordet: Wrapper. Mittemot denna modul ska det finnas en grön ikon med en bock inuti. En röd cirkel med en prick inuti kommer att betyda att detta plugin är inaktiverat.
Efter denna procedur kan du återgå till "Module Manager", skapa en ram och ställa in dess parametrar.
Som du kan se på bilden låter modulen dig ställa in: titeln ovanför ramen, modulens position, välj sidorna på webbplatsen där den ska visas. Och justera även bredd, höjd; lägg till en ram och faktisktlänk till en webbsida. Om du i en ram vill visa huvudsidan för en webbplats i full bredd, räcker det inte med 100 %, inställt som standard. Du kan omedelbart säkert sätta 400%. En höjd på 200 är vanligtvis tillräckligt för att visa toppmenyn på sidan. Allt annat innehåll kommer att vara synligt om användaren (webbplatsbesökaren) använder rullningslisten.
Här är ett exempel på vad en ram är i Joomla.
Jumla-modulen för att skapa en ram är mycket bekväm och enkel att använda. Men dess möjligheter är begränsade, liksom konstruktörens möjligheter.
Historia och verklighet
I praktiken att skapa webbplatser från ramar, har den här taggen (dess tillämpning) länge försvunnit i bakgrunden. De kunde ersättas av moduler, inställningar i konstruktorprogram som genererar kod för en webbsida utan deltagande av en webbplatsbyggare. Men i vissa fall räcker inte detta. Till exempel när en ram är en holistisk komplex struktur av områden som visas i webbläsaren. Så här ser ägarna av komplext strukturerade sajter på det. Dess skapelse används endast i extrema fall, eftersom ramsajter skapas uteslutande med hjälp av specialiserade taggar.
Komplext strukturerade webbplatser
För dem är att skapa flera sammanlänkade ramar den bästa lösningen för att organisera innehåll på resurssidor. Dessa är som regel stora portaler som växer sig starkare för varje år.
Hur uppnår man samma resultat? Hur skapas ramstruktur?
Hurinfoga ram i sidkod
Ramar i HTML läggs till med taggar:
- ram (för ett separat fönster);
- frameset (använder det för att skapa en hel struktur);
- iframe ("flytande" ram);
- noframes (om ramen inte visas i användarens webbläsare).
Den första angivna taggen passar alltid i ett par och. Och den ersätter och. Och med hjälp av lämpliga attribut kan du justera egenskaperna för varje element: namnet (namn=), storlek (cols=och rader=), närvaron av en kant (kant), utseendet på rullningslisten och, naturligtvis länken till webbsidan som ska visas.
Designvarianter
Hela sidan på sajten kan delas in i områden. Till exempel, så här:
| Left | Övre ram |
| Right |
En sådan struktur (den kallas kapslad) kan erhållas genom att skriva attributet cols inuti taggen, vilket betyder ramens placering horisontellt, och rader - vertik alt. Därefter sätts=-tecknet och måtten föreskrivs. Till exempel, 60%, 40% - procent (ett fönster tar 60% av webbläsarutrymmet, det andra 40%). Eller 100 200 - bildförhållande i pixlar. Storleken på en av ramarna kan inte ställas in alls (den kommer att ställas in som standard). För att göra detta, efter eller före kommatecken, måste du ange symbolen.
Nestavarje nytt område betecknas med en ny ramuppsättning.
Kodexempel:
Observera att i vårt exempel, för den andra och tredje bildrutan, anges storlekarna endast en gång.
Många idéer låter dig komplettera ramar. Exempel på deras plats i webbläsarfönstret kan ges i oändlighet (ändrar koden därefter). Denna information har dock inte funnit praktisk tillämpning på länge. Ramar, om de används idag när du skapar webbplatser, är endast i form av moduler i gratis CMS eller i form av en iframe.
Flytande ram
Det är konstigt varför den fick ett sådant namn, ordet "inbyggd" passar bättre här. Denna ram skapas för att visa innehållet i en fil. Du laddar upp vilket dokument eller fil som helst till databasen, skriver sökvägen till den med hjälp av iframe-taggar - och besökare kommer att se texten i filen (video eller bild). Tyvärr renderar webbläsare inte alltid innehåll. För att göra detta anger webbbyggare frasen mellan inledande och avslutande taggar: "Din webbläsare visar inte innehåll."
Seopult.ru är till exempel en välkänd tjänst för kampanjmästare. Bara inte hans huvudsajt, utan en spegel I.seopult.pro, skapad för portalklienter. Iframe-koden skrivs här enligt följande:
Instruktioner
. Var är taggen
-
skapades för att definiera ett listobjekt. Stöds av alla webbläsare.
På själva spegelsidan kan du se ordet "Instruktion" i form av en knapp. Genom att klicka på den i mitten av webbläsarfönstret öppnas presentationen.
Allt storawebbplatser för att titta på filmer och serier skapas med hjälp av iframes (till exempel "Imhonet"), såväl som sociala nätverk. Till och med huvudsidan för "Yandex" innehåller denna tagg och mer än ett par.
Hur man skriver en iframe
Du kan ladda upp ett dokument i form av ett fönster med en rullningslist till vilken plats som helst på webbplatsen. Vanligtvis placeras taggar inuti kroppen. Utöver standarden
och, som visas i exemplet ovan, listtaggen kan också användas -
-
Attribut läggs till i iframe:
- bredd (bredd) och höjd (höjd=);
- edge alignment align;
- indrag som kan eller inte kan anges: standardvärdet är 6 - det räcker helt;
- med allowtransparency kan du ställa in genomskinligheten för ramområdet så att bakgrunden på sidan kan ses;
- plus den välbekanta scr, namn, rullning, kant.
Navigera med en iframe
Den mest intressanta inramningsfärdigheten är att skriva kod som låter dig öppna innehåll i ett fönster med en länk, vilket är vad skaparna av Seopult-spegeln gjorde, bara med flera länkar samtidigt (samtidigt tillgängliga för användaren på samma sida).
För detta tas en iframe, namnet skrivs dessutom i den genom name=. Till exempel header. Vidare, innan det i taggarna och länkarna skrivs genom en HREF=med den obligatoriska indikeringen av attributet efter dem. Innan du använder den avslutande taggen a, indikeras en inskription som kommer att fungera som en länk-knapp. Taggar "a" öppning och stängningär inneslutna i taggen sid.
Du kan skriva flera sådana rader i koden för att så småningom få flera länkknappar på en rad på sajten, genom att klicka på vilket olika innehåll som kommer att visas i fönstret nedan.
Koden kommer att se ut så här:
Lägg upp en annons
Visa annonser
Image Hur det kommer att se ut på webbplatsen:
Hur man infogar en iframe i en Joomla-webbplats
Som standard har Joomlas kontrollpanel en aktiverad (färdig att använda) "HTML-kod"-modul. Med den kan du infoga valfri kod var som helst på sajten. Han ignorerar dock envist koden med iFrem-taggen. Därför kommer vi att använda en speciell Jumi-modul.
Först och främst måste du ladda ner det från Internet och installera det via Joomlas administrativa panel: "Extensions" - "Extension Manager" - "Select File". Ange sökvägen till det nedladdade arkivet och klicka på "Ladda ner".
Efter lyckad installation, gå till "Module Manager" och skapa en ny. Välj typ av Jumi. I fönstret som öppnas, i fältet "Anpassad kod", ange den förberedda iFrem, som visas i föregående stycke i artikeln. Ge modulen en titel, ange placeringsposition och webbplatssidor. Klicka på spara och kolla in det.
Webbläsare och ramar
Alla populära webbläsare visar innehållet i ramfönster väl: Chrome, Safari, Firefox, Android, iOS. Internet Explorer och Opera har en särskilt hög hastighet i detta avseende. Och ändå finns det ingen garantiatt besökaren på din webbplats kommer att se innehållet i alla fönster. I det här fallet bör du lämna ett meddelande med noframe-taggen (öppning och stängning). Du kan ange följande i den: "Din webbläsare är inaktuell. Uppdatera versionen för att visa innehållet på webbplatsen." Om användarens webbläsare renderar ramar korrekt kommer de inte att se detta meddelande.
Så en ram är ett område eller ett fönster på en webbplats som har sin egen URL. Används för att visa flera webbsidor eller oberoende dokument i ett webbläsarfält samtidigt, även med sin egen URL. Trots att ramar låter dig organisera en komplex webbplats väl, har de inte använts på länge, förutom iframen. Användningen av denna tagg är fortfarande relevant för att ladda presentationer, en videospelare, textdokument i ett specifikt fönster. Den används aktivt av stora och välkända webbresurser.
-
