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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

T.I. - Tecnologia 3D

937

Published on

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
937
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
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. <ul><li>O XHTML foi criado dentro do conceito de que é você quem cria sua linguagem de marcação e por isso é uma aplicação XML. </li></ul><ul><li>As tags e atributos do XHTML foram criadas aproveitando-se as tags e atributos do HTML e suas regras. </li></ul>De onde veio
  • 4. Definição <ul><li>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. </li></ul>
  • 5. Vantagens <ul><li>XHTML é um código consistente que dispensa uso de &quot;truques“ para contornar &quot;bugs” * ; </li></ul><ul><li>Editar um código XHTML existente é uma tarefa bem simples por se tratar de uma escrita limpa e evidente; </li></ul><ul><li>O tempo de carregamento de uma página XHTML é mais rápido; </li></ul><ul><li>Uma página XHTML é mais acessível aos browsers. </li></ul>
  • 6. Diferenças entre XTML e HTML <ul><li>Todas as tags devem ser escritas em letras minúsculas; </li></ul><ul><li>As tags devem estar convenientemente aninhadas; </li></ul><ul><li>Os documentos devem ser bem formados; </li></ul><ul><li>O uso de tags de fechamento é obrigatório; </li></ul><ul><li>Elementos vazios devem ser fechados; </li></ul><ul><li>Separadores de blocos de códigos; </li></ul><ul><li>Exemplo: </li></ul>
  • 7. <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li>... </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li>... </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>Estrutura básica
  • 8. <ul><li>Diferenças para os atributos </li></ul><ul><li>Deve-se escrever nomes de atributos em minúsculas (<td rowspan=&quot;3&quot;>); </li></ul><ul><li>Os valores de atributos devem estar entre &quot;aspas&quot;; </li></ul><ul><li>A sintaxe para atributos deve ser escrita por completo (<input checked=&quot;checked&quot; />); </li></ul>
  • 9. <ul><li>Elementos obrigatórios em um documento XHTML </li></ul><ul><li>É obrigatório a declaração do DOCTYPE (sintaxe SGML usada no documento) assim como a existência dos elementos <html> <head> <title> e <body>. </li></ul><ul><li>STRICT </li></ul><ul><li>TRANSITIONAL </li></ul><ul><li>FRAMESET </li></ul>
  • 10. Para que serve o DOCTYPE ? <ul><li>Definição do tipo de documento ou Document Type Definitions DTD . </li></ul><ul><li>Especifica qual é a sintaxe SGML usada no documento,ou seja, as regras que se aplicam a linguagem de marcação. </li></ul><ul><li>Assim uma DTD para um documento XHTML descreve com precisão a sintaxe e a gramática da linguagem de marcação XHTML. </li></ul><ul><li>O DOCTYPE deve ser sempre a primeira declaração em um documento web. </li></ul><ul><li>Exemplo: </li></ul>
  • 11. DHTML
  • 12. Definição <ul><li>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 . </li></ul>
  • 13. Tecnologias <ul><li>HTML (Hyper Text Markup Language); </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul>
  • 14. <ul><li>Client scripting: Trata-se de um pequeno programa, que será interpretado pelo browser do cliente e não no servidor. </li></ul><ul><li>DOM (Document Object Model): Trata-se do modelo de objetos (com suas propriedades e métodos) que são expostos ao programador DHTML. </li></ul><ul><li>Exemplo: </li></ul>
  • 15. Vantagens <ul><li>Tempo de resposta mais rápido - A página não precisa ser atualizada do servidor a cada alteração. </li></ul><ul><li>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. </li></ul><ul><li>Dinamismo - Os elementos contidos na página podem mudar sua propriedades sem que a mesma seja carregada novamente. </li></ul>
  • 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 <ul><li>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. </li></ul><ul><li>Para se ter uma idéia em 1952, nos Estados Unidos, foi exibido o primeiro filme em 3D nos cinemas. </li></ul>
  • 20. Como é feito o 3D <ul><li>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 . </li></ul><ul><li>Trata-se apenas da projeção de duas imagens, da mesma cena, em pontos de observação ligeiramente diferentes. </li></ul>
  • 21.  
  • 22. Por que vemos em três dimensões? <ul><li>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. </li></ul>
  • 23. Captação dessas imagens <ul><li>A câmera estereoscópica simula a visão do olho humano. </li></ul><ul><li>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. </li></ul>
  • 24. Vantagem <ul><li>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. </li></ul>
  • 25. Cinema <ul><li>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. </li></ul><ul><li>Som: 14 mil watts de potência. </li></ul>
  • 26.  
  • 27. Como isso é possível sem os óculos? <ul><li>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. </li></ul>
  • 28.  
  • 29. Algumas formas de visualização tridimensional   Anaglifos Esteropar de visão paralela Projeção polarizada Óculos obturadores sincronizados

×