Para exibir informações de várias fontes em uma única página, o mecanismo de divisão de página HTML é frequentemente usado. Abaixo está uma descrição das construções de linguagem para inserir frames.
Necessário
Conhecimento básico de HTML
Instruções
Passo 1
O HyperText Markup Language (HTML) fornece dois tipos de quadros. Flutuar é mais flexível e fácil de inserir em uma página existente. Em geral, a construção que descreve uma moldura de janela usando uma moldura flutuante se parece com isto: Aqui, a página principal de um site existente é especificada como a fonte de dados para esta moldura (atributo src). Ele será aberto em um quadro de 400 x 300 pixels, conforme especificado nos atributos de largura e altura. Você também pode especificar a página do seu site no atributo src. Nesse caso, é suficiente especificar um endereço relativo (ou seja, o endereço relativo à página em que o frame está inserido): Neste exemplo, a largura e a altura do frame não são especificadas, mas há um id identificador de atributo. Usando-o, você pode usar CSS () para definir as dimensões necessárias para este quadro:
#frameOne {largura: 700px; altura: 200px;}
Passo 2
Outro tipo de quadro - "clássico" - requer uma página separada, que conterá uma descrição da estrutura do quadro. Os próprios frames estarão em páginas separadas, talvez até em sites diferentes. O código HTML para essa página de contêiner de quadro pode ter a seguinte aparência:
Não deve haver nenhum … e … blocos necessários para páginas regulares. Neste exemplo, a tag de abertura do contêiner contém um atributo de linhas, o que significa que o espaço da página deve ser dividido verticalmente e o topo será dado ao primeiro quadro. Se você substituir as linhas por colunas, a divisão será horizontal. O valor deste atributo "*, *" indica que as proporções de divisão são iguais - 50% cada. Se você especificar, por exemplo, "20%, *", então apenas 20% será dado ao primeiro quadro e o resto do espaço ao segundo. O usuário pode alterar essas proporções arrastando as bordas dos quadros com o mouse, mas é possível desabilitar esta ação. Para fazer isso, adicione o atributo noresize à tag de um quadro específico. Você também pode especificar o tamanho dos recuos verticais e horizontais do quadro adjacente (os atributos marginwidth e marginheight): É possível definir as regras de comportamento para as barras de rolagem de cada quadro separadamente. Para isso, é utilizado o atributo scrolling, que pode conter um dos três valores predefinidos. Se especificado, as barras de rolagem aparecerão quando o conteúdo do quadro não couber dentro de suas bordas. Se "sim" - as listras estarão presentes o tempo todo, independentemente da necessidade delas. Se "não" - isso significará não permitir barras de rolagem para este quadro.
etapa 3
Com base nas informações fornecidas nas duas etapas anteriores, você precisa projetar o código html mais adequado para resolver seu problema. Depois disso, só falta inseri-lo no código-fonte da página. Para fazer isso, você pode usar o editor de páginas do sistema de gerenciamento do seu site - abra a página desejada nele, alterne para o modo de edição de código html e cole seu código no local desejado na página. Como alternativa, você pode baixar o arquivo de código-fonte da página pelo gerenciador de arquivos de gerenciamento de hospedagem ou sistema de gerenciamento de conteúdo, abri-lo em um editor de texto e colar o código nele. E então, da mesma forma, carregue o código alterado de volta para o servidor.
