INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES FRAMES. Professor Carlos Muniz

Tamanho: px

Começar a partir da página:

Download "INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES FRAMES. Professor Carlos Muniz"

Bernardo Pacheco Silva
8 Há anos
Visualizações:

1 INTRODUCAO DESENVOLVIMENTO E DESIGN DE FRAMES

2 Algumas páginas da internet são congeladas em seu cabeçalho ou em seu lado esquerdo, para construção de menus que geralmente precisam estar disponíveis para visualização do visitante, para criarmos este tipo de página, usamos os FRAMES. 2

geralmente precisam estar disponíveis para visualização do

3 Ulilizando os frames em colunas Sintaxe: <FRAMESET COLS/ROWS= largura do frame 1,largura do frame 2 </A> <FRAME SRC= página a ser exibida no frame 1 > <FRAME SRC= página a ser exibida no frame 2 > </FRAMESET> <FRAMESET COLS= 20%,80% </A> <FRAME SRC= menu.htm > <FRAME SRC= windows.htm > </FRAMESET> 3

1 > <FRAME SRC= página a ser exibida no frame 2 > </FRAMESET> <FRAMESET

4 Atribuições em frames MARGINWIDTH= N / MARGINHEIGHT= N Define a medida em pixels correspondente à distância entre o conteúdo de uma página que será exibida em um frame e as bordas do frame. Sintaxe: <FRAME SRC= página a ser exibida no frame MARGINWIDTH= N MARGINWIDTH= N NORESIZE> <FRAME SRC= menu.htm MARGINWIDTH= 30 MARGINWIDTH= 20 NORESIZE> 4

5 Atribuições em frames SCROLLING Permite ou não a exibição das barras de rolagem no frame. Poderá assumir os seguintes valores: SCROLLING= YES A barra de rolagem estará sempre visível na tela. SCROLING= NO A barra de rolagem nunca será exibida. SCROLLING=ÄUTO A barra de rolagem será exibida quando for necessário. Sintaxe: <FRAME SRC= página a ser exibida no frame SCROLLING=AUTO NORESIZE> <FRAME SRC= menu.htm SCROLLING=AUTO MARGINWIDTH= 20 NORESIZE> 5

SCROLING= NO A barra de rolagem nunca será exibida.

6 Definindo as bordas do frame FRAMEBORDER Este comando serve para definir se a borda de um frame será exibida ou não no browser. Os valores. Os valores que podem ser atribuídos a este comando são YES (SIM) ou NO (NÃO). <FRAMESET COLS= *,*,* FRAMEBORDER=YES> 6

7 Definindo as bordas do frame BORDERCOLOR Serve para alterar as cores das bordas do frame. <FRAMESET ROWS= 30%,70% BORDER=20 BORDERCOLOR= BLUE > 7

8 Definindo as bordas do frame BORDERCOLOR Serve para alterar as cores das bordas do frame. <FRAMESET ROWS= 30%,70% BORDER=20 BORDERCOLOR= BLUE > NAME= NOME Através deste atributo você poderá definir um nome o frame em questão. 8

9 TARGET= NOME Este comando será dado na página que irá ser exibida no frame e não a página do frame em si. Devemos coloca-lo no link de forma a indicar ao frame qual página será exibida. Através de target termos uma boa flexibilidade junto aos links para permitir a criação de páginas de opções e menu. Na página inicial que será carregada no frame (página1.htm), digite o seguinte código: <HTML> <FRAMESET COLS= 40%,*,* > <FRAME SRC= menu.htm MARGINWIDTH= 80 MARGINHEIGIGHT= 0 > <FRAME SRC= loja.htm NAME= shopping > </FRAMESET> </HTML> 9

Através de target termos uma boa flexibilidade junto aos links para permitir a criação de páginas de opções e menu.

10 No documento opções.htm, faça o seguinte código: <HTML> <BODY BGCOLOR= # > <A HREF= Página1.htm TARGET= SHOPPING >Às compras</a><br> < A HREF= Página21.htm TARGET= TELA > </A> </BODY> </HTML> <NOFRAMES> Serve para indicar uma página que será aberta sem frames. É indicado quando utilizarmos browsers antigos que não suportem o recurso de frames, de forma a permitir a visualização da página pelo usuário. 10

htm TARGET= TELA > </A> </BODY> </HTML> <NOFRAMES> Serve para indicar uma página que será aberta sem

Documentos relacionados

Links e Frames José Antônio da Cunha

Links e Frames José Antônio da Cunha Links Até agora, produzimos documentos simples. Mas os documentos de hipertexto têm como principal característica, fazer ligações com outros hipertextos. Os pontos