Técnicas e processos de produção. Profº Ritielle Souza

Tamanho: px

Começar a partir da página:

Download "Técnicas e processos de produção. Profº Ritielle Souza"

Larissa Fragoso Caldeira
8 Há anos
Visualizações:

1 Técnicas e processos de produção Profº Ritielle Souza

2 INTRODUÇÃO

3 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

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

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

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 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 exibindoa em sua janela.

8 TIPOS DE BROWSERS Qual browser devo usar IE Firefox Opera Safári Chrome

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

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

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

13 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)

14 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

15 Estrutura básica do XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" <head> <title>projeto</title> <meta http-equiv="content-type" content="text/html; charset=iso " /> </head> <body> CONTEÚDO </body> </html>

16 DOCTYPES <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Frameset// EN" " frameset.dtd">

17 LISTA DE AFAZERES DO XHTML Adicione o atributo xmlns na tag html <html xmlns= 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.

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

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

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

21 TAGS TEXTOS <font> texto </font> Parâmetros: face, size e color <font face= arial size= 1 color= red > texto</font>

22 TAGS LINK s <a>texto do link</a> Parâmetro HREF: <a href= pagina2.html >texto do link</a> S: <a href= mailto: @ .com.br >texto do link de </a>

Documentos relacionados

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