Agrupamento de Escolas da Batalha Miguela Fernandes Novembro 2010

Slides:



Advertisements
Apresentações semelhantes
Faculdades Integradas Santa Cruz
Advertisements

HTML - HiperText Markup Language Tecnologia para Web
HyperText Markup Language
HTML Com o tag você insere uma linha horizontal entre um parágrafo e outro. Complementos do tag . insere uma linha de largura 7 (pixels).
Instruções para criar o site Primeiro a página principal deverá ser formada por frames. (um horizontal e dois verticais). Topo.html, Menu.html e Meio.html.
HISTÓRIA EM QUADRINHOS
Imagens 4 Para incluir uma imagem usamos a tag Formato: Ex1. Ex2. Ex3. 4 Para transformar.
Incluindo Applets em uma página HTML
Introdução ao JavaScript JavaScript 03
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
Organização de Trabalhos no Word
Html (2 º parte) Fernanda Barroso UM.
Aula 8 - Sumário Inserir painel rolante.
Aula 3 - Sumário Propriedades de uma página Web: aceder, adicionar um som, aplicar uma cor de fundo e uma imagem de fundo.
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.
OSA - Operação de Software e Aplicativos
Tela de apresentação Aqui você conseguir abrir um arquivo novo ou existente Criar um novo arquivo Encontra tutorias Exporta direito para uma rede social.
HTML O que é? HiperText Markup Language
A Linguagem HTML.
7 - Criação de Páginas Web DREAMWEAVER Pt.2
AULA DE HTML BÁSICO.
Linguagem de Programação para WEB
HTML.

Profº Cláudio Barbosa HTML – Frames Dividem a janela do navegador, possibilitando exibir mais de um documento html ao mesmo.
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Í.
Aula02 TAGS Estrutura de uma página html Como salvar página web
HTML Construindo páginas.
Desenvolvimento WEB Profª Fernanda Regebe Castro CEFET-BA – Unidade Porto Seguro.
Material elaborado por
Introdução à Programação para WEB
Tutorial de Wordpress. Sobre o Wordpress  O Wordpress é um gerenciador de conteúdo na web (em especial, blogs). A grande diferença com relação a seus.
HTML HyperText Markup Language Uma linguagem de marcação.
Curso de JavaWeb Módulo 1 e 2 Instrutores: Rodrigo Cardoso
COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA
TEC. DESENVOLVIMENTO WEB Prof.: Jean Carlo Mendes
7 - Criação de Páginas Web
HTML 1ª aula.
PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes
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
PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes
 A tag define o elemento da raiz do documento.  É aquele que tem toda a informação da página.  Diz ao browser para iniciar um novo documento (página.
Criação de Páginas Web A Internet HTML Básico TIC 9º Ano
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.
Guião de Microsoft Word
CONFIGURANDO O FORMATO GERAL DO SEU JORNAL ESCOLAR
Tutorial Wikispaces Edição de páginas Modificado por Ricardo Pimentel a partir de um original de Jennifer TIC – Ano lectivo 2008/2009.
Unifesp - Cursos de Verão 2010 Luiz Gustavo
Fundamentos e Tecnologia em Web
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.
Mestrado design de produto pós ergonomia usabilidade pós em comunicação graduação em design gráfico webdesigner nov/2008 a ago 2009 gerente de projeto.
Karine Alessandra Córdova
HTML Estrutura e Sintaxe.
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
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.
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.
WebSites Dinâmicos Professor: Márcio Ferreira da Silva.
Design para Web 3 XHTML(continuação) Ferramentas para Web I.
Transcrição da apresentação:

Agrupamento de Escolas da Batalha Miguela Fernandes Novembro 2010 HTML: frames Agrupamento de Escolas da Batalha Miguela Fernandes Novembro 2010

HTML: FRAMES O uso de frames permite que diferentes ficheiros HTML componham a mesma página, permitindo dividir o espaço da janela do browser em colunas e/ou linhas e controlar o seu tamanho, determinando quantas serão as subdivisões e qual será sua distribuição na página principal.

HTML: TIPO DE FRAMES Com 2 ficheiros html Com 3 ficheiros html 2 colunas a 2ª com 2 linhas 2 linhas a 2ª com 2 colunas 2 Colunas 2 linhas

HTML: FRAMESET A página frameset é um ficheiro HTML que em vez de conter as tags <BODY> e </BODY> que indicam o conteúdo do documento, possui as tags <FRAMESET> e </FRAMESET>.

HTML: FRAMESET Na tag frameset são importantes os atributos "Rows" e "Cols" (Linhas e colunas) que determinam a orientação dos frames: COLS: determina a divisão da tela em colunas. ROWS: determina a divisão da tela em linhas. Tanto depois de COLS, como após ROWS aparecem, separados por vírgulas, o tamanho de cada linha ou coluna da página.

HTML: FRAMESET – COL e ROW Os valores em cada frame poderão ser: Numérico - pixels – Ex.: (ROWS="30, 50"). Relativo – Ex.: (ROWS="2*,*"). O valor é relativo. Nesse caso a primeira frame ocupará dois terços da tela e o segundo um terço. Percentual – Ex.: (ROWS="25%, 25%, 50%"). O total deve somar 100%. Também poderia ser (ROWS="25%, 25%, *"), pois onde está o asterisco ( * ) o browser colocará o valor que falta para que a soma dos valores seja os 100%.

HTML: FRAMESET ATRIBUTOS Atributos pode ser: FRAMESPACING: determina o espaço entre frames (em pixels). FRAMEBORDER: define se haverá ou não limites entre as frames (admite os valores 1, para inserir limites ou 0, para retirá-las). BORDERCOLOR - especifica a cor do limite entre frames. NORESIZE SCROLLING – Frame não pode ser redimencionada ="NO"

HTML: FRAMESET FRAME (1) Entre as tags <FRAMESET> e </FRAMESET>, deve inserir as tags <FRAME> de acordo com o número de colunas ou linhas inserido nos atributos COLS e ROWS. As tags <FRAME> são responsáveis por definir a página HTML que será carregada dentro de cada uma das divisões do frameset. <HTML> <HEAD> <TITLE>REDES</TITLE> </HEAD> <FRAMESET ROWS="15%,*"> <FRAME SRC="topo.html" NAME=TITLE SCROLLING=NO> <FRAMESET COLS="20%,*"> <FRAME SRC="menu.html" NAME=menu> <FRAME SRC="pagina.html" NAME=pagina> </FRAMESET> </HTML>

HTML: FRAMESET FRAME (2) MENU <html> <head> <title>Redes de computadores</title> </head> <body> Menu <br> <A HREF="http://www.google.pt" target=pagina>google</A> <A HREF="http://www.youtube.com" target=pagina>youtube</A> </body> </html> PÁGINA <html> <head> <title>Redes de computadores</title> </head> <body> Texto página </body> </html>

HTML: FRAMESET FRAME (3)

Webgrafia http://www.ufpa.br/dicas/htm/htm-fra.htm http://www.htmlcodetutorial.com/frames/_FRAMESET.html http://www.tizag.com/htmlT/frames.php