HTML Página 23. Índice

Documentos relacionados
Geralmente uma página com frames é constituída por dois ou três elementos básicos:

Aula 6: Frames. Pré-requisitos: Os temas das aulas 2 e 5, e a forma como se define cores apresentada na aula 4, serão muito importantes para frames.

Frames. Documentos de Layout Documentos de Conteúdo

Linguagem HTML: Frames

HyperText Markup Language HTML. Formulário

HTML HTML. Centro de Form. Profissional de Alverca Formador: Cosmin Constantinescu 1

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011

Como criar um conjunto de subjanelas com três documentos dispostos na vertical

O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES FRAMES. Professor Carlos Muniz

Desenvolvimento web I Aula 6 - Frames

<CENTER> <iframe src=" width=740 height=255> </iframe> </CENTER>

Recursos Complementares (Tabelas e Formulários)

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

Tabelas Div Span Frames Formulários

Adobe. Dreamweaver CS4

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL

Programação Na Web. Molduras HTML. Agenda

Links e Frames José Antônio da Cunha

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia5.zip 1996 Tutorial - Autoria em World Wide Web

Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html

Introdução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário

O que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2

Paradigmas de Programação React Native

Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape

Links, Imagens e Tabelas

Exercícios Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho

HTML. Professor Victor Sotero. html

Prof. Fernando Gonçalves Abadia. Sistemas Multimídias

Exemplos Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho

Conteúdo Programático do Web Design

O elemento para definição de uma tabela é <TABLE> sendo finalizada com </TABLE>. Este elemento prevê sub-elementos para sua composição.

INTRODUÇÃO AO DESENVOLVIMENTO WEB

HTML Página 36. Índice

Tabelas. table <table>...</table>

DESENVOLVIMENTO WEB I

Introdução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira

6.2 - Formulários: form <form action="url_de_script" method="método">...</form> form action method POST GET exceto outros formulários form

Tabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr>

Módulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.)

Tiago Alves de Oliveira. Tiago Alves de Oliveira

HTML. Frames e FORMs

HTML Página 29. Índice

Programação para Web HTML - Parte 2

Bioinformática: QBQ-5722 Anotação Artemis: Passo-a-passo. Prof. Dr. João Carlos Setubal

Introdução à linguagem HTML. Volnys Borges Bernal

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML

Obedecendo essa estrutura definida para a linguagem, podemos dividir a sua definição em duas partes: os elementos da linguagem e as suas regras.

REVISÃO DAS PUBLICAÇÕES

Volnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.

PROGRAMAÇÃO PARA INTERNET. Prof.: Jean Carlo Mendes

Anexo I. Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa.

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto

3 HTML Tabelas, frames e formulário

Bem vindo ao ajuda do software QUICKFISH para criação de sites.

Internet & HTML Internet & HTML Pedro Costa / 2004

Ficha Técnica. Título O Editor-HTML Autor Athail Rangel Pulino Filho Copyright Creative Commons Edição Julho Athail Rangel Pulino 2

Capítulo 9 - Imagens. Imagens

Lote 01 Mobiliário para o Centro Administrativo Municipal

Iniciando Layouts. No html5 existem algumas tags padrões para se iniciar Layouts. Estrutura Básica:

SISTEMA SELO DE EXCELÊNCIA

APRESENTAÇÃO... 3 IGEO... 3 ACESSO AO SISTEMA... 4 MANUAL DO USUÁRIO... 4 FUNCIONALIDADES... 5 NAVEGAÇÃO E CONSULTA... 5 MANIPULAÇÃO DE CAMADAS...

Síntese da aula anterior

IFSC/Florianópolis - prof. Herval Daminelli

Parte IV Como projetar um layout de página

Tarlis Portela Web Design HTML

Como criar um menu pop-up no Dreamweaver

Programação para web HTML: Formulários

<HTML5> Autor: Fernando Vaz de Lima Pereira

Ao projeto inciado na aula anterior, faça as seguintes alterações:

Programação para Internet

APP INVENTOR. APP INVENTOR Exercício 1

17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce

Novidades do CSS3: sombras em textos e bordas. com as propriedades text-shadow e box-shadow. Por Erika Sarti, em 07_03_2010. Atualizado em 29_07_2011.

20/02/2014. <HTML> Introdução </HTML> Web

PROGRAMAÇÃO EM AMBIENTE WEB I

HTML. Leonardo Gresta Paulino Murta

Para visualizar corretamente configurar a tela para 1024 x 768 pixels. Tabelas

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

Implementando e manipulando Tabelas

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão

<title>introdução a HTML</title>

Ferramentas para Multimídia e Internet

ÍNDICE INTRODUÇÃO... 3 CAPÍTULO 1 CAPÍTULO 2 CAPÍTULO 3 CAPÍTULO 4. Adobe InDesign CC 5

Comandos Extras Formatações no CSS

TABELAS EM HTML. Prof: André Aparecido da Silva Disponível em:

2 Segmentação de imagens e Componentes conexas

Conectar a uma impressora e imprimir via Wi-Fi (PowerShot SX60 HS)

Writer 3.4 Plano de Aula - 16 Aulas (Aulas de 1 Hora).

Largura A4 Orientação

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

Inserindo Imagem. Inserindo uma imagem a partir da Galeria

Tutorial sobre o MineraFórum I. Introdução

Roteiro 2: Conceitos de Tags HTML

CENTRO PAULA SOUZA ETEC PADRE JOSÉ NUNES DIAS APLICATIVOS INFORMATIZADOS WORD 2007 PROFESSORA: ALINE PRISCILA SCHMIDT ALUNO:

Aplicação para Web I. Manipulando Imagens e Links

Curso Apresentações em EXCEL

Transcrição:

PARTE - 4

HTML Página 23 Índice HTML - Frames... 24 Exemplo:... 24 Parâmetros utilizados para a marcação <FRAMESET>... 25 Composições com Frames... 25 Exemplo 1.... 26 Exemplo 4.... 26 Parâmetros que Completam a Marcação Frame... 27

HTML Página 24 HTML - Frames Exibir uma página na tela do browser já é muito legal... Imagine então carregar várias páginas na mesma tela do browser! Saiba que existe este um recurso muito legal chamado Frame. Um Frame,ou moldura como é chamado em algumas traduções, é um recurso da linguagem HTML que permite dividir a janela do browser em duas ou mais regiões. Cada uma destas regiões pode conter documentos totalmente distintos e independentes. Já podemos dizer que os Frames invadiram de vez a Web, seja na organização das informações, veiculação de anúncios ou simplesmente dando um toque especial às páginas. Existe uma diferença entre a utilização de frames e quando cada documento é carregado separadamente. Quando utilizamos Frames, é necessária a criação prévia de um documento HTML documento de Layout, que irá definir em quantas regiões (frames) será dividida a janela do browser, qual será o tamanho e quais serão os documentos carregados em cada uma delas. Exemplo: Código Fonte Resultado Inicia Finaliza Uso O elemento FRAMESET define o conjunto de regiões que a <FRAMESET> </FRAMESET> tela terá. Ele possui diversos parâmetros, sendo que os parâmetros COLS ou ROWS são obrigatórios.

HTML Página 25 Parâmetros utilizados para a marcação <FRAMESET> COLS define o número de regiões verticais que a tela do browser terá. (Deve ser definido através de uma lista de valores separados por virgula). Cada valor especifica a largura de cada frame e pode ser definido em pixel, percentual ou asterisco *. O asterisco significa quanto mais largo possível. Exemplo COLS = 200,* define regiões verticais, sendo a primeira de 200 pixels de largura e a segunda com o restante. ROWS - define o número de regiões horizontais que a tela do browser terá. Tal como o parâmetro COLS, deve ser definido através de uma lista de valores (separados por virgula). Cada valor especifica a altura de cada Frame e pode ser definido em pixel, percentual ou asterisco *. O asterisco significa quanto mais largo possível. Exemplo ROWS = 100,*,200 define três regiões horizontais, sendo a primeira de 100 pixels a ultima de 200 pixels,e a do meio com o restante. BORDER Especifica a espessura da linha divisória que aparece entre as regiões. Deve ser dividida em pixels. Quando este parâmetro não é definido, é usada uma borda de espessura 5. BORDERCOLOR Configura a cor da linha divisória entre as regiões. Se omitido, a cor cinza é utilizada. FRAMEBORDER Define se a bordar terá ou não um efeito 3D. Pode conter parâmetros YES (sim) e NO (não). Este parâmetro é ignorado pelo Internet Explorer. <FRAME>... </FRAME> - Imagine que você esta encomendando um armário a um marceneiro. A primeira coisa que você irá determinar é quantas gavetas ou prateleiras ele deverá possuir, o tamanho de cada uma delas, etc. Depois do armário pronto você irá definir o que colocar em cada lugar, quer dizer, o conteúdo de cada gaveta ou prateleira. Pois aqui, estamos fazendo exatamente a mesma coisa, só que com regiões da tela do browser. Com o elemento <FRAMESET>, declaramos as divisões de nosso armário ; agora, o elemento <FRAME>, irá dizer o que será carregado em cada uma dessas divisões. Para cada frame definido em <FRAMESET>, torna-se necessário a utilização de um elemento <FRAME>. Anotações: Composições com Frames Como já foi possível observar, FRAMESET tem atributos que definem a divisão da janela do browser em colunas; essa divisão também pode ser feita em linhas, e utilizando uma combinação de "framesets" para variadas apresentações. Vejamos algumas:

HTML Página 26 Exemplo 1. Exemplo 2. Exemplo 3. Exemplo 4.

HTML Página 27 Parâmetros que Completam a Marcação Frame NAME - Especifica o nome do documento de formato HTML chamado para o frame. É extremamente necessário para o uso do Target, que será visto a seguir. TARGET - Define qual a área (Frame) que aparecerá o documento especificado pelo link. Mais útil na utilização de Menus e índices. Necessita do NAME. SCROLLING - Define se o Frame terá barra de rolagem, o default é Auto. Fornece as opções: Yes, No, Auto. Onde: Yes - Exibe a barra de rolagem independente do tamanho do documento. No - Não exibe a barra de rolagem, mesmo que o documento seja maior que o tamanho especificado. Auto - Só exibe a barra de rolagem se o documento for maior que a área especificada. NORESIZE - Impossibilita o usuário de mudar o tamanho da área especificada do Frame. Por default o usuário pode mudar esta área. Anotações: