Técnicas e processos - HTML / CSS - aula 1
24
Ferramentas Programáveis Profº Ritielle Souza
-
Upload
ritielle-de-souza -
Category
Design
-
view
87 -
download
1
description
Curso Design
Transcript of Técnicas e processos - HTML / CSS - aula 1
Ferramentas 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.
Text EditText Edit
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
<!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">
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 protected]”>texto do link de email</a>
