Un marc és una àrea d'un lloc (finestra) on és visible una altra pàgina web. Els administradors web aprofiten aquesta oportunitat per mostrar la pàgina d'inici dels llocs dels seus amics o socis. La mateixa tècnica s'utilitza per mostrar el formulari de cerca als quadres amb el resultat al costat, etc.
Però la majoria de marcs s'utilitzen en la creació de grans portals web, on es requereix un nombre considerable d'elements de menú i submenús. Normalment diuen d'aquestes persones: "lloc web en marcs". Es requereix un bon coneixement d'HTML per crear aquest recurs.
Creació de marcs al creador de llocs web
Alguns creadors de llocs web proporcionen la generació automàtica d'aquest codi. Normalment, el botó d'afegir marc es troba al menú principal del programa. Primer heu de col·locar el cursor al lloc correcte de la pàgina i, a continuació, feu clic al botó, s'obrirà una finestra (tal com es mostra a la captura de pantalla). Hi podeu definir l'adreça de la pàgina que s'obrirà al marc i ajustar les dimensions: amplada i alçada.
Però la majoria de marcs s'utilitzen en la creació de grans portals web, on es requereix un nombre considerable d'elements de menú i submenús. Normalment diuen d'aquestes persones: "lloc web en marcs". Per crear aquest recurs cal un bon coneixementLlenguatge HTML.
Amb l'ajuda d'aquest "servei" és possible crear diversos marcs a la pàgina, però no obtindreu elements interconnectats d'aquesta manera.
Frames al CMS
En molts programes de creació de llocs web, és possible instal·lar el mòdul corresponent. Per exemple, per a Joomla, un marc és un mòdul "Embolcall".
Es pot trobar i crear al tauler de control de Joomla CMS: "Extensions" - "Gestor de mòduls" - "Crea" (un botó rodó taronja amb un signe més a dins). A la finestra emergent, a la llista, veureu el mòdul "Embolcall".
Si no és aquí, no està inclòs. Per utilitzar-lo, primer heu d'activar-lo aquí: pestanya "Extensions", després "Gestor d'extensions" i després la pestanya "Gestió". I estem buscant a la llista que s'obre, per a una cerca ràpida al camp "Filtre", introduïu la paraula: Embolcall. Davant d'aquest mòdul hi hauria d'haver una icona verda amb una marca de verificació dins. Un cercle vermell amb un punt dins significarà que aquest connector està desactivat.
Després d'aquest procediment, podeu tornar al "Gestor de mòduls", crear un marc i establir-ne els paràmetres.
Com podeu veure a la imatge, el mòdul us permet configurar: el títol a sobre del marc, la posició del mòdul, seleccionar les pàgines del lloc on es mostrarà. I també ajustar l'amplada, l'alçada; afegir un marc i de fetenllaç a una pàgina web. Si en un marc voleu mostrar la pàgina principal d'un lloc a tota l'amplada, el 100%, establert per defecte, no serà suficient. Podeu posar immediatament amb seguretat el 400%. Una alçada de 200 sol ser suficient per mostrar el menú superior de la pàgina. La resta de contingut serà visible si l'usuari (visitant del lloc web) utilitza la barra de desplaçament.
Aquí teniu un exemple del que és un marc a Joomla.
El mòdul Jumla per crear un marc és molt còmode i fàcil d'utilitzar. Tanmateix, les seves capacitats són limitades, igual que les capacitats del constructor.
Història i realitats
En la pràctica de crear llocs a partir de marcs, aquesta etiqueta (la seva aplicació) fa temps que ha passat a un segon pla. Es van poder substituir per mòduls, configuracions en programes constructors que generen codi per a una pàgina web sense la participació d'un creador de llocs. Tanmateix, en alguns casos això no és suficient. Per exemple, quan un marc és una estructura complexa holística d'àrees que es mostren al navegador. Així ho veuen els propietaris de llocs d'estructura complexa. La seva creació només s'utilitza en casos extrems, ja que els llocs de marc es creen exclusivament amb l'ajuda d'etiquetes especialitzades.
Llocs d'estructura complexa
Per a ells, crear diversos marcs interconnectats és la millor solució per organitzar el contingut a les pàgines de recursos. Es tracta, per regla general, de grans portals, que es fan més forts cada any.
Com aconseguir el mateix resultat? Com es crea l'estructura del marc?
Cominseriu un marc al codi de pàgina
Els marcs en HTML s'afegeixen amb les etiquetes:
- marc (per a una finestra independent);
- conjunt de marcs (utilitzant-lo per crear una estructura sencera);
- iframe (marc "flotant");
- noframes (en cas que el marc no es mostri al navegador de l'usuari).
La primera etiqueta especificada sempre encaixa en un parell de i. I substitueix i. I amb l'ajuda dels atributs adequats, podeu ajustar les característiques de cada element: el nom (nom=), la mida (cols=i files=), la presència d'una vora (borde), l'aspecte de la barra de desplaçament i, per descomptat, l'enllaç a la pàgina web que es mostrarà.
Variacions de disseny
La pàgina sencera del lloc es pot dividir en àrees. Per exemple, així:
| Esquerra | Marc superior |
| Dreta |
Aquesta estructura (s'anomena imbricada) es pot obtenir escrivint l'atribut cols dins de l'etiqueta, que significa la ubicació del marc horitzontalment, i les files, verticalment. A continuació, es posa el signe=i es prescriuen les dimensions. Per exemple, 60%, 40% - percentatge (una finestra ocuparà el 60% de l'espai del navegador, l' altra, respectivament, el 40%). O 100, 200 - relació d'aspecte en píxels. La mida d'un dels fotogrames no es pot definir en absolut (s'establirà per defecte). Per fer-ho, després o abans de la coma, heu d'especificar el símbol.
Nidificaciócada àrea nova es denota amb un conjunt de marcs nou.
Exemple de codi:
Tingueu en compte que al nostre exemple, per al segon i tercer fotogrames, les mides s'especifiquen només una vegada.
Moltes idees et permeten completar marcs. Es poden donar exemples de la seva ubicació a la finestra del navegador sense parar (canviant el codi en conseqüència). Tanmateix, aquesta informació no ha trobat aplicació pràctica durant molt de temps. Els marcs, si s'utilitzen avui en dia a l'hora de crear llocs, només tenen forma de mòduls al CMS gratuït o en forma d'iframe.
Marc flotant
És estrany per què va rebre aquest nom, la paraula "integrat" és més adequada aquí. Aquest marc es crea per mostrar el contingut d'un fitxer. Pengeu qualsevol document o fitxer a la base de dades, escriviu el camí amb etiquetes iframe i els visitants veuran el text del fitxer (vídeo o imatge). Malauradament, els navegadors no sempre mostren contingut. Per fer-ho, els creadors web introdueixen la frase entre les etiquetes d'obertura i de tancament: "El vostre navegador no mostra contingut".
Per exemple, Seopult.ru és un servei conegut per a mestres de promoció. Només no el seu lloc principal, sinó un mirall I.seopult.pro, creat per als clients del portal. El codi iframe s'escriu aquí de la manera següent:
Instruccions
. On és l'etiqueta
-
S'ha creatper definir un element de llista. Compatible amb tots els navegadors.
A la pròpia pàgina mirall, podeu veure la paraula "Instrucció" en forma de botó. Si hi feu clic al centre de la finestra del navegador, s'obre la presentació.
Tot granEls llocs per veure pel·lícules i sèries es creen mitjançant iframes (per exemple, "Imhonet"), així com xarxes socials. Fins i tot la pàgina principal de "Yandex" conté aquesta etiqueta i més d'un parell.
Com escriure un iframe
Podeu penjar un document en forma de finestra amb una barra de desplaçament a qualsevol lloc del lloc. Normalment, les etiquetes es col·loquen dins del cos. Més enllà de l'estàndard
i, com es mostra a l'exemple anterior, també es pot utilitzar l'etiqueta de llista -
-
S'afegeixen atributs a l'iframe:
- amplada (amplada) i alçada (alçada=);
- alineació de vora;
- sagnies que es poden especificar o no: el valor predeterminat és 6; això és prou;
- mitjançant allowtransparency, podeu configurar la transparència de l'àrea del marc de manera que es pugui veure el fons de la pàgina;
- més el scr familiar, el nom, el desplaçament, la vora.
Navegació amb un iframe
L'habilitat d'enquadrament més interessant és escriure codi que permet obrir contingut en una finestra mitjançant un enllaç, que és el que van fer els creadors del mirall de Seopult, només amb diversos enllaços alhora (disponibles simultàniament per a l'usuari a la mateixa pàgina).
Per a això, s'agafa un iframe, el nom també s'escriu a través de name=. Per exemple, capçalera. A més, abans a les etiquetes i els enllaços s'escriuen mitjançant un HREF=amb la indicació obligatòria de l'atribut després d'ells. Abans d'utilitzar l'etiqueta de tancament a, s'indica una inscripció que servirà de botó d'enllaç. Etiquetes "a" d'obertura i tancaments'inclouen a l'etiqueta p.
Podeu escriure diverses línies d'aquest tipus al codi per tal d'aconseguir finalment diversos botons d'enllaç en una fila al lloc, fent clic a quin contingut diferent es mostrarà a la finestra següent.
El codi tindrà aquest aspecte:
Publica un anunci
Mostra anuncis
Image Com es veurà al lloc web:
Com inserir un iframe en un lloc de Joomla
Com a estàndard, el tauler de control de Joomla té un mòdul "HTML-code" habilitat (llista per utilitzar). Amb ell, podeu inserir qualsevol codi a qualsevol lloc del lloc. No obstant això, obstinadament ignora el codi amb l'etiqueta iFrem. Per tant, utilitzarem un mòdul Jumi especial.
Primer de tot, l'has de descarregar d'Internet i instal·lar-lo a través del tauler administratiu de Joomla: "Extensions" - "Gestor d'extensions" - "Selecciona un fitxer". Especifiqueu el camí a l'arxiu baixat i feu clic a "Baixa".
Després d'una instal·lació correcta, aneu al "Gestor de mòduls" i creeu-ne un de nou. Seleccioneu el tipus de Jumi. A la finestra que s'obre, al camp "Codi personalitzat", introduïu l'iFrem preparat, tal com es mostra al paràgraf anterior de l'article. Doneu un títol al mòdul, especifiqueu la posició de la ubicació i les pàgines del lloc. Feu clic a Desa i comproveu-ho.
Navegadors i marcs
Tots els navegadors populars mostren bé el contingut de les finestres de marc: Chrome, Safari, Firefox, Android, iOS. Internet Explorer i Opera tenen una taxa especialment alta en aquest sentit. I tanmateix no hi ha cap garantiaque el visitant del vostre lloc veurà el contingut de totes les finestres. En aquest cas, hauríeu de deixar un missatge amb l'etiqueta noframe (obertura i tancament). Podeu introduir-hi el següent: "El vostre navegador no està actualitzat. Actualitzeu la versió per mostrar el contingut del lloc". Si el navegador de l'usuari representa els fotogrames correctament, no veurà aquest missatge.
Per tant, un marc és una àrea o finestra d'un lloc que té el seu propi URL. S'utilitza per mostrar diverses pàgines web o documents independents en un camp del navegador alhora, amb la seva pròpia URL. Malgrat que els marcs us permeten organitzar bé un lloc complex, fa molt de temps que no s'utilitzen, tret de l'iframe. L'ús d'aquesta etiqueta encara és rellevant per carregar presentacions, un reproductor de vídeo, documents de text en una finestra específica. L'utilitzen activament recursos web grans i coneguts.
-
