Internet, Disseny web

Frame - Què és això? Estructura i creació de marcs

Marc - una àrea del lloc (la finestra), en la qual veiem una altra pàgina web. Webmasters estan utilitzant aquesta oportunitat per mostrar la pàgina d'inici dels seus amics o socis. El mateix mètode s'utilitza per mostrar en el cercador de finestres i un nombre del seu resultat, i així successivament. D.

Però sobretot els marcs utilitzats en la creació de grans portals d'Internet, on un nombre considerable de menús i submenús. Tals solen dir: "lloc en marcs." Per crear un recurs d'aquest tipus requereix un bon coneixement d'HTML-idioma.

Crear marcs de creació del lloc web

En alguns constructor de lloc web proporciona la generació automàtica d'un codi d'aquest tipus. En general, l'addició de fotograma clau es troba al menú principal del programa. En primer lloc, ha de posar el cursor en el lloc correcte a la pàgina, a continuació, feu clic al botó per obrir la finestra (com es mostra a la captura de pantalla). És possible especificar l'adreça de la pàgina que s'obrirà en el marc, i ajustar les dimensions: ample i alt.

Però sobretot els marcs utilitzats en la creació de grans portals d'Internet, on un nombre considerable de menús i submenús. Tals solen dir: "lloc en marcs." Per crear un recurs d'aquest tipus requereix un bon coneixement d'HTML-idioma.

Amb aquest "servei" és possible crear diversos marcs en una pàgina, només els elements relacionats entre si pel que no aconsegueix.

Marc a CMS

Molts programes per a la creació de llocs web possibilitat d'instal·lació del mòdul. Per exemple, per al marc de Joomla - aquest mòdul "embolcall (Wrapper)".

Es pot trobar i configurar al tauler de control CMS Joomla: "Extensions" - "Gestor de mòduls" - "Nou" (el botó rodó de color taronja amb un signe més a l'interior). A la finestra emergent, a la llista, veureu un mòdul de "contenidor".

Si no ho és, llavors no està inclòs. Per usar-lo, primer ha d'activar aquí: la pestanya "Extensions", el "Extension Manager", després "Administrar" fitxa. I mirant a la llista que apareix, pot buscar ràpidament en el "filtre" per introduir la paraula: Embolcall. Davant d'aquest mòdul ha de ser marca de verificació icona verda al seu interior. Un cercle vermell amb un punt en el seu interior vol dir que el complement està deshabilitat.

Després d'aquest procediment, es pot tornar al "Gestor de mòduls", crear un marc i ajustar els seus paràmetres.

Com es pot veure a la imatge, el mòdul us permet configurar: el títol de la trama, la posició del mòdul, seleccioneu la pàgina del lloc en el qual es visualitza la mateixa. També pot ajustar l'amplada, alçada; Afegiu un marc i l'enllaç real en una pàgina web. Si el marc que voleu mostrar a la pàgina principal d'un lloc d'ample complet, 100%, el valor per defecte, no serà suficient. Es pot posar dret el 400% segura. Una alçada de 200 sol ser suficient per mostrar el menú superior de la pàgina. La resta del contingut serà visible si l'usuari (visitant) utilitzar la barra de desplaçament.

Aquí està un exemple del que és un marc en Jumla.

mòdul de Joomla per crear el marc és molt convenient i fàcil d'utilitzar. No obstant això, el seu abast és limitat, així com les característiques de disseny.

La història i la realitat

En la pràctica de la creació de llocs web dels marcs que l'etiqueta (la seva aplicació) durant molt de temps ha estat relegat a un segon pla. Ells van ser capaços de substituir els mòduls, en l'establiment d'un programa de disseny que genera codi d'una pàgina web sense saytostroitelya. No obstant això, en alguns casos això no és suficient. Per exemple, quan la trama - és una estructura complexa integrada de les zones que es mostrarà al navegador. Així que veure els propietaris llocs estructurats complexos. En la seva creació es troben només en casos extrems perquè els llocs web freymovskie creat exclusivament amb etiquetes especialitzades.

llocs estructurats complexos

Per a ells, la creació de diversos quadres relacionats entre si és una solució òptima organitzar el contingut en el recurs. Això és en general els principals portals, en creixement amb fort cada any.

Com aconseguir el mateix resultat? Com crear una estructura de trama?

Com entrar al marc en el codi de pàgina

s'afegeixen als marcs HTML mitjançant l'etiqueta:

  • marc (per a una finestra separada)
  • conjunt de marcs (estructura sencera es crea amb ell);
  • iframe ( "flotant" de trama);
  • noframes (en el cas de la trama no visualització en el navegador de l'usuari).

La primera etiqueta especificada sempre encaixa en un parell de i . I es reemplaça el i . I amb els atributs adequats es poden ajustar les característiques de cada element: nom (name =), mida (cols = i files =), la presència del marc (vora), la forma de la barra de desplaçament i, per descomptat, un enllaç a una pàgina web per mostrar.

variacions de registre

pàgina lloc sencer es pot dividir en regions. Per exemple, així:

esquerra

marc superior

dret

Tal estructura (es diu imbricada) es pot obtenir escrivint una etiqueta dins d'atribut cols, el que indica la ubicació de la trama horitzontal, i les files - verticalment. Cal posar un signe igual i mides prescrits. Per exemple, 60%, 40% - el percentatge (una finestra de presa 60% del navegador espai altre, respectivament, 40%). O 100, 200 - la relació de les dimensions en píxels. Les dimensions d'un dels marcs, és possible no configurar (establert per defecte). Per fer això abans o després del punt decimal cal especificar el caràcter *.

Dins d'aquest conjunt de marcs parell registra cada marc amb paràmetres: src = http: // es fa lloc / article / 143.778 /% 2C citat referència a partir d'ara a una pàgina web i un nom de títol = (per exemple, marc 1).

Niant cada nova àrea es designa un nou conjunt de marcs.

Codi d'exemple:

Cal notar en aquest exemple, per al segon i tercer mides marcs es prescriuen només una vegada.

Una gran quantitat de marcs paelles permeten executar. Els exemples de la seva ubicació a la finestra del navegador poden ser portats infinitament (canviant apropiadament el codi). No obstant això, l'aplicació pràctica d'aquesta informació no es troba des de fa molt de temps. Marc, si s'utilitza avui dia per crear llocs, però només en forma de mòduls a la lliure CMS o un iframe.

frame

Em pregunto per què es diu així, aquí la paraula és més apropiat "built-in". Aquest marc està dissenyat per mostrar el contingut d'un arxiu. Es carrega a la base de dades de qualsevol document o fitxer fent servir etiquetes ayfreyma establir la ruta a ell - i els visitants podran veure un arxiu de text (vídeo o imatge). Per desgràcia, els navegadors no sempre reflecteixen el contingut. Aquest teixidores s'introdueixen entre l'obertura i tancament de la frase: "El teu navegador no mostra el contingut."

Per exemple, Seopult.ru - servei conegut dels mestres per avançar. No només el seu lloc web principal, i el mirall I.seopult.pro creat per als clients del portal. ayfreyma codi s'estableix com:

  • Instruccions de . On
  • etiqueta està dissenyada per determinar l'element de la llista. Amb el suport de tots els navegadors.

    En el mirall es pot veure la paraula "Instruccions" pàgina en si en la forma d'un botó. En fer clic al centre de la finestra del navegador s'obre la presentació.

    Tots els principals llocs per veure pel·lícules i programes de televisió es creen utilitzant ayfreymov (per exemple, "Imhonet"), així com les xarxes socials. Fins i tot la pàgina principal de "Yandex" conté aquesta etiqueta, i no un parell.

    Com registrar-se iframe

    Descàrrega al seu lloc web en forma d'una finestra de document amb una barra de desplaçament pot estar en qualsevol lloc. En general, les etiquetes disposat dins el cos. A més de la norma

    i , com es mostra en l'exemple anterior es poden utilitzar i una llista d'etiquetes -

  • .

    En ayfreym atributs afegits:

    • amplada (amplada) i l'alçada (alçada =);
    • alineant l'align vora;
    • encoixinat, que no pot prescriure: el valor per defecte és de 6 - això és més que suficient;
    • utilitzant allowtransparency camp de trama transparència, es pot especificar que es pot veure al fons de la pàgina;
    • a més del que familiar scr, nom, el desplaçament, la frontera.

    Navegació utilitzant ayfreyma

    El més interessant és la capacitat en el camp dels marcs - això és escriure codi que permet obrir el contingut de la finestra a l'enllaç - què mirall els creadors Seopult, només que amb diverses referències (tant disponibles per a l'usuari en la mateixa pàgina).

    Per aquesta ayfreym pres, que, a més, es registra el nom després name =. Per exemple, zagolovok. A més, davant d'ell en les etiquetes i referències prescrits per un HREF = http: // lloc / article / 143.778 /% D1% que indica l'obligatòria 81 després que s'atribueixen target = zagolovok. Abans de poder utilitzar una etiqueta de tancament, s'indica la inscripció, que servirà com el botó de referència. Etiquetes "i" obertura i tancament són a l'etiqueta pàg.

    pot assignar aquestes poques línies de codi per entrar finalment en línia en una fila en alguns botons, enllaços, en fer clic a la finestra de sota mostra contingut diferent.

    El codi es veuria així:

    enviar anunci

    Veure l'anunci