Embed Size (px)
Citation preview
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 Hipertexto?Ele possui como principal característica a possibilidade de se interligar a outros documentos dentro da internet (Links).
HTML
HTML+
HTML 2.0
HTML 3.0
HTML 3.0
HTML 3.2
HTML 4.0
HTML 4.01
HTML 5
XML
Sigla em inglês para eXtensible Markup
Language, que em português significa
linguagem extensível de marcação. Seu
emprego é destinado a softwares em geral,
possuindo como vantagem a portabilidade.
É uma linguagem de amplo emprego, não
limitada aos hipertextos, onde qualquer pessoa
que possua seu conhecimento pode definir seus
elementos, para um determinado fim.
XHML
Sigla em inglês para eXtensible Text Markup
Language, que em português significa
Linguagem extensível para marcação de
hipertexto.
Basicamente o XHTML possui uma sintaxe
muito mais rígida, e ainda possui a
característica de ampliar e modificar suas regras
de Sintaxe.
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
Chrome
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 de maneira rápida e compatível com os novos padrões e tecnologias que possam surgir com a evolução da internet.
Para alcançar seus objetivos, a W3Cpossui 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.
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.
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 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
Adicione o atributo xmlns na tag html
<html xmlns=http://www.w3.org/1999/xhtml>
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 parametros.
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 maior 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>
