Programação Na Web. Molduras HTML. Agenda
|
|
- Ana Carolina Marroquim Sampaio
- 7 Há anos
- Visualizações:
Transcrição
1 Programação Na Web HTML 1 António Gonçalves Agenda Vantagens e desvantagens do uso de molduras Modelo de uma FRAME Definição de linhas e colunas num FRAMESET Atributos mais utilizados numa FRAME e FRAMESET encadeadas Direccionando um documento para uma Moldura 2
2 Benefícios Permite a visibilidade permanente de partes do interface (por exemplo o índice) Evita a necessidade de voltar a mostrar secções comuns a várias páginas Web Permite uma apresentação consistente ao longo de um portal, o que pode simplificar a sua navegação É um meio que facilita a mistura de páginas HTML e applets Java A exposição de mapas de imagens torna-se mais conveniente se o mapa permanecer no ecran e somente forem alteradas algumas das suas secções 3 Inconvenientes A funcionalidade dos botões para a frente e para trás pode conduzir a uma certa confusão O desenho mal concebido das molduras pode levar a que o utilizador fique perdido É difícil encontrar o URL de uma página Podem surgir problemas com a impressão! É difícil a marcação de uma página Alguns browsers antigos não suportam molduras Problemas de segurança 4
3 Template <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> <HTML> <HEAD><TITLE>Document Title</TITLE></HEAD> Abertura de <FRAMESET...> umamoldura <!-- FRAME and Nested FRAMESET Entries --> <frame src="frame_a.htm"> <frame src="frame_b.htm"> Uma Entrada por ficheiro <NOFRAMES> <BODY> Para Browser que não suportam molduras <!-- Stuff for non-frames browsers --> </BODY> </NOFRAMES> DOCTYPE PRÓPRIO 5 </HTML> Define o conteúdo de uma célula de uma moldura SRC URL do documento a ser posto na célula da moldura NAME Indica um ID que pode ser utilizado como destino nas ligações de hiper texto. FRAMEBORDER, BORDERCOLOR MARGINWIDTH, MARGINHEIGHT SCROLLING Indica a existência de elevadores nas células NORESIZE Indica que as células não podem ser redimensionadas 6
4 A Marca <frameset> define como uma janela deve ser dividida em. Cada frameset define um conjunto de linhas ou colunas. Os atributos de rows/columns indicam a quantidade da janela que cada parte vai ocupar. 7 Atributos do FRAMESET COLS, ROWS Composto por uma lista valores separados por,. Os valores podem ser pixel, percentagens e *. FRAMESET deve definir pelo menos duas linhas ou colunas! Exemplos: <FRAMESET ROWS="50,10%,*,2*">... <FRAMESET COLS="25%,*,*">... 8
5 Exemplos de linhas em FRAMESET <FRAMESET ROWS="50,10%,*,2*">... 9 Atributos do FRAMESET (Continuação) FRAMEBORDER Indica se um bordo é ou não visível entre as células das molduras YES ou 1; o bordo é visível; NO ou 0; bordo não é visível Regra geral é utilizado em conjunto com BORDER=0 e FRAMESPACING=0 BORDER (Netscape), FRAMESPACING (IE) Indica o espaçamento do bordo entre células Só pode ser aplicado a FRAMESET exterior BORDERCOLOR Atribui a cor ao bordo entre células. Pode ser usado hex RGB ou nome de cores 10
6 Elevadores e Bordos Por defeito cada moldura é uma página independente, que pode possuir um elevador O tamanho relativo de uma moldura pode alterado pelo arrastamento entre bordas <!-- SEM MOLDURA --> frameborder=1 frameborder=0 (default) no border <frameset rows="35%,*" frameborder=0> <frame src="html23.html"> <frame src="html24.html"> </frameset> Permite definir o estado do elevador scrolling="auto" scrolling="yes" (default) always scrolling="no" never 11 Exemplos de com e sem Bordo frameborder=1 frameborder=0 12
7 Exemplos Do uso de Cores <frameset rows="50%,50% FRAMEBORDER="yes" BORDERCOLOR="yellow"> <frame noresize="true" src="tryhtml_frame_a.htm"> <frameset cols="25%,75%"> <frame noresize="true" src="tryhtml_frame_b.htm"> <frame noresize="true" src="tryhtml_frame_c.htm"> </frameset> </frameset> 13 Encadeadas 14 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> <HTML> <HEAD><TITLE>Frame Example 1</TITLE></HEAD> <FRAMESET ROWS="55%,45%"> <FRAMESET COLS="*,*,*"> <FRAMESET COLS="*,*"> <NOFRAMES> <BODY> Your browser does not support frames. Please see <A HREF="Frame-Cell.html">non-frames version</a>. </BODY> </NOFRAMES> </HTML> Abertura de umamoldura Abertura de umamoldura Abertura de umamoldura encadeadas Dispostas em Linhas
8 Encadeadas (resultado) 15 Encadeadas <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> <HTML> <HEAD><TITLE>Frame Example 2</TITLE></HEAD> <FRAMESET COLS="55%,45%"> <FRAMESET ROWS="*,*,*"> 16 <FRAMESET ROWS="*,*"> <NOFRAMES> <BODY> Your browser does not support frames. Please see <A HREF="Frame-Cell.html">nonframes version</a>. </BODY> </NOFRAMES> </HTML> encadeadas Dispostas em Colunas
9 Encadeadas, Resultado 17 Navegação numa Moldura Indica o lugar que deve ser carregado uma página referenciada pelo link Usar o atributo NAME do FRAME <FRAME SRC="..." NAME="cellName ID= cellname > Usar o atributo TARGET do A HREF <A HREF="..." TARGET="cellName"> 18
10 Navegação numa <!-- menu28.html --> 19 <!-- Dave Reed html28.html 1/22/02 --> <head> <title>demo Browser</title> </head> <frameset cols="30%,*"> <frame src="menu28.html" name="menu id= menu > <frame src="html01.html" name="main id= main > </frameset> view page in browser <head> <title>menu of Demos</title> </head> <body> Links to demo pages <p> <a href="html01.html" target="main">html 1</a><br> <a href="html02.html" target ="main">html 2</a><br> <a href="html03.html" target ="main">html 3</a><br> <a href="html04.html" target ="main">html 4</a><br> <a href="html05.html" target ="main">html 5</a><br> <a href="html06.html" target ="main">html 6</a> </p> </body> Navegação em Frame TOC.HTML Frame INTRODUCTION.HTML 20
11 Cold-Fusion.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> <HTML> <HEAD> <TITLE>Investing in Cold Fusion</TITLE> </HEAD> <FRAMESET ROWS="75,*"> <FRAME SRC="TOC.html" NAME="TOC"> <FRAME SRC="Introduction.html" NAME="Main"> <NOFRAMES> <BODY> This page requires Frames. For a non-frames version, <A HREF="Introduction.html">the introduction</a>. </BODY> </NOFRAMES> </HTML> 21 TOC.html 22 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>Table of Contents</TITLE> </HEAD> <BODY> <TABLE WIDTH="100%"> <TR><TH><A HREF="Introduction.html" TARGET="Main"> Introduction</A></TH> <TH><A HREF="Potential.html" TARGET="Main"> Potential</A></TH> <TH><A HREF="Investing.html" TARGET="Main"> Investing</A></TH> <TH><A HREF="References.html" TARGET="Main"> References</A></TH></TR> </TABLE> </BODY> </HTML>
12 Exemplo, Resultados 23 Nomes de predefinidas _blank Carrega documento numa nova janela do browser _top Carrega documento na janela do browser O documento não fica armazenado na célula _parent Carrega documento no FRAMESET pai O mesmo efeito que _top se não existir molduras encadeadas _self Carrega documento na célula corrente 24
13 Sair das 25 Existem situações que é necessário sair de uma moldura Para indicar _top" como TARGET <!-- html29.html --> <head> <title>demo Browser</title> </head> <frameset cols="30%,*"> <frame src="menu29.html" name="menu"> <frame src="html01.html" name="main"> </frameset> <!-- menu29.html --> <head> <title>menu of Demos</title> </head> <body> Links to demo pages <p> <a href="html01.html target="main">html 1</a><br> <a href="html02.html" target="main">html 2</a><br> <a href="html03.html" target="main">html 3</a><br> <a href="html04.html" target="main">html 4</a><br> <a href="html05.html" target="main">html 5</a><br> <a href="html06.html#c7 " target="main">html 6</a><br> <br> <a href=" target="_top">creighton</a> </p> </body> Exemplo: html06.html 26 <body> <a name="c1"><h2>chapter 1</h2> <p>this chapter explains ba bla bla</p> <a name="c2"><h2>chapter 2</h2> <p>this chapter explains ba bla bla</p> <a name="c3"><h2>chapter 3</h2> <p>this chapter explains ba bla bla</p> <a name="c4"><h2>chapter 4</h2> <p>this chapter explains ba bla bla</p> <a name="c5"><h2>chapter 5</h2> <p>this chapter explains ba bla bla</p> <a name="c6"><h2>chapter 6</h2> <p>this chapter explains ba bla bla</p> </body>
14 Uso de IFRAME <body> <iframe src ="default.asp" SCROLLING="yes"> </iframe> <p>some older browsers don't support iframes.</p> <p>if they don't, the iframe will not be visible.</p> </body> 27 Sumário As exigem o uso de um DOCTYPE especial para ser possível a sua validação Uma FRAMESET pode ser dividida em colunas ou linhas Para poder-se utilizar em simultâneo colunas e linhas é necessário usar FRAMESET encadeadas Ao ser associado um nome a uma FRAME é possível carregar um documento numa celula <FRAME NAME=" "> <A HREF=" " TARGET=" "> Existe quatro nomes de molduras predefinidas _blank, _top, _parent, and _self 28
Geralmente uma página com frames é constituída por dois ou três elementos básicos:
Objectivos da actividade: Frames Exemplos de frames Com 2 ficheiros Com 3 ficheiros 2 colunas 2 linhas 2 colunas a 2a. com 2 linhas 2 linhas a 2a. com 2 colunas Geralmente uma página com frames é constituída
Leia maisComo criar um conjunto de subjanelas com três documentos dispostos na vertical
Mollduras ("frames") As molduras ("frames") são subjanelas definidas sobre a janela principal do browser. Estas subjanelas são criadas dividindo a janela em várias partes. Cada uma dessas partes pode apresentar
Leia maisHTML HTML. Centro de Form. Profissional de Alverca Formador: Cosmin Constantinescu 1
HTML Sessão 9 HTML Quem já navegou um pouco pela Internet com certeza já encontrou páginas em que, por exemplo, existe um menu estático no lado esquerdo do ecrã e o conteúdo do lado direito é que vai mudando.
Leia maisAula 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.
Aula 6: Frames Você certamente já visitou páginas organizadas em áreas diferenciadas que podiam ser usadas, redimensionadas movidas para cima ou para baixo independentemente. Pois essa possibilidade de
Leia maisFrames. Documentos de Layout Documentos de Conteúdo
Frames Através da utilização de frames, a janela de um browser pode ser dividida em diversas partes. Cada uma dessas partes é chamada de frame. Cada frame pode ser manipulado separadamente e contém um
Leia maisHTML Página 23. Índice
PARTE - 4 HTML Página 23 Índice HTML - Frames... 24 Exemplo:... 24 Parâmetros utilizados para a marcação ... 25 Composições com Frames... 25 Exemplo 1.... 26 Exemplo 4.... 26 Parâmetros que Completam
Leia maisDesenvolvimento web I Aula 6 - Frames
Desenvolvimento web I Aula 6 - Frames Prof.: Marlon Marcon 28/03/2011 1 Frames As molduras ("frames") são subjanelas denidas sobre a janela principal do browser. Estas subjanelas são criadas dividindo
Leia maisINTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES FRAMES. Professor Carlos Muniz
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
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisLinguagem HTML: Frames
Linguagem HTML: Frames Prof. André Constantino da Silva Prof. Rodolfo Francisco de Oliveira IAM 1 semestre de 2012 15 de maio de 2012 Aula de Hoje Divisão da janela em partes para exibir várias páginas
Leia maisTags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html
Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento
Leia maisLinks, Imagens e Tabelas
Links, Imagens e Tabelas Criar um link em um texto significa estabelecer uma ligação com outra página, outro texto, que o leitor pode abrir clicando numa palavra, grupo de palavras ou em uma imagem. Para
Leia maisInternet & HTML Internet & HTML Pedro Costa / 2004
Internet & HTML Pedro Costa / 2004 Como funcionam as páginas Web As páginas web são apenas constituídas por texto ASCII plano. Os Web browsers processam o código usado nas páginas web para mostrarem uma
Leia maisO que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia mais1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão
1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena
Leia maisHTML. Frames e FORMs
HTML Frames e FORMs Frames As frames são divisões do ecrã do browser em diversas janelas (ou quadros ). Torna-se assim possível apresentar mais do que uma página numa janela do browser. É muito fácil colocar
Leia maisProgramação para Internet
Programação para Internet Aula 09 Os direitos desta obra foram cedidos à Universidade Nove de Julho Este material é parte integrante da disciplina oferecida pela UNINOVE. O acesso às atividades, conteúdos
Leia maisTabelas Div Span Frames Formulários
Tabelas Div Span Frames Formulários Tabelas Tabelas implementam um conceito importante de layout: as grades, segundo as quais organizamos textos e ilustrações de maneira harmoniosa. A utilização de tabelas
Leia maisProf. Fernando Gonçalves Abadia. Sistemas Multimídias
Prof. Fernando Gonçalves Abadia Sistemas Multimídias Títulos Títulos são definidos com as tags a . A define o título maior. A define o título menor. este é um título este
Leia maisHyperText Markup Language HTML. Formulário
HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução O usuário interage com os serviços
Leia mais<CENTER> <iframe src="http://www.universo.edu.br" width=740 height=255> </iframe> </CENTER>
6.4 iframes: Outra maneira mais elegante de inserir outras páginas dentro de nossos documentos HTML é através do comando . Nesse caso, devemos especificar o tamanho do espaço que deverá ser aberto
Leia maisDesenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Frames São janelas que podem conter páginas Web. Uma janela pode ser subdividida em várias subjanelas, cada uma, visualizando
Leia mais17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisMódulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.)
Módulo 17E Revisões de HTML A) Noções básicas de HTML (cont.) Inserção de Imagens A inserção de imagens em documentos HTML é feita através da tag (que não tem tag de fecho). A indicação do local
Leia mais<title>introdução a HTML</title>
introdução a HTML programação para a Internet prof. Vilson Heck Junior O que é HTML Hypertext Markup Language: Linguagem de Marcação de Hipertexto; É uma coleção de TAGs
Leia maisFábio Borges de Oliveira. HTML HyperText Markup Language
Fábio Borges de Oliveira HTML HyperText Markup Language Frame
Leia maisPROGRAMAÇÃO EM AMBIENTE WEB I
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisLinguagem XHTML -Aula 3 Cleverton Hentz
Linguagem XHTML -Aula 3 Cleverton Hentz Sumário da Aula Tags Básicas da Linguagem Lista Ordenadas e não ordenadas Imagens, Links e Âncoras 2 Tags Básicas: Trabalhando com Texto Existem algumas tags que
Leia maisO que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia maisDESENVOLVIMENTO WEB I - 7122
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Leia maisLinks 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
Leia mais6.2 - Formulários: form <form action="url_de_script" method="método">...</form> form action method POST GET exceto outros formulários form
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Leia maisJavaScript Exercício Comportamentos Dinâmicos
JavaScript Exercício Comportamentos Dinâmicos Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto Sumário Com este exercício pretende-se apresentar um exemplo simples
Leia maisHTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10
HTML Sessão 10 HTML HTML permite que caracteres especiais sejam representados por sequências de escape, indicadas por três partes: um & inicial, um número ou cadeia de caracteres correspondente ao caractere
Leia maisFerramentas para Multimídia e Internet - 1486
1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato
Leia maisOs 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
INTRODUÇÃO A PROGRAMAÇÃO HTML 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 apenas os comandos necessários
Leia maisFormulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.
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. O formulário depende de outros programas no servidor, para receber e
Leia mais3 HTML Tabelas, frames e formulário
3 HTML Tabelas, frames e formulário Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Tabelas...3 Principais atributos das tabelas...4 Principais atributos
Leia maisOPERAÇÃO DE SOFTWARE E APLICATIVOS
OPERAÇÃO DE SOFTWARE E APLICATIVOS 1 SUMÁRIO 1 INTRODUÇÃO A WEB... 4 1.1 O QUE É A WORLD WIDE WEB?... 4 1.2 COMO FUNCIONA A WWW?... 4 1.3 SERVIDORES WEB... 4 1.4 BROWSERS... 4 1.5 PADRÕES DA WEB... 5 1.6
Leia maisIntrodução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Leia maisVolnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Leia maisPÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Formulários HTML Aula 07: Formulários e Frames HTML Os formulários HTML são utilizados, geralmente, como entradas de dados prépreenchimento,
Leia maisHTML. Professor Victor Sotero. html
HTML Professor Victor Sotero html 1 Conceito Linguagem com a finalidade de marcação de hipertexto, sendo assim escritas páginas da web, e interpretada pelo navegador. As páginas contém um código fonte,
Leia maisProgramação para Web HTML - Parte 2
Programação para Web HTML - Parte 2 Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 2 de março
Leia maisCapítulo 9 - Imagens. Imagens
Capítulo 9 - Imagens 9 Imagens EM JAVASCRIPT, É POSSÍVEL MANIPULAR COM AS IMAGENS DE UMA PÁGINA, alterando a URL que localiza o arquivo de imagem. Assim, pode-se trocar a imagem que está sendo exibida
Leia mais#Fundamentos de uma página web
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS SÃO GONÇALO DO AMARANTE PROGRAMAÇÃO WEB #Fundamentos de uma página web Eliezio Soares elieziosoares@ifrn.edu.br Aula de
Leia maisftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia5.zip 1996 Tutorial - Autoria em World Wide Web
RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia5.zip janeiro 1996 Tutorial - Autoria em World Wide Web Parte IV - Hypertext
Leia maisApostila de XHTML Curso de Internet Professor Rinaldo Demétrio
Conteúdo XHTML - Por quê?... 2 Porque XHTML?... 2 Diferenças Entre XHTML e HTML... 3 Como Preparar-se para a XHTML... 3 As Diferenças Mais Importantes:... 3 Os Elementos Devem Estar Devidamente Aninhados...
Leia maisHTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
Leia maisSíntese da aula anterior
Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações Foi também disponibilizado um formulário de ajuda em html com as tags principais Sítio da aula anterior: http://www.marcosoares.com/aia/11/aula_2010_04_16/
Leia maisDaniel Röhers Moura. Software HandsOn.TV. danielrohers
Daniel Röhers Moura Software Engineer @ HandsOn.TV rohersmoura@gmail.com danielrohers 1 HTML o que? HTML5 é a nova versão do HTML, simples assim! :) Foi lançada em 2008 e traz consigo importantes mudanças
Leia maisHTML HyperText Markup Language
Tecnologias para Web Design HTML HTML HyperText Markup Language ÿ Estrutura documentos a serem apresentados por agentes de usuários ex. browsers ÿ O texto de um documento é incluído diretamente no código
Leia maisAdobe. Dreamweaver CS4
Adobe Dreamweaver CS4 ÍNDICE CAPÍTULO 1 INICIANDO O DREAMWEAVER... 7 CONHECENDO A TELA DO DREAMWEAVER... 8 CAPÍTULO 2 INICIANDO A CRIAÇÃO DO SITE... 15 REDIMENSIONANDO A JANELA DO DOCUMENTO... 18 INSERINDO
Leia maisTarlis Portela Web Design HTML
Tarlis Portela Web Design HTML HTML Definição HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) ; É uma linguagem de marcação utilizada
Leia maisXTHML. 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações);
1. XHTML TEM SUA ORIGEM NO XML; 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações); 4. XHTML é uma "Web Standard ; Neste link (http://www.maujor.com/w3c/xhtml10_2ed.html)
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Declaração DOCTYPE em documentos HTML O W3C (World Wide Web Consortium: www.w3.org), encarregado da criação dos Standard webs, define
Leia maisTodos os tags obedecem a uma hierarquia, como no seguinte exemplo: <a> <b> <c> </c> </b> </a>
O que é o HTML? HTML significa HyperText Markup Language, e é uma linguagem universal destinada à elaboração de páginas com hiper-texto, como o nome indica. O conceito de hiper-texto é bastante simples:
Leia maisMÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: <?xml?>, <!DOCTYPE>, <html>, <head>, <body>, <body bgcolor>.
MÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: , , , , , . Conceitos básicos do funcionamento da Internet Internet
Leia maisO elemento para definição de uma tabela é <TABLE> sendo finalizada com </TABLE>. Este elemento prevê sub-elementos para sua composição.
HTML Tabelas O elemento para definição de uma tabela é sendo finalizada com. Este elemento prevê sub-elementos para sua composição. 1. Sub-elemento Título O título de uma tabela é definido pela
Leia mais2. Linguagem XHTML. " codebase: indica o local onde se encontra a classe que implementa o applet. " code: nome da classe que implementa o applet
2. Linguagem XHTML! Uma página XHTML pode conter ligações para outros documentos conforme vimos na aula passada. Mas um documento XHTML pode conter também ligações para outros objetos, como folhas de estilo,
Leia maisSISTEMA DE APRENDIZADO DE ALGORITMOS PELA WEB IMPLEMENTADO COM GRÁFICOS VETORIAIS
Fundação Universidade Regional de Blumenau Centro de Ciências Exatas e Naturais Bacharelado em Ciências da Computação Trabalho de Conclusão de Curso SISTEMA DE APRENDIZADO DE ALGORITMOS PELA WEB IMPLEMENTADO
Leia maisGuia de Bolso HTML e XHTML
Guia de Bolso HTML e XHTML Este guia de bolso oferece uma listagem concisa, porém abrangente, dos elementos e atributos especificados nas Recomendações HTML 4.01 e XHTML 1.0. O texto utiliza a abreviação
Leia maisLaboratório de Sistemas e Serviços Web
Ministério da Ciência, Tecnologia e Ensino Superior U.C. 21182 Laboratório de Sistemas e Serviços Web Época Normal, 2017/2018 INSTRUÇÕES PARA A RESOLUÇÃO DO EXAME, ACONSELHA-SE QUE LEIA ATENTAMENTE O SEGUINTE:
Leia mais</H1>... <H6>... </H6>
HTML ... *Todo arquivo html tem que ter esse corpo no início e no fim do arquivo. ... *É o cabeçalho, contém todas as informações necessárias para o navegador ou servidor processar
Leia maisPROGRAMAÇÃO WEB DO LADO DO CLIENTE
PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,
Leia maisRoteiro 2: Conceitos de Tags HTML
Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias
Leia maisDesenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo
Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de
Leia maisTECNOLOGIA WEB CRIANDO TABELAS
TECNOLOGIA WEB CRIANDO TABELAS USANDO UM ARQUIVO CSS ATRAVÉS DE UM LINK INTERNO DIGITE O CÓDIGO ABAIXO no bloco de notas, Notepad++ ou no amaya: OBS. 01: Em vermelho temos os comentários do código e em
Leia maisRecursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
Leia maisSEPARAÇÃO EM: Apresentação Estrutura Comportamento
SEPARAÇÃO EM: Apresentação Estrutura Comportamento Arquitectura de Sistemas DEI-ISEP Estrutura/Apresentação/Comportamento Uma boa prática na construção de páginas web: Separação em 3 camadas: Estrutura
Leia maisTecnologia WEB I. Prof. Erwin Alexander Uhlmann. Dos princípios do HTML, estruturação com CSS e automação com Javascript
1 Tecnologia WEB I Prof. Erwin Alexander Uhlmann Dos princípios do HTML, estruturação com CSS e automação com Javascript UHLMANN, Erwin Alexander. Dos princípios do HTML, estruturação com CSS e automação
Leia maisGUIA BARE BONES HTML. by Kevin Werbach traduzido por: Maurício Wolff Versão 3.0 Formatada de julho de 1996
GUIA BARE BONES HTML by Kevin Werbach traduzido por: Maurício Wolff Versão 3.0 Formatada -- 21 de julho de 1996 A última versão deste documento está disponível em: . O Guia
Leia maisMini-Curso Expotec 2010 Professores: Paulo Vítor, Jackson, Raimundo, Lucas e Cleverton
Mini-Curso Expotec 2010 Professores: Paulo Vítor, Jackson, Raimundo, Lucas e Cleverton Sumário da Aula Introdução Introdução à XHTML Introdução à Folhas de Estilo (CSS) A Ferramenta Dreamweaver CS4 2 O
Leia maisDezembro/2012. Universidade Federal Fluminense. Curso de Introdução ao HTML. SeTel- Grupo PET-Tele. Adicionando links e imagens. Tabelas.
Universidade Federal Fluminense Dezembro/2012 1 2 3 4 5 6 7 8 Informações principais Base da Web: - Um esquema de nomes para localização de fontes de informação na Web : URL. - Um Protocolo de acesso para
Leia maisTécnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza INTRODUÇÃO HTML Sigla em inglês para Hyper Text Markup Language, traduzindo daria algo como Linguagem para marcação de Hipertexto. E o que seria o
Leia maisTabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr>
Tabelas HTML Tabelas Tabelas São definidas pela tag Uma tabela é dividida em linhas -com a tag Cada linha divida em células de dados (com a tag ). As letras td são um acronimo
Leia mais1) Crie uma nova página chamada Exercício.html e deixe-a com o seguinte layout:
Exercícios: 1) Crie uma nova página chamada Exercício.html e deixe-a com o seguinte layout: a) O cabeçalho Sistema de Órgãos Colegiados deve ter tamanho 3 e ficar centralizado. b) Após o cabeçalho incluir
Leia maisA linguagem Hyper Text Markup Language (HTML)
A linguagem Hyper Text Markup Language (HTML) Nota: Contém material utilizado no curso de HTML do Instituto Superior de Engenharia de Lisboa (ISEL) Ultima actualização: 15-10-2006 O que é? Linguagem para
Leia maisInformática I. Aula 3. Aula 3-03/09/2007 1
Informática I Aula 3 http://www.ic.uff.br/~bianca/informatica1/ Aula 3-03/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisAnexo I. Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa.
Anexo I Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa. NOTA: Os exemplos utilizados neste documento fazem referência a uma página de curso com quatro níveis, conforme
Leia maisIntrodução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário
Introdução HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ O usuário interage com os serviços
Leia maisHTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Leia maisWeb Design Responsivo
Web Design Responsivo O Design Responsivo ajusta-se automaticamente baseado no tamanho da tela do dispositivo de mídia que está sendo utilizado. Nós estudaremos como utilizar a propriedade @media_property
Leia maisDesenvolvimento de Conteúdos para a Web
Desenvolvimento de Conteúdos para a Web Iniciar a aplicação Existem várias formas de o fazer, por exemplo: através do menu Iniciar, opção Programas, Microsoft FrontPage (ou na versão inglesa: Start, Programs,
Leia maisHiperlinks. Hiperlinks. Hiperlinks. Tag <a></a> Hiperlinks 07/05/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2 Documentos hipertexto permitem estabelecer fluxos
Leia maisPROGRAMAÇÃO PARA INTERNET. Prof.: Jean Carlo Mendes
PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes carlomendes@yahoo.com.br http://www.jeancarlomendes.com.br HTML Tabelas - As tabelas em HTML são criadas através das tags e - Algumas
Leia maisProf. Erwin Alexander Uhlmann 1/7/2010
AULA 2 As tags singulares como , , , entre outras, são aquelas que não possuem as tags de fechamento, elas abrem e nelas mesmas são encerradas, de acordo com o XHTML 1.1, o atual,
Leia maisDesenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Listas A HTML permite definir três categorias distintas de listas: Ordenadas Sem ordenação Lista de definição 2/28 Listas
Leia maisINDICE 1. INTRODUÇÃO À INTERNET E A THE WORLD WIDE WEB...4
INTRODUÇÃO À PROGRAMAÇÃO WEB 2007 1 INDICE 1. INTRODUÇÃO À INTERNET E A THE WORLD WIDE WEB...4 1.1 A INTERNET...4 1.2 ENDEREÇAMENTO INTERNET...4 1.3 DEFINIÇÕES DA HTML...4 1.4 ELEMENTOS DE UM PROJETO WEB...4
Leia maisTecWeb Tecnologias Web. Prof. Esp. Douglas Mariano dos Santos
TecWeb Tecnologias Web Prof. Esp. Douglas Mariano dos Santos Sobre mim Formado na FAU: Faculdade Alfa de Umuarama Sistemas para Internet Formado na FCV MBA em Desenvolvimento para Aplicativos Móveis Trabalhou
Leia maisO HTML possui sintaxes para os tags na ordem LIFO, ou seja, o último tag a ser digitado é o primeiro a ser fechado, por exemplo:
HTML é a sigla usada para Hyper Text Markup Language (linguagem de Marcação de Hipertexto). É a linguagem destinada a criação de páginas para a WEB. Ao contrário do que muita gente boa pensa, HTML não
Leia maisManual de Utilizador do Backoffice
Manual de Utilizador do Backoffice Conteúdo Acesso ao Backoffice... 2 Actualizar Conteúdos do Website... 3 Homepage... 3 Quem Somos... 5 Serviços... 7 Outros Produtos... 8 Empresas Parceiras... 9 Contactos...
Leia maisGuia para criar aplicações simples em APEX/ Guide to create simple Apex applications (perte I)
Guia para criar aplicações simples em APEX/ Guide to create simple Apex applications (perte I) Entrar em/ go to: bd2:priv.di.fct.unl.pt:8090/apex Depois de entrar verá / after entering you will see: Depois
Leia maisInterface Web XHTML - CSS. Arquitectura de Sistemas DEI-ISEP
Interface Web XHTML - CSS Arquitectura de Sistemas DEI-ISEP Interface Web - Programação Cliente XHTML Noções de DHTML Folhas de estilo - Cascading Style Sheets Javascript html html Hypertext Markup Language
Leia maisTECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Leia maisHTML Página 29. Índice
PARTE - 5 HTML Página 29 Índice HTML - Hiperlinks... 30 Frames com links... 31 O código fonte do arquivo índex.htm... 31 Conhecendo os comandos border e bordercolor do frame... 31 Conhecendo os comandos
Leia mais