Fer ramentas 
Programáveis 
Profº Ritielle Souza
XHTML 
O que é XHTML? 
Quando surgiu? 
Vantagens 
W3C 
Código-Fonte
XHTML 
 Extensible HyperText Markup Language 
 Esta linguagem associa as tags de marcação 
utilizadas em HTML com as reg...
XHTML 
 Em 2000, três anos após uma de suas maiores 
atualizações, o HTML sofreu mais uma grande 
evolução, agora com a i...
XHTML 
 Portanto, XHTML é uma 
linguagem mais enxuta, tem mais 
recursos e mais compatibilidade 
com um grande número de ...
A criação da WEB 
A Web foi criada a partir de arquivos 
de textos sem quaisquer caracteres 
especiais de formatação, isso...
Browser 
Quando você está 
navegando na Internet e 
clica em um link, o 
browser solicita uma 
página HTML a um 
servidor ...
TIPOS DE BROWSERS 
Qual browser devo usar 
 IE 
 Firefox 
 Opera 
 Safári
W3C 
 O World Wide Web Consortium 
é um consórcio de empresas de 
tecnologia, atualmente com cerca 
de 500 membros. 
 O ...
W3C 
 Sites desenvolvidos segundo esses 
padrões podem ser acessados e 
visualizados por qualquer pessoa ou 
tecnologia, ...
W3C 
 Para alcançar seus objetivos, a W3C 
possui diversos comitês que estudam as 
tecnologias existentes para a 
apresen...
W3C 
 Apesar de o W3C não ser muito 
conhecido no Brasil, padrões 
seus como HTML, XHTML e CSS 
são muito populares. Cont...
W3C 
 É um dever de todo desenvolvedor 
Web respeitar e seguir os padrões de 
acessibilidade do W3C, pois de outro 
modo ...
W3C 
W3C Escritório Brasil 
 O escritório Brasil da W3C iniciou 
suas operações em 1º de 
novembro de 2007 
Texto retirad...
Código Fonte 
 Para conhecermos o código fonte de uma 
página Web, podemos realizar dois 
procedimentos: clicar com o bot...
Como criar um arquivo 
XHTML 
Todos os arquivos XHTML são 
arquivos de texto. 
Para criar um arquivo texto, você 
precisa ...
Estrutura básica do XHTML 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" 
"http://www.w3.org/TR/xhtml1/D...
DOCTYPES 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- 
strict.dtd">...
LISTA DE AFAZERES DO XHTML 
 Utilize o DOCTYPE 
 Adicione o atributo xmlns na tag html 
 <html xmlns=http://www.w3.org/...
Tag’s básicas (HTML) 
 Iniciando sua página. 
ESTRUTURA: 
<html> 
<head> 
<title>titulo da pagina</title> 
</head> 
<body...
Tag’s básicas (HTML) 
Para criar sua página, o código 
deverá ser digitado em um editor 
de textos, no caso, bloco de 
not...
Tag’s básicas (XHTML) 
 TAGS: 
 <h1> a <h6> - tags de títulos, 
quanto menor o número menor a 
fonte. Exemplo: 
<h1>text...
TAGS 
 TEXTOS 
<font> texto </font> 
Parâmetros: face, size e color 
<font face=‘arial’ size=1 
color=‘red’> texto</font>
TAGS 
 LINK’s 
<a>texto do link</a> 
Parâmetro HREF: 
<a href=“pagina2.html”>texto do link</a> 
EMAILS: 
<a href=“mailto:...
Próximos SlideShares
Carregando em…5
×

Técnicas e processos - HTML / CSS - aula 1

263 visualizações

Publicada em

Curso Design

Publicada em: Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
263
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Técnicas e processos - HTML / CSS - aula 1

  1. 1. Fer ramentas Programáveis Profº Ritielle Souza
  2. 2. XHTML O que é XHTML? Quando surgiu? Vantagens W3C Código-Fonte
  3. 3. XHTML  Extensible HyperText Markup Language  Esta linguagem associa as tags de marcação utilizadas em HTML com as regras utilizadas em XML.  O HTML em sua quarta versão, lançada em 1997 pelo W3C, ofereceu aos desenvolvedores parâmetros atualizados capazes de satisfazer suas necessidades, tornando-se assim a linguagem utilizada como base para a criação de páginas Web.
  4. 4. XHTML  Em 2000, três anos após uma de suas maiores atualizações, o HTML sofreu mais uma grande evolução, agora com a inclusão de aplicações de metalinguagem XML.  Metalinguagem é uma linguagem cuja função é definir outras linguagens  Assim foi criado o XHTML 1.0, linguagem recomendada pelo W3C para ser utilizada como base para criar páginas Web.
  5. 5. XHTML  Portanto, XHTML é uma linguagem mais enxuta, tem mais recursos e mais compatibilidade com um grande número de dispositivos e browsers.
  6. 6. A criação da WEB A Web foi criada a partir de arquivos de textos sem quaisquer caracteres especiais de formatação, isso permite que qualquer browser, em qualquer parte do mundo recupere uma página Web e entenda o seu conteúdo.
  7. 7. Browser Quando você está navegando na Internet e clica em um link, o browser solicita uma página HTML a um servidor WEB, recebendo-a e exibindo-a em sua janela.
  8. 8. TIPOS DE BROWSERS Qual browser devo usar  IE  Firefox  Opera  Safári
  9. 9. W3C  O World Wide Web Consortium é um consórcio de empresas de tecnologia, atualmente com cerca de 500 membros.  O W3C desenvolve padrões para a criação e a interpretação dos conteúdos para a Web.
  10. 10. W3C  Sites desenvolvidos segundo esses padrões podem ser acessados e visualizados por qualquer pessoa ou tecnologia, independente de hardware ou software utilizados, como celulares , PDAs , eletrodomésticos, de maneira rápida e compatível com os novos padrões e tecnologias que possam surgir com a evolução da internet.
  11. 11. W3C  Para alcançar seus objetivos, a W3C possui diversos comitês que estudam as tecnologias existentes para a apresentação de conteúdo na Internet e criam padrões de recomendação para utilizar essas tecnologias. Com a padronização, os programas conseguem acessar facilmente os códigos e entender onde deve ser aplicado cada conhecimento expresso no documento.
  12. 12. W3C  Apesar de o W3C não ser muito conhecido no Brasil, padrões seus como HTML, XHTML e CSS são muito populares. Contudo, em muitos casos são usados de forma errônea devido ao desconhecimento da especificação.
  13. 13. W3C  É um dever de todo desenvolvedor Web respeitar e seguir os padrões de acessibilidade do W3C, pois de outro modo poderá impor barreiras tecnológicas a diversas pessoas, desestimulando e até mesmo impedindo o acesso a suas páginas.
  14. 14. W3C W3C Escritório Brasil  O escritório Brasil da W3C iniciou suas operações em 1º de novembro de 2007 Texto retirado da wikipedia
  15. 15. Código Fonte  Para conhecermos o código fonte de uma página Web, podemos realizar dois procedimentos: clicar com o botão direito do mouse sobre a página desejada e selecionar a opção Exibir Código Fonte (View Source) ou, na barra de menu do browser, clicar em Exibir(View) e, então Código Fonte(Source)
  16. 16. Como criar um arquivo XHTML Todos os arquivos XHTML são arquivos de texto. Para criar um arquivo texto, você precisa de um editor de texto simples. TTeexxtt EEddiitt BLOCO DE NOTAS
  17. 17. Estrutura básica do XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Projeto</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> CONTEÚDO </body> </html>
  18. 18. DOCTYPES <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Frameset// EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd">
  19. 19. LISTA DE AFAZERES DO XHTML  Utilize o DOCTYPE  Adicione o atributo xmlns na tag html  <html xmlns=http://www.w3.org/1999/xhtml>  A tag<html> deve ser a primeira tag usada depois do DOCTYPE e a tag de fechamento</html> deve ser a última tag no documento.  Todos os nomes de elemento devem ser escritos com letras minúsculas  Todas as tags de abertura devem ter tags de fechamento. Se um elemento for vazio, a tag deve terminar com um espaço e então />  Todos os valores de atributos devem vir entre aspas e devem ter valores.
  20. 20. Tag’s básicas (HTML)  Iniciando sua página. ESTRUTURA: <html> <head> <title>titulo da pagina</title> </head> <body> </body> </html>
  21. 21. Tag’s básicas (HTML) Para criar sua página, o código deverá ser digitado em um editor de textos, no caso, bloco de notas e salvo como um arquivo “.HTML”.
  22. 22. Tag’s básicas (XHTML)  TAGS:  <h1> a <h6> - tags de títulos, quanto menor o número menor a fonte. Exemplo: <h1>texto</h1> <h2>texto</h2>
  23. 23. TAGS  TEXTOS <font> texto </font> Parâmetros: face, size e color <font face=‘arial’ size=1 color=‘red’> texto</font>
  24. 24. TAGS  LINK’s <a>texto do link</a> Parâmetro HREF: <a href=“pagina2.html”>texto do link</a> EMAILS: <a href=“mailto:email@email.com.br”>texto do link de email</a>

×