Your SlideShare is downloading. ×
  • Like
T.I. - Tecnologia 3D
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

T.I. - Tecnologia 3D

  • 912 views
Published

 

Published in Technology , News & Politics
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
912
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
16
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Taiane Dias Jenifer Lopes XHTML DHTML Tecnologia 3D
  • 2. XHTML
  • 3.
    • O XHTML foi criado dentro do conceito de que é você quem cria sua linguagem de marcação e por isso é uma aplicação XML.
    • As tags e atributos do XHTML foram criadas aproveitando-se as tags e atributos do HTML e suas regras.
    De onde veio
  • 4. Definição
    • XHTML significa Extensible HyperText Markup Language que em português resulta em Linguagem Extensível para Marcação de Hipertexto , uma aplicação XML, escrita para substituir o HTML.
  • 5. Vantagens
    • XHTML é um código consistente que dispensa uso de "truques“ para contornar "bugs” * ;
    • Editar um código XHTML existente é uma tarefa bem simples por se tratar de uma escrita limpa e evidente;
    • O tempo de carregamento de uma página XHTML é mais rápido;
    • Uma página XHTML é mais acessível aos browsers.
  • 6. Diferenças entre XTML e HTML
    • Todas as tags devem ser escritas em letras minúsculas;
    • As tags devem estar convenientemente aninhadas;
    • Os documentos devem ser bem formados;
    • O uso de tags de fechamento é obrigatório;
    • Elementos vazios devem ser fechados;
    • Separadores de blocos de códigos;
    • Exemplo:
  • 7.
    • <html>
    • <head>
    • ...
    • </head>
    • <body>
    • ...
    • </body>
    • </html>
    Estrutura básica
  • 8.
    • Diferenças para os atributos
    • Deve-se escrever nomes de atributos em minúsculas (<td rowspan=&quot;3&quot;>);
    • Os valores de atributos devem estar entre &quot;aspas&quot;;
    • A sintaxe para atributos deve ser escrita por completo (<input checked=&quot;checked&quot; />);
  • 9.
    • Elementos obrigatórios em um documento XHTML
    • É obrigatório a declaração do DOCTYPE (sintaxe SGML usada no documento) assim como a existência dos elementos <html> <head> <title> e <body>.
    • STRICT
    • TRANSITIONAL
    • FRAMESET
  • 10. Para que serve o DOCTYPE ?
    • Definição do tipo de documento ou Document Type Definitions DTD .
    • Especifica qual é a sintaxe SGML usada no documento,ou seja, as regras que se aplicam a linguagem de marcação.
    • Assim uma DTD para um documento XHTML descreve com precisão a sintaxe e a gramática da linguagem de marcação XHTML.
    • O DOCTYPE deve ser sempre a primeira declaração em um documento web.
    • Exemplo:
  • 11. DHTML
  • 12. Definição
    • DHTML não é uma linguagem, mas sim um conjunto de tecnologias que juntas disponibilizam as ferramentas necessárias para tornar dinâmica a nossa conhecida linguagem HTML - Dynamic Hyper Text Markup Language .
  • 13. Tecnologias
    • HTML (Hyper Text Markup Language);
    • CSS (Cascading Style Sheets): Conhecida como folhas de estilo, essa tecnologia permite controlar a formatação dos diversos elementos que compõem uma página web.
    • CSS Positioning: Permite a alteração do posicionamento de um elemento da página como textos e imagens dinamicamente, através de uma linguagem client scripting.
  • 14.
    • Client scripting: Trata-se de um pequeno programa, que será interpretado pelo browser do cliente e não no servidor.
    • DOM (Document Object Model): Trata-se do modelo de objetos (com suas propriedades e métodos) que são expostos ao programador DHTML.
    • Exemplo:
  • 15. Vantagens
    • Tempo de resposta mais rápido - A página não precisa ser atualizada do servidor a cada alteração.
    • Tempo de carregamento mais rápido – Em certos casos o uso de DHTML substitui o uso de aplicações mais pesadas como por exemplo flash.
    • Dinamismo - Os elementos contidos na página podem mudar sua propriedades sem que a mesma seja carregada novamente.
  • 16. O que é possível fazer com DHTML ? Exemplo: Código Fonte Resultado <div style=&quot;text-decoration: none;&quot; onMouseOver=&quot;this.style.textDecoration='underline';&quot; onMouseOut=&quot;this.style.textDecoration='none';&quot;>Este texto vai ficar sublinhado</div> Este texto vai ficar sublinhado <div style=&quot;font-weight: normal;&quot; onMouseOver=&quot;this.style.fontWeight='bold';&quot; onMouseOut=&quot;this.style.fontWeight='normal';&quot;>Este texto vai ficar em negrito</div> Este texto vai ficar em negrito <div style=&quot;font-size: 14px;&quot; onMouseOver=&quot;this.style.fontSize='10px';&quot; onMouseOut=&quot;this.style.fontSize='14px';&quot;>Este texto vai mudar de tamanho de fonte</div> Este texto vai mudar de tamanho de fonte
  • 17. Tecnologia 3D
  • 18.  
  • 19. Realidade em três dimensões
    • Embora esta tecnologia só agora tenha começado a se desenvolver, seus princípios e as primeiras experiências já têm  mais de meio século.
    • Para se ter uma idéia em 1952, nos Estados Unidos, foi exibido o primeiro filme em 3D nos cinemas.
  • 20. Como é feito o 3D
    • A terceira dimensão não existe,  é apenas uma ilusão da sua mente. E isso é possível graças a um fenômeno natural chamado estereoscopia .
    • Trata-se apenas da projeção de duas imagens, da mesma cena, em pontos de observação ligeiramente diferentes.
  • 21.  
  • 22. Por que vemos em três dimensões?
    • Seu cérebro, automaticamente, funde as duas imagens em apenas uma e,  nesse processo, obtém informações quanto à profundidade, distância, posição e tamanho dos objetos, gerando uma ilusão de visão em 3D.
  • 23. Captação dessas imagens
    • A câmera estereoscópica simula a visão do olho humano.
    • Cada lente é colocada a cerca de seis centímetros uma da outra. E nesse processo ainda devem ser controlados zoom, foco, abertura, e o ângulo relativo entre elas.
  • 24. Vantagem
    • O 3D, por enquanto, é a arma mais eficaz para combater a pirataria. Qualquer espectador mal intencionado, com uma câmera na mão, que tentar entrar numa sala de exibição 3D para tentar filmar a tela e jogar na internet vai se dar mal. Sem os óculos especiais as imagens que compõe a projeção 3D não passam de um borrão na tela.
  • 25. Cinema
    • O que acontece é a potencialização tanto do áudio quanto do vídeo nas melhores condições possíveis para que sua experiência seja algo realmente tridimensional. Tamanho da tela: 12 metros de altura por 22 metros de largura, a tela é levemente côncava, o que colabora para a ampliação do campo.
    • Som: 14 mil watts de potência.
  • 26.  
  • 27. Como isso é possível sem os óculos?
    • A grande sacada do efeito em 3D sem óculos está nas telas de cristal líquido. Quando combinadas lentes especiais (visores autoestereoscópicos) com a maior frequência de transição de imagens, o resultado é a projeção de uma imagem que é captada pelo olho humano como sendo em terceira dimensão.
  • 28.  
  • 29. Algumas formas de visualização tridimensional   Anaglifos Esteropar de visão paralela Projeção polarizada Óculos obturadores sincronizados