INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES FRAMES. Professor Carlos Muniz



Documentos relacionados
Links e Frames José Antônio da Cunha

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

HTML Página 29. Índice

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

Programação para Internet

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

DESENVOLVIMENTO WEB I

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

3 HTML Tabelas, frames e formulário

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

Ferramentas para Multimídia e Internet

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.

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

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

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

Frames. Documentos de Layout Documentos de Conteúdo

OPERAÇÃO DE SOFTWARE E APLICATIVOS

HTML Página 23. Índice

O HTML possui sintaxes para os tags na ordem LIFO, ou seja, o último tag a ser digitado é o primeiro a ser fechado, por exemplo:

Roteiro 2: Conceitos de Tags HTML

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.

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

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

REVISÃO DAS PUBLICAÇÕES

Todos os tags obedecem a uma hierarquia, como no seguinte exemplo: <a> <b> <c> </c> </b> </a>

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

2. Linguagem XHTML. " codebase: indica o local onde se encontra a classe que implementa o applet. " code: nome da classe que implementa o applet

Módulo: Criação de Páginas WEB

INDICE 1. INTRODUÇÃO À INTERNET E A THE WORLD WIDE WEB...4

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

GERENCIADOR DE CONTEÚDO

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES CORPO DE UMA PÁGINA. Professor Carlos Muniz

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont

Curso básico de LibreOffice/Impress

Introdução ao HTML Hypertext Markup Language

Programação Na Web. Molduras HTML. Agenda

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

Linguagem HTML: Frames

Programação para Internet I

Desenvolvedor Web Docente André Luiz Silva de Moraes

As tags indicam as diversas partes da página e produzem diferentes efeitos no navegador, elas são os comandos da linguagem HTML.

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

UNIVERSIDADE FEDERAL DO PARANÁ FRONTPAGE 2000

Profº Klassen Etec Parque Belém Informática para Internet - DDW I Informática - PI Página 1

HTML. Conceitos básicos de formatação de páginas WEB

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza


Introdução ao HTML. Sumário

Internet. Prof. Ricardo Argenton Ramos.

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;

1) Crie uma nova página chamada Exercício.html e deixe-a com o seguinte layout:

Licenciamento de Uso

Aula 5 Microsoft PowerPoint 2003: Criando uma Apresentação

As janelas do browser

MANUAL VERSÃO

Imagens: <img src="..."> src <img src="tecnologia.jpg"> único atributo que não pode ser omitido neste TAG Nota: img

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)

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

Para inserir custo fixo às tarefas, siga os passos abaixo :

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

HTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10

Programação web Prof. Wladimir

Técnicas e processos de produção. Profº Ritielle Souza

P á g i n a 1 MANUAL DE UTILIZAÇÃO DO PORTAL UNIR

1º No módulo de Gestão Contábil é possível acessar o relatório através do menu Relatórios Razão.

Passa a passo para construir uma página pessoal - Parte 1

Desenvolvimento de Aplicações WEB 1 HTML

MANUAL VERSÃO

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização

OURO MODERNO Web Designer APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

MANUAL DE UTILIZAÇÃO DO SISTEMA DE GESTÃO DE DOCUMENTOS PARA CERTAMES SIGEDCERT - MODO USUÁRIO

Ambiente Virtual de Aprendizagem. Tutorial Básico. UEM - Núcleo de Educação a Distância 1

6.1. Inserir Consultar Listar Todos Alterar BENEFÍCIOS... 12

Conteúdo Programático do Web Design

( Curso Introdutório) Versão 0.2a 7 de março de Versão - Rascunho -

Podemos também definir o conteúdo dos menus da página inicial. Clique em Menus, Main Menu.

Acesse: e entre com seu e senha.

HTML Curso de Introdução

WEBDESIGN. Professor: Paulo Trentin Escola CDI de Videira

Cadastro de Corretores Manual do Usuário

Unidade IV Introdução à Linguagem PHP Parte 1

Imagens: <IMG SRC="..."> SRC <IMG SRC="tecnologia.jpg"> único atributo que não pode ser omitido neste tag Nota: img

Backup (cópia de segurança) e restauração de informações no

LOJAS ESPECIAIS 2014

HTML Básico. Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021)

HTML & CSS INDICE...2

1.1) Acesse o site da faculdade: Esse é o mesmo endereço que um visitante usaria para navegar normalmente no site.

Certificado ISO 9001:2000 Nº /98. Centro de Informática CETEP Quintino Elaborada por: Wanderson Mirandela

POWER POINT. Professor: Leandro Crescencio Colégio Politécnico 1

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5.

QUEM FEZ O TRABALHO?

Curso de HTML. Rone Ilídio

2 HTML Inserindo objetos

STI - Seção Técnica de Informática

Como já foi dito anteriormente o Excel possui recursos que permitem alterar a aparência de nossas planilhas.

SUMÁRIO. Cursos STE SUMÁRIO... 1

Introdução. História. Como funciona

Transcrição:

INTRODUCAO DESENVOLVIMENTO E DESIGN DE FRAMES

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

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

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

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

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

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

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

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

No documento opções.htm, faça o seguinte código: <HTML> <BODY BGCOLOR= #000000 > <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