| Criadores |
| Fábio
Azevedo, 28 anos, paulistano, webmaster. Veja mais. |
| |
| Felipe
Braga de Oliveira, 26 anos, paulistano, contador. Veja mais. |
| |
| Luisa
Haddad, 22 anos, paulista, webdesigner. |
| |
| Ludmila Simões, 28 anos, jacareiense, webdesigner. Veja mais. |
| |
| Objetivo |
| Este
projeto foi desenvolvido como atividade curricular da materia 'Fundamentos
Web' do primeiro semestre do curso de graduação 'Sistemas para internet / Desenvolvimento web' da faculdade de tecnologia IBTA. |
| |
| Desenvolvimento |
| Utilizamos como ferramenta para a construção deste site o Dreamweaver. Este site foi desenvolvido totalmente em HTML como sendo um dos pré-requisitos para este trabalho. |
| |
|
| |
8.
frame
|
Frames (quadros) são relativamente usadas na Web. Há quem goste ou odeiam, porque julgam que eles "estragam" o layout da página.
Fazer frames tem o mesmo procedimento de confecção de páginas simples, a diferença é que se deve trocar a tag <BODY> pela tag <FRAMSET>.
Para termos uma home-pages com frames devemos ter três páginas, uma com o código que contém a tag <FRAMESET> e duas outras com os códigos onde serão inseridas as páginas de cada frame.
comparando
Entendendo melhor.
um documento HTML simples seria assim
| |
<HTML>
<HEAD>
<TITLE>Página simples</TITLE>
</HEAD>
<BODY>
Neste campo entram os comandos em geral.
</BODY>
</HTML> |
 |
já um documento HTML que teria frames ficaria assim
| |
<HTML>
<HEAD>
<TITLE>Página com Frame</TITLE>
</HEAD>
<FRAMESET>
Neste campo entram as camadas para os documentos dos FRAMES.
</FRAMESET>
</HTML> |
|
criando os arquivos .html
Devemos criar um documento HTML normal e um documento HTML de frames.
1. criando o arquivo index.html (arquivo com os frames)
| |
<FRAMESET COLS=20% , 80%>
Este comando inicia o frame e divide a tela do navegador em 2 partes, uma com 20% da tela e outra com 80.
|
|
| |
<FRAME SRC=FRAME1.HTML>
Este comando chama as páginas HTML que devem ocupar as colunas divididas pelo frame.
|
|
| |
<FRAME SRC=FRAME2.HTML>
Este comando chama as páginas HTML que devem ocupar as colunas divididas pelo frame. |
|
| |
</FRAMESET>
Fecha o comando frameset. |
|
 exemplo: |
| |
<HTML>
<HEAD>
<TITLE>Arquivo com os frames</TITLE>
</HEAD>
<FRAMESET COLS=20% , 80%>
<FRAME SRC=FRAME1.HTML>
<FRAME SRC=FRAME2.HTML>
</FRAMESET>
</HTML> |
|
2. criando o arquivo frame1.html (arquivo com o código html normal)
Por que salvar este exemplo como FRAME1.HTML?
Porque no código que geramos no exemplo de frames chamamos a página com o comando <FRAME SRC=FRAME1.HTM>, se você salvar o nome do código de forma diferente deverá alterar também o código da página de frame.
| exemplo: |
| |
<HTML>
<HEAD>
<TlTLE>Página simples</TITLE>
</HEAD>
<BODY>
AQUI ENTRA A PRIMEIRA PÁGINA NORMAL
</BODY>
</HTML> |
|
3. criando o arquivo frame2.html (arquivo com o código html normal)
Este código deve ser salvo como FRAME2.HTML, pelo mesmo motivo do código anterior.
| exemplo: |
| |
<HTML>
<HEAD>
<TlTLE>Página simples</TITLE>
</HEAD>
<BODY>
AQUI ENTRA A SEGUNDA PÁGINA NORMAL
</BODY>
</HTML> |
|
dividindo o navegador em colunas e linhas
Você pode dividir o navegador em colunas com o parâmetro COLS dentro da tag <FRAMSET> e em linhas usando o parâmetro ROWS, ou ainda dividindo em colunas e linhas ao mesmo tempo.
colunas
| |
<FRAMESET COLS=20% , 80%>
|
|
| exemplo: |
| |
<HTML>
<HEAD>
<TITLE>Arquivo com os frames dividido em colunas</TITLE>
</HEAD>
<FRAMESET COLS=20% , 80%>
<FRAME SRC=FRAME1.HTML>
<FRAME SRC=FRAME2.HTML>
</FRAMESET>
</HTML> |
|
linhas
| |
<FRAMESET ROWS=50%, 50%>
|
|
| exemplo: |
| |
<HTML>
<HEAD>
<TITLE>Arquivo com os frames dividido em linhas</TITLE>
</HEAD>
<FRAMESET ROWS=50%, 50%>
<FRAME SRC=FRAME1.HTML>
<FRAME SRC=FRAME2.HTML>
</FRAMESET>
</HTML> |
|
colunas e linhas : Uma tag <FRAMESET> pode ser inserida dentro da outra gerando assim frames dentro de frames.
| exemplo: |
| |
<HTML>
<HEAD>
<TITLE>Exemplo de frame</TITLE>
</HEAD>
<FRAMESET COLS=50%, 50%>
<FRAMESET ROWS=50%, 50%>
<FRAME SRC=FRAME1.HTML>
<FRAME SRC=FRAME1.HTML>
</FRAMESET>
<FRAMESET ROWS=50%, 50%>
<FRAME SRC=FRAME1.HTML>
<FRAME SRC=FRAME1.HTML>
</FRAMESET>
</FRAMESET>
</HTML> |
|
parâmetros de frames
parâmetro SRC :
Este parâmetro é o responsável por chamar a página HTML que deve ser aberta (inserida) dentro de um frame. Pode se usar no lugar de um arquivo local uma URL completa.
| exemplo: |
| |
URL local:
<FRAME SRC="frame1.html"> |
|
| exemplo: |
| |
URL completa:
<FRAME SRC="http://www.yahoo.com"> |
|
parâmetro NAME : Este é um dos principais parâmetros da tag <FRAME>. Ele serve para definir o nome do frame. Ele deve ser usado em conjunto com outro parâmetro que é o TARGET.
| exemplo: |
| |
<FRAME SRC="frame1.html" name="frame1"> |
|
parâmetro MARGINWIDTH : Define a margem entre as laterais do frame e seu conteúdo.
| exemplo: |
| |
<FRAME SRC="FRAME1.HTML" MARGINWIDTH=100>
Cria uma margem de 100 pixels de cada lado do frame. |
|
parâmetro MARGINHEIGHT : Da mesma forma que MARGINWIDTH, este parâmetro define uma distância de margem, que neste caso é a margem superior e inferior do frame.
| exemplo: |
| |
<FRAME SRC=FRAME1.HTML MARGINHEIGHT=100>
Dá um espaço de 100 pixels entre as margens superior e inferior do frame. |
|
parâmetro SCROLLlNG : Define se o frame terá ou não barras de rolagem. Por default quando o conteúdo de uma página excede o tamanho do frame as barras de rolagem são acrescentadas automaticamente. Os valores válidos para SCROLLlNG são YES, NO e AUTO.
| exemplo: |
| |
<FRAME SRC="frame1.html" scrolling="yes"> |
|
parâmetro TARGET
: Este é o mais importante de todos os parâmetros. Ele trabalha em conjunto com NAME e permite que coloquemos um link em um frame e o resultado, ou seja, a página linkada, aparece em outro frame.
Saiba mais sobre TARGET clicando aqui.
|
| |
|
|
comparando 