Profº Cláudio Barbosa HTML – Frames Dividem a janela do navegador, possibilitando exibir mais de um documento html ao mesmo.

Slides:



Advertisements
Apresentações semelhantes
Atividade 5 Objetivos: Conhecer as regras CSS “width”, “margin-left:auto” e “margin-left:right” e verificar que elas não funcionam no IE a menos que coloquemos.
Advertisements

Faculdades Integradas Santa Cruz
HTML - HiperText Markup Language Tecnologia para Web
Prof. Rudson apostilas.wikidot.com/hipermidia
Aula de hoje Ocultar e exibir Linhas ou colunas;
Internet - 1 Estilos de ligações m Listas de ligações m listas de descrições de itens contendo ligações m ligações dispersas auto-descritivas m evitar.
Informática Aplicada.
Marquee (Movimentação do Texto)
Imagens 4 Para incluir uma imagem usamos a tag Formato: Ex1. Ex2. Ex3. 4 Para transformar.
Como criar um website utilizando programas da Macromedia
Wagner Santos C. de Jesus Roberto Cordeiro Walts
Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 5 – Teórica- Prática Prof. Luciano Monteiro.
Links Rollover image Tabelas
Html (2 º parte) Fernanda Barroso UM.
Aula 01 – Apresentação e introdução html
Construção Web Design Aula 02 – HTML e CSS.
Quadros Documento com a marca divide a janela em quadros, proporcionais ou absolutos podem encaixar-se outros conjuntos de quadros não existe.
HTML O que é? HiperText Markup Language
A Linguagem HTML.
AULA DE HTML BÁSICO.
Linguagem de Programação para WEB
CSS Programação Web.
HTML Técnicas em Programação para Internet
Aulas ministradas por:
Tecnologias Web Prof. Msc. Juliano Gomes Weber Tecnologias Web Notas de Aula – Aula 04 1º Semestre UNIJUÍ.
HTML Construindo páginas.
Treinamento do Microsoft® Word 2010
Desenvolvimento WEB Profª Fernanda Regebe Castro CEFET-BA – Unidade Porto Seguro.
Layout.
CSS - Cascading Style Sheets
Material elaborado por
Programação WEB HTML.
HTML Programação Web.
Estrutura HTML – Parte I
HTML HyperText Markup Language Uma linguagem de marcação.
Cascading Style Sheets Folhas de Estilo em Cascata
COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA
Introdução à Programação para WEB
Profº Cláudio Barbosa XHTML – Introdução  XHTML (eXtensible HyperText Markup Language) – linguagem baseada na XML para.
Profº Cláudio Barbosa HTML – Formulários  Utilizados para enviar dados que serão processados por scripts nos servidores.
HTML: trabalhando com Fontes
Profª Angela Tissi Tracierra. Tags... As tags... fazem a formatação de fonte no texto que envolvem no documento HTML. Juntamente a essas tags utilizam-se.
Escola de Engenharia de Piracicaba Sistemas de Apoio a Decisão
Unidade 2 – Revisão de HTML, CSS e Formulários Prof.: Henrique Santos
Unidade 3 – Introdução ao CSS Prof.: Henrique Santos
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.
PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes
Internet e Programação Web
Agrupamento de Escolas da Batalha Miguela Fernandes Novembro 2010
Fundamentos e Tecnologia em Web
MENU ARQUIVO Comando Imprimir Imprimi o documento atual # Impressora
HTML HyperText Markup Language. 2 Origem O HTML foi criado, juntamente com o HTTP nos laboratórios do CERN, na europa para permitir a consulta de documentos.
Profº Cláudio Barbosa HTML – Trabalhando com tabelas  Utilizadas inicialmente a partir de 1995;  Exibição de dados de.
Karine Alessandra Córdova
Profº Cláudio Barbosa HTML - Introdução  HTML – Hypertext Markup Language – Linguagem de Marcação de Hipertexto;  Linguagem.
Karine Alessandra Córdova
HTML - HyperText Markup Language Professora: Fabrícia F. de Souza.
HTML Prof. Geyson Silva.
UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas
Workshop Linguagem de Hipertextos Formatação de Páginas para Web com CSS.
Frames em HTML COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA Prof. Tales Kunz Cabral 3º Módulo.
Profº Cláudio Barbosa HTML – Formatação básica  Quebras de linha Primeira linha Segunda linha A segunda linha ficará logo.
Posicionamento Prof. Wolley. Centralizando conteúdo Abrir o arquivo responsabilidade_social.html.
Frames O frame é uma página que contém várias outras encaixadas. O frame tem ótima apresentação, mas é muito controverso. Embora forneçam excelentes recursos.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :16 1 FRAMES Os Frames são divisões na tela do browser em diversas telas pequenas.
1 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :38 Prof. João Ricardo Anrêo O TAG - que será usado dentro dos tags, e servirá apenas.
WebSites Dinâmicos Professor: Márcio Ferreira da Silva.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :22 1 Neste exercício vamos testar os diversos tipos de links comentados. Para isso.
Programação p/ INTERNET - HTML Prof. João Ricardo Andrêo 2/6/ :46 1 TABELAS A TAG é utilizada para apresentação de dados no formato de tabelas (apresentação.
Design para Web 3 XHTML(continuação) Ferramentas para Web I.
Transcrição da apresentação:

Profº Cláudio Barbosa HTML – Frames Dividem a janela do navegador, possibilitando exibir mais de um documento html ao mesmo tempo. Atributo target Produtos Serviços Obs.: O nome da janela não pode começar com _ Definindo um destino padrão Título da página

Profº Cláudio Barbosa HTML – Frames Sobreposição de Produtos Serviços _self abre o link na mesma janela _blank abre uma nova janela sem nome Documento do conjunto de frames (frameset) Define o layout dos frames a serem exibidos; Define os arquivos que irão compor os frames da página; Utiliza a tag no lugar da tag Não possuem textos, links ou tags de formatação

Profº Cláudio Barbosa HTML – Frames Frames A largura da coluna pode ser definida em pixels, valor percentual ou com *, que corresponde ao tamanho máximo possível que o navegador pode disponibilizar. Para dividir a janela em larguras iguais para todas as colunas, use cols=*,*,*.

Profº Cláudio Barbosa HTML – Frames Frames Tag - define conteúdo para navegadores que não suportam frames

Profº Cláudio Barbosa HTML – Frames Outros atributos da tag frameborder (1 ou 0) – define se o frame tem borda ou não marginheight (pixels) – define a altura das margens superior e inferior do frame marginwidth (pixels) – define a largura das margens direita e esquerda do frame name – define o nome do frame para utilizar como destino de links; noresize – impede que as dimensões dos frames sejam alteradas pelo visitante da página. Sem esse atributo essas dimensões podem ser alteradas; scrolling (auto|no|yes) – define se a barra de rolagem será automática, não aparecerá ou se aparecerá mesmo sem necessidade; bordercolor – define a cor da borda do frame. Esse atributo não é definido no HTML 4.0. Não há garantias de seu funcionamento.

Profº Cláudio Barbosa HTML – Frames Frames complexos Frames O frameset de colunas substituiu o frame da segunda linha

Profº Cláudio Barbosa HTML – Frames Frames nomeados e links Frame nomeado Links carregados em um frame nomeado Produtos Serviços Empresa Contato No exemplo acima seria útil definir target=_top remove todos os frames e abre o link na janela atual

Profº Cláudio Barbosa HTML – Frames Frames flutuantes Frames flutuantes Câmera 1 Câmera 2 Câmera 3

Profº Cláudio Barbosa HTML – Frames Atributos da tag frameborder (1 ou 0) – define se o frame tem borda; width – define a largura do frame; height – define a altura do frame; marginheight (pixels) – define a altura das margens superior e inferior do frame; marginwidth (pixels) – define a largura das margens direita e esquerda do frame; name – define o nome do frame para utilizar como destino de links; scrolling (auto|no|yes) – define se a barra de rolagem será automática, não aparecerá ou se aparecerá sempre; align – define o posicionamento do frame em relação ao texto.