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

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 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.

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.

XHTML
 Portanto, XHTML é uma
linguagem mais enxuta, tem mais
recursos e mais compatibilidade
com um grande número de
dispositivos e browsers.

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.

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.

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 desenvolve padrões para
a criação e a interpretação dos
conteúdos para a Web.

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.

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.

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.

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.

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

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)

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

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>

DOCTYPES
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
strict.dtd">
Transitional//EN"
transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0
Frameset// EN"
frameset.dtd">

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.

Tag’s básicas (HTML)
 Iniciando sua página.
ESTRUTURA:
<html>
<head>
<title>titulo da pagina</title>
</head>
<body>
</body>
</html>

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”.

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>

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:email@email.com.br”>texto do link de email</a>

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

Mais conteúdo relacionado

Mais procurados

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

Mais de Ritielle de Souza

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