Apresentacao html css

547 visualizações

Publicada em

0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
547
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
5
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentacao html css

  1. 1. HTML and CSS Daniele Montenegro Grupo Weblovers @lelybarros
  2. 2. Agenda WWW O HTML Uma Rápida História de Marcação Elementos HTML Um primeiro exemplo HTML sem CSS CSS
  3. 3. WWW A World Wide Web é um sistema de documentos em hipermídia que são interligados e executados na Internet; Em 1989, surgiu o padrão servidor HTTP, resultados de um projeto do CERN (European Particle Physics Laboratory);
  4. 4. Um dos culpados
  5. 5. W3C
  6. 6. O HTML HyperText Markup Language é uma linguagem de marcação utilizada para produzir páginas na Web
  7. 7. Uma Rápida História de Marcação
  8. 8. Tecnologias que Influenciaram
  9. 9. O começo Em 1991 ele escreveu um documento chamado “HTML Tags” no qual propunha não mais que duas dúzias de elementos que poderiam ser usados para escrever páginas web.
  10. 10. Do IETF ao W3C: O caminho para o HTML 4 Nunca existiu algo do tipo HTML 1; A primeira especificação foi HTML 2; Algumas das características existentes nesta especificação eram dirigidas por implementações existentes. Exemplo Tag <img />
  11. 11. XHTML XHTML surgiu quando os navegadores começavam a dar suporte a CSS.
  12. 12. Novo Padrão: HTML 5
  13. 13. O que é a WWW hoje?
  14. 14. O objetivo não é HTML5
  15. 15. Elementos HTML
  16. 16. Estrutura Básica
  17. 17. Declaração Doctype em XHTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. 18. Declaração Doctype em HTML5 <!DOCTYPE html>
  19. 19. Estrutura documento HTML div id=headerdiv id=sidebar div id=body div id=footer
  20. 20. Um primeiro exemplo
  21. 21. O elemento img
  22. 22. O elemento a href
  23. 23. O elemento select
  24. 24. O elemento imput type - Tipo de dado: text, file, radio, checkbox, hidden, password, submit, reset, button, image; name - Identificação do campo
  25. 25. O elemento form<form> </form> action - Responsável por determinar o exato local para onde as informações coletadas no formulário deverão ser enviadas method - Método de empacotamento dos dados do formulário;
  26. 26. O elemento script
  27. 27. O elemento div
  28. 28. O HTML sozinho
  29. 29. O que fazer?
  30. 30. Usar CSS
  31. 31. Quando surgiu o CSS Foi ano de 1994 a criação do CSS; Bert Bos aceitando o convite por Håkon; Em 1995 a W3C começou a padronizar.
  32. 32. O que é isso? Cascading Style Sheets é que um documento onde são definidas regras de formatação ou de estilos, a serem aplicadas aos elementos de um documento HTML.
  33. 33. Versão Atual
  34. 34. Vantagens de Usar Controle total sobre a apresentação do site a partir de um arquivo central; Agilização da manutenção e redesign do site; Saída para diferentes tipos de mídia a partir de uma versão única de HTML; Adequação simplificada aos critérios de acessibilidade e usabilidade;
  35. 35. Alguns Elementos CSS font - propriedades de letras color - propriedades de cores background - propriedades de fundo
  36. 36. Declaração CSS Compõe-se de duas partes: a propriedade e o valor e uma regra CSS .
  37. 37. Como integrar HTML e CSS?
  38. 38. Forma Interna
  39. 39. Forma Interna
  40. 40. Forma externa
  41. 41. Forma externa
  42. 42. Forma externa
  43. 43. Múltiplas Declarações
  44. 44. Múltiplas Seletores
  45. 45. A importância do HTML e CSS
  46. 46. Obrigada! 37/37

×