Html Básico - Frames
()
FRAMES Com frames, várias páginas HTML podem ser exibidas em uma única tela do browser. _______________________________________________________________________________ TENTE VOCÊ MESMO: Frameset vertical: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_cols Frameset horizontal: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_rows (Veja mais exemplos no final desta página). _______________________________________________________________________________ HTML FRAMES Com frames você pode exibir mais de uma página HTML em uma única tela do browser. Cada página HTML é chamada de frame (quadro) e cada quadro é independente um do outro. As desvantagens de trabalhar com frames são: - O desenvolvedor web tem que acompanhar mais páginas HTML. - É difícil imprimir a página inteira. _______________________________________________________________________________ O ELEMENTO FRAMESET O elemento frameset detém dois ou mais elementos frame. Cada elemento da estrutura tem um documento separado. O elemento frameset define apenas quantas colunas ou linhas haverá na estrutura. _______________________________________________________________________________ O ELEMENTO FRAME A tag <frame> define uma única janela dentro de um frameset. No exemplo a seguir temos um frameset com duas colunas. A primeira coluna é definida como 25% da largura da janela do navegador. A segunda coluna está definida para 75% da largura da janela do navegador. O documento "frame_a.htm" é colocado na primeira coluna, e no documento "frame_b.htm" é colocado na segunda coluna: <frameset cols="25%,75%"><frame src="frame_a.htm" /><frame src="frame_b.htm" /></frameset> NOTA: O tamanho da coluna de quadros também pode ser definida em pixels (cols = "200500"), e uma das colunas pode ser configurada para usar o espaço restante, com um asterisco (cols = "25%,*). _______________________________________________________________________________ DICAS ÚTEIS DICA: Se um frame tem bordas visíveis, o usuário pode redimensioná-la arrastando a borda. Para impedir que um usuário faça isso, você pode adicionar noresize = "noresize" à tag <frame>.NOTA: Adicione a tag <noframes> para navegadores que não suportam frames. Importante : Você não pode usar o <body> </ body> juntamente com o <frameset> </ frameset> tags! Entretanto, se você adicionar uma marca <noframes> contendo algum texto para navegadores que não suportam frames, você terá que colocar o texto em tags </ body> <body>! Veja como é feito no primeiro exemplo a seguir. _______________________________________________________________________________ MAIS EXEMPLOS: Como usar a tag <noframes>: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_noframes Framesets aninhadas: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_mix Frameset com noresize = "noresize": http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_noresize Frame de navegação: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_navigation ( Como fazer um frame de navegação. O quadro de navegação inclui uma lista de links com o segundo quadro como o destino. O arquivo chamado "contents.htm" contém três links. O código-fonte dos links:<a href ="frame_a.htm" alvo ="showframe"> um quadro </ a> <br><a href ="frame_b.htm" alvo ="showframe"> Frame b </ a> <br><a href ="frame_c.htm" alvo ="showframe"> Frame c </ a>O segundo quadro mostra o documento vinculado. ) Frame inline: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_navigation Ir para uma seção específica dentro de um quadro: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_jump ( Dois quadros. Um dos quadros tem uma fonte para uma seção específica em um arquivo. A seção especificada é feita com <a name="C10"> no arquivo "link.htm". ) Ir para uma seção específica com moldura de navegação: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_navigation2 ( Dois quadro s. O quadro de navegação (content.htm) à esquerda contém uma lista de links com o s egundo quadro (link.htm) como alvo. O segundo quadro mostra o documento vinculado. Um dos links no frame de navegação está ligado a uma seção específica no arquivo de destino. O código HTML no arquivo "content.htm" parecido com este: <a href ="showframe"> alvo Link ="link.htm" sem âncora </ a> <a href = <br> link.htm "# C10 "target =" showframe Link> "com> / Anchor a < )
Resumos Relacionados
- Html Básico - Tabelas
- Html Básico Fundamentos
- Html Básico Formatação
- Html Básico - Imagens
- Html Vol.07 Frame
|
|