Web Design Aula 11: XHTML
|
|
|
- José do Amaral Gomes
- 9 Há anos
- Visualizações:
Transcrição
1 Web Design Aula 11: XHTML Professora: Priscilla Suene
2 Motivação HTML : Havia hipertextos, não havia preocupação com a apresentação HTML 3: Guerra dos Browser (Microsoft x Netscape) HTML 4 : W3C -> HTML Padrão HTML 4.01: 1999 Quase todo browser exibia o conteúdo do site de forma satisfatória XHTML HTML 5
3 Motivação XHTML 1.0: Reescrita do HTML utilizando XML HEIM?
4 Roteiro SGML XML XHTML W3C Padronização XHTML Elementos Obrigatórios Validação
5 Introdução Entre 1993 e 1995, o HTML ganhou as versões HTML2.0 e HTML3.0, onde foram propostas diversas mudanças para enriquecer as possibilidades da linguagem. Contudo, até aqui o HTML ainda não era tratado como um padrão. Apenas em 1997, o grupo de trabalho do W3C responsável por manter o padrão do código, trabalhou na versão 3.2 da linguagem, fazendo com que ela fosse tratada como prática comum, gerando HTML 4. Depois surgiu o XHTML.
6 SGML Todas as linguagens de marcação da web são baseadas em SGML (Standard Generalized Markup Language) SGML serve de base para criação de outras linguagens HTML e XML são ambas derivadas do SGML.
7 SGML Enquanto a HTML é uma aplicação da SGML XML é um um subconjunto específico da SGML, projetada para ser mais simples de se analisar gramaticalmente e de se processar do que SGML.
8 XML O SGML foi usada para criar o XML (ExtensibleMarkup Language) também uma metalinguagem, porém, mais simples Com XML você cria suas próprias tags e atributos para escrever seu documento, consequentemente, sua própria linguagem de marcação
9 XML De onde veio o XHTML?
10 XHTML XHTML é uma aplicação de XML. As tags e atributos foram criadas ( inventadas ) aproveitando-se das conhecidas tags e atributos do HTML 4.01 e suas regras Ao utilizar XHTML estamos escrevendo código XML, onde as tags e atributos já estão definidos
11 XHTML XHTML é uma linguagem de marcação bem familiar para quem conhece HTML A transformação de um documento HTML existente em XHTML é uma tarefa bem simples Escrita para substituir o HTML. É, na verdade, um HTML puro, claro e limpo.
12 XHTML Vantagens - Compatibilidade da linguagem com futuras aplicações dos usuários - Outras versões dos navegadores podem deixar de suportar atributos e elementos já em desuso (que XHTML não permite utilizar) - XHTML é um código consistente - Editar um código XHTML é uma tarefa bem simples por tratar-se de uma escrita limpa e evidente
13 XHTML Vantagens - O tempo de carregamento de uma página XHTML é menor, ou seja, a velocidade é maior - Os navegadores não precisam ficar procurando erros de código - Maior portabilidade. Os navegadores atuais implementam o padrão da W3C. - Uma página XHTML é compatível com todas as aplicações de usuários para HTML antigos e já ultrapassadas
14 XHTML XHTML é Web Standard - XHTML 1.0 é uma recomendação do W3C (World Wide Web Consortium)
15 W3C Consórcio internacional que agrega empresas, órgãos governamentais e organizações independentes Visa desenvolver padrões para a criação e interpretação de conteúdos para a Web
16 Padronização XHTML Todas as tags devem ser escritas usando letras minúsculas As tags devem estar convenientemente aninhadas Os documentos devem ser bem formados O uso de tags de fechamento é obrigatório Elementos vazios devem ser fechados Diferenças para atributos
17 Padronização XHTML Todas as tags devem ser escritas usando letras minúsculas Exemplo <P><b>Errado</B></p> <p><b>correto</b></p>
18 Padronização XHTML As tags devem estar convenientemente aninhadas Exemplo <b><p><i>errado</p></b></i> <p><i><b>correto</b></i></p>
19 Padronização XHTML As tags devem estar convenientemente aninhadas Elementos de linha e elementos de bloco - Elementos de bloco criam uma linha antes e depois de si próprios (Ex: <p>). Eles ocupam toda a largura disponível do navegador. - Elementos de linha usam somente a largura necessária e não cria nova linha (como o <img>).
20 XHTML As tags devem estar convenientemente aninhadas Os elementos de bloco devem ser dispostos dentro do <body> e não é permitido dispor elementos de linha soltos dentro do body Os elementos de linha devem SEMPRE estar aninhados dentro de elementos de bloco.
21 Padronização XHTML As tags devem estar convenientemente aninhadas Exemplo <body> <p> Errado </p> <img src= imagem.gif alt= imagem /> </body>
22 Padronização XHTML As tags devem estar convenientemente aninhadas Exemplo <body> <p> Correto!<br/> <img src= imagem.gif alt= imagem /> </p> </body>
23 Padronização XHTML Elementos de Bloco <p> <h1> <h2> <h3> <h4> <h5> <h6> <table> <td> <tr> <th> <ol> <ul> <form> <hr> <dd> <dt> <div>
24 Padronização XHTML Elementos de Linha <a> <b> <big> <br> <label> <i> <img> <input> <select> <small> <strong> <sup> <sub> <span> <textarea> <q>
25 Padronização XHTML Os documentos devem ser bem formados As tags <head> e <title> são obrigatórias Exemplo <html> <head> <title></title>... </head> <body>... </body> </html>
26 Padronização XHTML O uso de tags de fechamento é obrigatório Exemplo <p>errado.<p>outro parágrafo Errado <p>correto.</p><p>outro parágrafo correto</p>
27 Padronização XHTML Elementos devem ser fechados Exemplo <br> <hr> <img src= imagem.gif alt= MinhaImagem > <br /> <hr /> <imgsrc= imagem.gif alt= MinhaImagem />
28 Padronização XHTML Diferenças para atributos - Os atributos devem ser escritos com letras minúsculas. - Os valores devem sempre estar entre aspas Exemplo <td ROWSPAN=3> <td rowspan= 3 >
29 Padronização XHTML HTML define o atributo name para <img>, <form> e seus elementos(<input>, <textarea>) e outros Introduziu também o atributo id. Ambos os atributos foram projetados para serem usados como identificadores. Em XML os identificados são exclusivamente do tipo id Em XHTML 1.0, o atributo name está formalmente em desuso, mas é usado por razões de compatibilidade
30 Padronização XHTML Diferenças para atributos - ID x name Exemplo <img src= imagem.gif name= minha_imagem > <img src= imagem.gif name= imagem id= imagem />
31 Padronização XHTML O atributo alt é obrigatório no uso de imagens Exemplo <img src= imagem.gif alt= imagem id= imagem />
32 Elementos Obrigatórios O DOCTYPE deve ser sempre a primeira declaração em um documento web. DOCTYPE não é tag, por isso não precisa de fechamento.
33 Elementos Obrigatórios Exemplos em HTML 4.0.1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " "> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
34 Elementos Obrigatórios O DOCTYPE deve ser sempre a primeira declaração em um documento web. DOCTYPE não é tag, por isso não precisa de fechamento. Exemplo em XHTML: <! DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Strict//EN" " strict.dtd">
35 Elementos Obrigatórios Diz ao browser que a estamos Utilizando XHTML 1.0 e Linguagem em inglês <!DOCTYPE html PUBLIC "-//W3C//DD XHTML 1.0 Transitional//EN" " transitional.dtd"> Diz ao browser que está especificando o tipo de Aponta para o arquivo de identifica esse padrão em particular documento para essa página
36 Elementos Obrigatórios Diz ao browser que a estamos Utilizando XHTML 1.0 e Linguagem em inglês <! DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Strict//EN" " Diz ao browser que está especificando o tipo de Aponta para o arquivo de identifica esse padrão em particular documento para essa página
37 Elementos Obrigatórios Tipos de Documentos: - Transitional - Strict - Frameset
38 Elementos Obrigatórios Strict: Esta é a mais rígida das declarações. Os documentos XHTML no modo Strict não admitem qualquer item de formatação dentro dos elementos e nem elementos em desuso "deprecated" segundo as recomendações do W3C. São indicados para uso com folhas de estilo em cascata, com marcação totalmente independente da apresentação Ex em XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Strict//EN" " strict.dtd">
39 Elementos Obrigatórios Transitional: Esta declaração permite uma maior flexibilidade e é indicada para documentos que ainda utilizem elementos em desuso ("deprecated"), regras de apresentação embutidas em tags e também para documentos destinados a exibição em browsers sem suporte para CSS. Não admite qualquer tipo de marcação para frames Ex em XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Transitional//EN" " transitional.dtd">
40 Elementos Obrigatórios Transitional: Esta declaração permite uma maior flexibilidade e é indicada para documentos que ainda utilizem elementos em desuso ("deprecated"), regras de apresentação embutidas em tags e também para documentos destinados a exibição em browsers sem suporte para CSS. Não admite qualquer tipo de marcação para frames Ex em XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Transitional//EN" " transitional.dtd">
41 Elementos Obrigatórios Frameset: Esta declaração permite tudo da declaração transational e mais os elementos específicos para frames. Ex em XHTML: <XHTML; 1.0 Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Frameset//EN" " frameset.dtd">
42 Elementos Obrigatórios Em XHTML, Devemos incluir também um atributo na nossa tag HTML, para indicar a linguagem utilizada no nosso documento. Exemplo: <html xmlns=" lang="pt-br" xml:lang="pt-br">
43 Elementos Obrigatórios Como ficaria o código? Exemplo em XHTML: <!DOCTYPE html PUBLIC "-//W3C//DD XHTML 1.0 Transitional//EN" " <html xmlns=" <head><title>título</title></head> <body> <p>teste</p> </body> </html>
44 Elementos Obrigatórios Adicione a tag <meta> Essa tag será adicionada entre a tag <head> Essa tag acrescenta informações sobre o documento Exemplo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Strict//EN" " <html xmlns=" lang="pt-br" xml:lang="pt-br"> <head> <meta http-equiv= "content-type" content= "text/html; charset=utf-8" /> <title>título</title> </head> <body> <p>teste</p> </body> </html>
45 Validação Os documentos XHTML devem ser validados de modo a verificar se estão realmente corretos. Validação on-line através do site do W3C Opções: - Validar por URL - Validar por Upload de arquivo - Validar por Inserção direta
46 Validação
47 Validação
48 Validação
49 Errado!!! Validação
50 Errado!!! Validação
TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão [email protected] http://luizleao.com
Luiz Leão [email protected] http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Estrutura básica do HTML Um documento HTML deve estar delimitado pela tag e . Dentro deste documento, podemos ainda distinguir
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML O Desenvolvimento Web O desenvolvimento web é o termo utilizado para descrever atividade relacionada
Desenvolvimento em Ambiente Web. HTML - Introdução
Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,
Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Estrutura Básica do Documento HTML
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage EstruturaBásicadoDocumentoHTML ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
Autoria Web HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML Apresentar
Prof.: Melba Lima Gorza Aula Introdutória de HTML. Componentes do HTML. Estrutura de um documento XHTML
Prof.: Melba Lima Gorza Aula Introdutória de HTML Componentes do HTML Estrutura de um documento XHTML primeiro Documento XHTML meu primeiro documento XHTML
Introdução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira
Introdução Introdução a HTML Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA [email protected] Página Web: É um documento composto de texto e códigos especiais, chamados tags, que especificam
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign Introdução a e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a Apresentar as
Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: [email protected]
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
Programação de Servidores CST Redes de Computadores
Programação de Servidores CST Redes de Computadores Marx Gomes Van der Linden http://marx.vanderlinden.com.br ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) HMTL Arquivo-texto
HTML Página 1. Índice
PARTE - 1 HTML Página 1 Índice HTML A HISTÓRIA... 2 O COMEÇO E A INTEROPERABILIADE... 3 Primeira Página... 4 Entendendo seu código... 5 Abrindo o código fonte da sua página... 6 Comentários na página...
Vejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :
TABELAS As tabelas são muito importantes para o designer de uma home-page. Com elas podese fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz
C A P I T U L O 0 1 I N T R O D U Ç Ã O XHTML
C A P I T U L O 0 1 I N T R O D U Ç Ã O A O XHTML 1 O QUE É XHTML? XHTML significa Linguagem de Marcação de Hipertexto (Extensible Hypertext Markup Language) XHTML é quase idêntico ao HTML 4.01 XHTML é
Aplicação para Web I. Começando a compreender o HTML
Aplicação para Web I Começando a compreender o HTML A Linguagem da WEB O HTML ou HyperText Markup Language linguagem universal compreendida pelos navegadores web (browsers) para a comunicação utilizando
<!DOCTYPE html> <html lang = "pt-br"> <head> <meta charset = UTF-8"> <title> Exemplo de uso correto da semântica HTML </title> </ head >
Para um navegador exibir corretamente uma página web, devemos informar explicitamente o tipo do documento. O tipo do documento é informado com a declaração . TAG
Linguagem de Estruturação e Apresentação de Conteúdos
UNIVERSIDADE TECNOLOGICA FEDERAL DO PARANA MINISTERIO DA EDUCAÇÃO Câmpus Santa Helena Curso de Bacharelado em Ciência da Computação Linguagem de Estruturação e Apresentação de Conteúdos Prof. Me. Arlete
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Redes de Comunicação Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos
WEB DESIGNER WEB DESIGNER
WEB DESIGNER 1 WEB DESIGNER INICIO DO CURSO DE HTML 4.0 Toda vez que você acessar um site (veja tópico Word Wide Web) por meios de domínios quando adiciona a URL na barra de endereço, do seu Navegador
Unidade IV Introdução à Linguagem PHP Parte 1
Unidade IV Introdução à Linguagem PHP Parte 1 Professor Fabiano de Paula Soldati [email protected] http://br.groups.yahoo.com/group/professorsoldati/ Introdução HTML = HyperText Markup Language HTML
Prova de pré-requisito
Prova de pré-requisito PHP & MySQL: Técnicas para Web 2.0 1 - Qual das opções constrói a tabela abaixo: DIA MÊS ANO 28 04 1988 22 02 2002 a) b) c) dia mês ano
TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Compreender a sintaxe utilizada em Folhas de Estilos em Cascata, seu uso e limitações. Apresentar as principais características das
ftp://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
CRIAÇÃO DE SITES (AULA 3)
Prof. Breno Leonardo Gomes de Menezes Araújo [email protected] http://blog.brenoleonardo.com.br CRIAÇÃO DE SITES (AULA 3) Mais algumas tags Existem tagsque são abertas e fechadas em única tag. Estas
Introdução a Servlets e JSP. Prof. Samuel Martins samuellunamartins at gmail dot com Faculdade São Miguel
Introdução a Servlets e JSP samuellunamartins at gmail dot com Conteúdo da aula Introdução a HTML Introdução a Servlets Preparando o ambiente de programação Exemplo de Servlets 2 Websites na década de
Aula 2: Listas e Links
Aula 2: Listas e Links Nesta segunda aula, você aprenderá a utilizar listas numeradas ou não, a entender o que são listas de definições e como fazer referências a outros documentos. Vamos entender a diferença
Profa. Reane Franco Goulart
Profa. Reane Franco Goulart A linguagem HTML (Hypertext Markup Language) tem o objetivo de formatar textos através de marcações especiais denominadas tags, para que possam ser exibidos de forma conveniente
Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar
Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar tabelas (tableless), e utilizando muito . Para continuar lendo esse post,
Relatório: Página HTML
Universidade do Minho Escola de Engenharia Relatório: Disciplina: Linguagens de Programação Curso: Engenharia e Gestão Industrial Carolina Fernandes N.º40532 Guilherme Bacinello N.º42119 Diana Rocha N.º40536
Web design & HTML. avançado
Web design & HTML avançado Helder da Rocha Rev.: WDHT-03-2000/04 A4 (ASIT) Copyright 1998, 1999, 2000 por Helder Lima Santos da Rocha. Todos os direitos reservados. Os direitos do autor sobre esta obra
A estrutura de um documento HTML apresenta os seguintes componentes:
A estrutura de um documento HTML apresenta os seguintes componentes: Titulo do Documento texto, imagem, links,... As etiquetas HTML não são sensíveis
Linguagens para WEB Tecnologia Cliente XHTML / CSS. Professora: Lucélia Oliveira
Linguagens para WEB Tecnologia Cliente XHTML / CSS Professora: Lucélia Oliveira Professora Lucélia Oliveira 2 Sumário APRESENTAÇÃO... 5 1. CONCEITOS... 6 1.1. HTML... 6 1.2. XHTML... 6 1.3. tags... 6 2.
XHTML 1.0 DTDs e Validação
XHTML 1.0 DTDs e Validação PRnet/2012 Ferramentas para Web Design 1 HTML 4.0 X XHTML 1.0 Quais são os três principais componentes ou instrumentos mais utilizados na internet? PRnet/2012 Ferramentas para
XML XML. XML extensible Markup Language HTML. Motivação. W3C: World Wide Web Consortium XML 1.0. Mário Meireles Teixeira DEINF-UFMA
Mário Meireles Teixeira DEINF-UFMA Motivação extensible Markup Language W3C: World Wide Web Consortium http://www.w3.org 1.0 W3C Recommendation, 10/Fev/1998 (inicial) W3C Recommendation, 04/Fev/2004, 3
CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML
INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma
1. INTRODUÇÃO. 1.1 Como são as marcações (tags) HTML?
HTML 1. INTRODUÇÃO HTML abreviação de HiperText Markup Language é a linguagem de programação que usamos para criar uma página Web, que, por sua vez, será composta de textos e comandos especiais, chamados
Siep / Renapi Campus Bento Gonçalves / RS Jucélia Almeida DESENVOLVENDO UM SITE ACESSÍVEL
Siep / Renapi Campus Bento Gonçalves / RS Jucélia Almeida DESENVOLVENDO UM SITE ACESSÍVEL Web para todos De acordo com Cifuentes(2000), Caplan(2002) e Dias (2003), entende-se por acessibilidade à rede
Tecnologias da Internet (T) Avaliação de Frequência (versão A) 120 minutos * 11.04.2013
1 Este é o seu teste de avaliação de frequência. Leia as perguntas com atenção antes de responder e tenha atenção que algumas perguntas podem ter alíneas de resposta em páginas diferentes. Escreva as suas
XML Básico. Murillo Vasconcelos Henriques B. Castro. 17 de maio de 2011
XML Básico Murillo Vasconcelos Henriques B. Castro 17 de maio de 2011 O QUE É? Sigla para extensible Markable Language É uma linguagem de marcação, assim como HTML Desenvolvida para ser auto explicativa
Internet. Gabriela Trevisan Bacharel em Sistemas de Infomação
Internet Gabriela Trevisan Bacharel em Sistemas de Infomação Histórico da Web World Wide Web o nosso www é o meio de comunicação mais utilizado no mundo atualmente. Através da WWW qualquer usuário conectado
Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML
Autoria Web Professor: Diego Oliveira Conteúdo 02: Principais Tags HTML Diferença de HTML e XHTML Os elementos XHTML devem estar devidamente aninhados Os documentos XHTML devem estar bem-formados Os nomes
extensible Markup Language (XML) XML é uma linguagem de anotação. XML utiliza tags para descrever informação.
extensible Markup Language (XML) XML é uma linguagem de anotação. XML utiliza tags para descrever informação. Em XML, os tags não são pré-definidos. Temos de definir os nossos tags. XML utiliza um Document
Té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
Desenvolvimento Web Introdução a XHTML. Prof. Bruno Gomes
Desenvolvimento Web Introdução a XHTML Prof. Bruno Gomes 2014 Introdução HTML e XHTML Estrutura básica do documento DTDs Validação do documento Exercícios HTML e XHTML HTML (Hipertext Markup Language)
Programação para Internet I 5. XHTML. Nuno Miguel Gil Fonseca [email protected]
Programação para Internet I 5. XHTML Nuno Miguel Gil Fonseca [email protected] Standard do W3C (www.w3c.org) desde 1999 Pode ser considerada a mais recente versão da linguagem HTML É uma aplicação
Bem-vindo ao XML. Apostila de XML
Bem-vindo ao XML Bem-vindo a Extensible Markup Language, XML, a linguagem para tratamento de dados em uma forma compacta, fácil de gerenciar sem mencionar o mais poderoso avanço visto na Internet nos últimos
HTML Básico. Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: [email protected]
HTML Básico Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: [email protected] Referências Bibliográficas: Iniciando em HTML Ramalho, Makron Books Home
Programação WEB II. Conhecendo o PHP. Prof: Kelly E. Medeiros Bacharel em Sistema de Informação. Módulo III
Programação WEB II Conhecendo o PHP Módulo III Prof: Kelly E. Medeiros Bacharel em Sistema de Informação 1 Conhecendo o PHP Com o NotePad++ aberto com um arquivo em branco, devemos fazer uma pequena configuração
CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1
ESCOLA ESTADUAL PROF. JOSÉ BARROSO TOSTES PROFESSOR: ESP. ANDREW RODRIGUES CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 1 APOSTILA DE INTRODUÇÃO À LINGUAGEM
Layouts de páginas com HTML e CSS
Layouts de páginas com HTML e CSS Layouts de Páginas com CSS.... 2 Layout com tamanho Líquido... 2 Layout com tamanho Fixo... 3 Desenvolvendo um layout com tamanho fixo.... 5 Layouts de Páginas com CSS.
DESENVOLVIMENTO 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
6.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
Aplicativos para Internet Aula 01
Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx
Web Design Aula 02: HTML
Web Design Aula 02: HTML Professora: Priscilla Suene [email protected] Motivação Roteiro Introdução Conceitos HTML Primeira Página Identação Incluindo o título Salvando a página Vizualizando
> Herbet Ferreira Rodrigues > [email protected]
Curso HTML & CSS > Herbet Ferreira Rodrigues > [email protected] Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação
Tecnologias Web. Formulários HTML
Tecnologias Web Formulários HTML Cristiano Lehrer, M.Sc. Tag form (1/2) Todo formulário em HTML é construído usando elementos dentro de um bloco . O bloco define a URL que receberá o formulário
Introdução ao HTML Utilizando frames Hospedando seu site na WEB
Introdução ao HTML Utilizando frames Hospedando seu site na WEB Por quê???? Por que com tantos editores gráficos de HTML, devemos saber como escrever um código fonte? Porque se você só viu páginas feitas
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
WEBDESIGN. Professor: Paulo Marcos Trentin - [email protected] http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Marcos Trentin - [email protected] http://www.paulotrentin.com.br Escola CDI de Videira Novo projeto com NetBeans A partir de hoje, vamos trabalhar com projetos no NetBeans
Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Elementos Textuais Básicos
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage SeçãodoCorpo ElementosTextuaisBásicos ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger SeçãodoCorpo
LINGUAGEM DE PROGRAMAÇÃO WEB
LINGUAGEM DE PROGRAMAÇÃO WEB GABRIELA TREVISAN Formulários e Aula 3 Relembrando HTML 5 Tag Form o Utilizada para marcar a região do formulário. o Os atributos mais importantes são o method e o action.
Folhas de estilo. Jomi Fred Hübner [email protected]. (XSL e XPath) FURB / DSC
Folhas de estilo (XSL e XPath) Jomi Fred Hübner [email protected] FURB / DSC Fevereiro, 2004 XML Stylesheet Language (XSL) XSL é uma linguagem para descrever folhas de estilo para documentos XML. Transformer
Instituto Siegen Manual do Professor
Manual do Professor - www.institutosiegen.com.br - 1 Instituto Siegen Manual do Professor Manual do Professor - www.institutosiegen.com.br - 2 Sumário Instituto Siegen...1 Manual do Professor...1 Funcionamento
Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Declaração DOCTYPE e Tag Raiz html
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage DeclaraçãoDOCTYPEeTagRaizhtml ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
HTML Básico Formulários. Matheus Meira
HTML Básico Formulários Matheus Meira 1 Objetivos Neste apresentação conheceremos os fundamentos básicos de HTML para a manipulação com servlets e jsp. Serão vistos Formulários Links Elementos de disparo
HTML. Sessão 8 HTML. Criação de Páginas WEB. Formulários
HTML Sessão 8 HTML Falta ver de que forma podemos trocar informações com nosso visitante. Este aspecto é primordial para a grande quantidade de acções que se podem realizar : Comprar um artigo, preencher
JavaScript. Prof. Msc. Juliano Gomes Weber ([email protected]) Notas de Aula Aula 12 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação
UNIJUÍ DETEC Ciência da Computação Prof. Msc. Juliano Gomes Weber ([email protected]) JavaScript Notas de Aula Aula 12 1º Semestre - 2011 Tecnologias Web [email protected] Introdução Com JavaScript implementamos
Relatório referente a compreensão da programação JSP. Realizado do dia de 22 abril de 2010 a 03 de maio de 2010.
Relatório do GPES Relatório referente a compreensão da programação JSP. Realizado do dia de 22 abril de 2010 a 03 de maio de 2010. Compreender a programação JSP. Os Servlets assim como JSP são tecnologias
Respondendo a eventos
Respondendo a eventos Até agora, a maioria dos scripts que você escreveu foi executado de uma forma tranqüila e ordenada, movendo-se da primeira instrução para a última. Agora aprenderemos a utilizar a
Guia de Consulta Rápida XHTML. Juliano Niederauer. Novatec Editora. www.novateceditora.com.br
Guia de Consulta Rápida XHTML Juliano Niederauer Novatec Editora www.novateceditora.com.br Guia de Consulta Rápida XHTML de Juliano Niederauer Copyright 2002 da Novatec Editora Ltda. Todos os direitos
Inserindo e Listando registros
Inserindo e Listando registros Dando prosseguimento à aula anterior, agora precisaremos construir uma rotina que faça a inserção no banco de dados Escola. A ação agora é inserir o aluno na tabela alunos
Certificado ISO 9001:2000 Nº 23.0021/98. Centro de Informática CETEP Quintino www.ciquintino.com.br. Elaborada por: Wanderson Mirandela
Certificado ISO 9001:2000 Nº 23.0021/98 Centro de Informática CETEP Quintino www.ciquintino.com.br Elaborada por: Wanderson Mirandela A POLÍTICA DA QUALIDADE DO CI Prover cursos de nível básico profissionalizante
4 Experimentos. 4.4 detalha os experimentos com os algoritmos V-Wrapper e NCE. 4.1
4 Experimentos A estratégia V-Wrapper descrita por Zheng et. al (ZSW07), resumida no Capítulo 2, foi implementada com a finalidade de comparar um método baseado em atributos visuais com o algoritmo proposto
HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
Aula de JavaScript 05/03/10
Objetos Sabe-se que variável são contêiners que podem armazenar um número, uma string de texto ou outro valor. O JavaScript também suporta objetos. Objetos são contêiners que podem armazenar dados e inclusive
Tutorial Moodle ESDM - professores
Primeira entrada: Tutorial Moodle ESDM - professores USUÁRIO - MODIFICAR PERFIL No primeiro login/entrada no MOODLE aparecerá a tela do PERFIL para que o usuário complete seus dados. EDITANDO O PERFIL
Apostila 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...
Incorporando JavaScript em HTML
Incorporando JavaScript em HTML Existem quatro maneiras de incorporar JavaScript em HTML. Vamos abordar as três primeiras, por ser mais comum: Entre as tags dentro do código HTML. A partir
Tutorial para criação de componentes JSF Facelets Por Érico GR 07/08/2007
Tutorial para criação de componentes JSF Facelets Por Érico GR 07/08/2007 Nível: Intermediário Este tutorial tem como objetivo criar um simples componente que renderiza uma tag label utilizando recursos
Introdução ao HTML 5 e Implementação de Documentos
Linguagem de Programação para Web Introdução ao HTML 5 e Implementação de Documentos Prof. Mauro Lopes 1-31 20 Objetivo Iremos aqui apresentar a estrutura básica de um documento HTML e iremos também apresentar
Introdução a JavaServer Pages. Curso de Tecnologia em Análise e Desenvolvimento de Sistemas Desenvolvimento de sistemas web
Introdução a JavaServer Pages Curso de Tecnologia em Análise e Desenvolvimento de Sistemas Desenvolvimento de sistemas web JavaServer Pages Problemas com Servlets: É improdutivo para gerar todo o conteúdo
Linguagem de. Aula 06. Profa Cristiane Koehler [email protected]
Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler [email protected] Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário
XTHML. 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)
Tecnologia WEB III. Prof. Erwin Alexander Uhlmann. PHP e MySQL. UHLMANN, Erwin Alexander. Introdução ao PHP. Instituto Siegen. Guarulhos, 2012.
Tecnologia WEB III Prof. Erwin Alexander Uhlmann PHP e MySQL UHLMANN, Erwin Alexander. Introdução ao PHP. Instituto Siegen. Guarulhos, 2012. Agradecimentos Agradeço à minha esposa Kátia por entender minha
Introdução à Linguagem HTML
Introdução à Linguagem HTML HTML (HyperText Markup Language - Linguagem de Formatação de Hipertexto) é fruto do "casamento" dos padrões HyTime e SGML.; HyTime - Hypermedia/Time-based Document Structuring
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto [email protected]
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto [email protected] No início A Web é criada em 1989, para ser um padrão de publicação e distribuição de textos científicos e acadêmicos.
LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON
COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual