Internet, Deseño web

Marco - o que é iso? Estrutura e creación de cadros

Marco - unha zona do sitio web (o diálogo), en que vemos outra páxina web. Webmasters están utilizando esta oportunidade para mostrar a páxina de inicio dos seus amigos ou compañeiros. O mesmo método é usado para amosar a caixa de fiestras de investigación e un número de seu resultado, e así por diante. D.

Pero, sobre todo os cadros usados na creación de grandes portais web, onde un número considerable de menús e submenús. Tal adoitan dicir: "lugar en cadros." Para crear un tal recurso require un bo coñecemento de HTML do idioma.

Crear cadros en constructor de sitio

Nalgún sitio constructor ofrece xeración automática de tal código. Normalmente, a adición de cadro clave está no menú principal do programa. En primeiro lugar, ten que poñer o cursor no lugar seguro na páxina, prema no botón para abrir o diálogo (como se mostra na imaxe). Pode especificar o enderezo da páxina que abrirá na armazón, e axustar as dimensións: ancho e alto.

Pero, sobre todo os cadros usados na creación de grandes portais web, onde un número considerable de menús e submenús. Tal adoitan dicir: "lugar en cadros." Para crear un tal recurso require un bo coñecemento de HTML do idioma.

Con este "servizo" é posible crear varios cadros nunha páxina, só os elementos interrelacionados, así que non conseguir.

Carpintería en CMS

Moitos programas para a creación de sitios web posibilidade de instalación do módulo. Por exemplo, para Joomla marco - este módulo "envoltorio (Wrapper)".

Pódese atopar e configurar o panel de control do CMS Joomla: "Extensións" - "Módulo Manager" - "Nova" (botón laranxa redonda con un sinal de máis no interior). Na fiestra, na lista, podes ver un módulo de "envoltorio".

Se non é, entón non está incluído. Para usalo, primeiro ten que activa-lo aquí: a guía "Extensións", o "Xestor de extensión", despois "Xestionar" guía. E mirando á lista que aparece, pode rapidamente buscar no "filtros" para introducir a palabra: Wrapper. Fronte este módulo debe ser icona de marca de verificación verde para dentro. Un círculo vermello cun punto dentro significa que a extensión está desactivado.

Tras este procedemento, pode volver a "Módulo Manager", crear un marco e establecer os seus parámetros.

Como se pode ver na imaxe, o módulo permítelle configurar: título do cadro, a posición do módulo, selecciona a páxina do sitio web no que se amosa. Tamén pode axustar o ancho, altura; Fai un cadro eo enlace real nunha páxina web. Se o cadro desexado para amosar a páxina principal dun sitio web de ancho total, 100%, o patrón, non será suficiente. Pode pór con seguridade dereita do 400%. A altura de 200 é xeralmente suficiente para mostrar o menú superior da páxina. O resto do contido será visible se o usuario (o visitante) usar a barra de desprazamento.

Aquí está un exemplo do que un cadro en jumla.

módulo Joomla para crear o marco é moi cómodo e doado de usar. Con todo, o seu ámbito é limitado, así como características de Grife.

Historia e realidade

Na práctica da creación de sitios de cadros que etiqueta (a proposta) foi relegado a un segundo plano. Eles foron capaces de substituír os módulos, o establecemento dun programa de deseño que xera código para unha páxina web sen saytostroitelya. Con todo, nalgúns casos, isto non é suficiente. Por exemplo, cando o cadro - é unha estrutura complexa integrada das zonas a ser exhibido no navegador. Entón mira os propietarios locais estruturados complexos. Na súa creación só en casos extremos, porque sitios freymovskie creado exclusivamente con marcas especializadas.

locais estruturados complexos

Para eles, a creación de varios cadros interrelacionadas é unha solución ideal organizar o contido do recurso. Este é xeralmente os grandes portais, alastranse con máis forte cada ano.

Como conseguir o mesmo resultado? Como crear unha estrutura de armazón?

Como entrar no cadro na páxina de código

Cadros son engadidos para HTML usando a etiqueta:

  • cadro (a xanela separada)
  • conxunto de cadros (estrutura enteira é creado con ela);
  • iframe (frame "flotante");
  • noframes (no caso de cadros non exhibición no navegador do usuario).

A primeira marca especificada sempre se encaixan nun par de e . E substitúe o e . E cos atributos axeitados pode axustar as características de cada elemento: nome (name =), tamaño (cols = e liñas =), a presenza do marco (fronteira), a forma da barra de desprazamento e, por suposto, unha ligazón a unha páxina web para amosar.

rexistro de variacións

Páxina web enteiro pode ser dividido en rexións. Por exemplo, así:

esquerda

armazón de arriba

dereito

Tal estrutura (que se chama aniñada) pode ser obtido por escribir unha marca dentro atributo cols, indicando a localización da armazón horizontal, e as liñas - vertical. Debe ser colocado un sinal e tamaños prescritos iguais. Por exemplo, o 60%, 40% - a porcentaxe (un diálogo de 60% de toma navegador espazo outra respectivamente, o 40%). Ou 100, 200 - a relación das dimensións en píxeles. As dimensións dunha das frotas, é posible que non definido (definido polo estándar). Para iso antes ou despois do punto decimal que precisa para especificar o carácter *.

Dentro deste par de molduras rexistra cada cadro con parámetros: src = http: // local faise / artigo de referencia a continuación / 143778 /% 2C citado para unha páxina web e un nome de título = (por exemplo, Marco 1).

Nidificación cada nova área é designado un novo conxunto de cadros.

Código Exemplo:

Observe neste exemplo, para o segundo e terceiro tamaños de cadros son prescritos só unha vez.

Unha morea de potas permiten cadros executado. Exemplos da súa localización no diálogo de navegador pode ser traído infinitamente (adecuadamente a modificación do código). Con todo, a aplicación práctica desta información non é atopado por un longo tempo. Marcos, se usa hoxe para crear sitios, pero só en forma de módulos no libre CMS ou iframe.

estrutura flotante

Eu me pregunta por que ten o seu nome, aquí a palabra é máis apropiado "built-in". Este cadro está deseñado para amosar o contido dun ficheiro. Fai a carga para a base de datos de calquera documento ou arquivo usando etiquetas ayfreyma definir o camiño para el - e os visitantes van ver un arquivo de texto (vídeo ou imaxe). Desafortunadamente, os navegadores non sempre reflicten o contido. Este web constructores insírense entre a apertura ea frase de clausura: "O seu navegador non ver o contido."

Por exemplo, Seopult.ru - servizo coñecido dos mestres para avanzar. Non só o seu principal sitio, e escudo I.seopult.pro creado para os clientes do portal. ayfreyma código é establecido como:

  • Instrucións . Onde
  • tag está deseñado para determinar o elemento da lista. Soportado por todos os navegadores.

    No espello pode ver a palabra "Instrucións" page-se en forma de botón. Cando fai clic sobre el no centro da xanela do navegador abre presentación.

    Todos os principais lugares para ver películas e programas de televisión son creados usando ayfreymov (por exemplo, "Imhonet"), así como as redes sociais. Mesmo a páxina do "Yandex" contén esa etiqueta, e non un par.

    Como rexistrar iframe

    Descargar para a súa web en forma de diálogo de documento cunha barra de desprazamento pode estar en calquera lugar. Normalmente Tags disposto dentro do corpo. Ademais do estándar

    , como se mostra no exemplo anterior pode ser utilizado e unha lista de marcas -

  • .

    En ayfreym atributos engadidos:

    • ancho (ancho) ea altura (altura =);
    • aliñados o aliñamento bordo;
    • estofado, que non pode prescribir: o valor por defecto é 6 - iso é o bastante;
    • usando allowtransparency campo cadro de transparencia, pode especificar que se pode ver o fondo da páxina;
    • ademais do familiar SCR, nome, desprazamento, fronteira.

    Navegación usando ayfreyma

    O máis interesante é a posibilidade no campo de cadros - iso é escribir código que permite abrir o contido na ventá na ligazón - o que fixo espello os creadores Seopult, só con varias referencias (ambos dispoñibles para o usuario na mesma páxina).

    Por esta ayfreym toma, adicionalmente, rexistra o nome tras nome =. Por exemplo, zagolovok. Ademais, fronte en etiquetas e referencias prescritas por un HREFF = http: // web / artigo / 143778 /% D1% indica a obrigatoriedade 81 tras atribúen obxectivo = zagolovok. Antes de usar unha marca de peche, indicou inscrición, que servirá como o botón de referencia. Tag "e" apertura e peche están na etiqueta p.

    pode asignar estas poucas liñas de código para finalmente obter en liña nunha liña nalgúns botóns, ligazóns, premer en que o diálogo a continuación pode amosar contido diferente.

    O código ficaría así:

    anuncios Publicar libre

    Ver o anuncio