HTML and CSS   Daniele Montenegro    Grupo Weblovers      @lelybarros
Agenda   WWW   O HTML   Uma Rápida História de Marcação   Elementos HTML   Um primeiro exemplo   HTML sem CSS   CSS
WWW   A World Wide Web é um sistema de documentos    em hipermídia que são interligados e executados    na Internet;   E...
Um dos culpados
W3C
O HTML   HyperText Markup Language é uma linguagem de    marcação utilizada para produzir páginas na Web
Uma Rápida História de Marcação
Tecnologias que Influenciaram
O começo   Em 1991 ele escreveu um documento chamado    “HTML Tags” no qual propunha não mais que    duas dúzias de eleme...
Do IETF ao W3C: O caminho para o HTML 4 Nunca existiu algo do tipo HTML  1; A primeira especificação foi HTML 2; Alguma...
XHTML XHTML surgiu quando os navegadores começavam a dar suporte a CSS.
Novo Padrão: HTML 5
O que é a WWW hoje?
O objetivo não é HTML5
Elementos HTML
Estrutura Básica
Declaração Doctype em XHTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/x...
Declaração Doctype em HTML5    <!DOCTYPE       html>
Estrutura documento HTML                 div id=headerdiv id=sidebar                        div id=body                 di...
Um primeiro exemplo
O elemento img
O elemento a href
O elemento select
O elemento imput   type - Tipo de dado: text, file, radio, checkbox,    hidden, password, submit, reset, button,    image...
O elemento form<form> </form> action - Responsável por determinar o exato  local para onde as informações coletadas no  f...
O elemento script
O elemento div
O HTML sozinho
O que fazer?
Usar CSS
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 p...
O que é isso?   Cascading Style Sheets é que um documento    onde são definidas regras de formatação ou de    estilos, a ...
Versão Atual
Vantagens de Usar Controle total sobre a apresentação do site a  partir de um arquivo central; Agilização da manutenção ...
Alguns Elementos CSS font - propriedades de letras color - propriedades de cores background - propriedades de fundo
Declaração CSS   Compõe-se de duas partes: a propriedade e o    valor e uma regra CSS .
Como integrar HTML e CSS?
Forma Interna
Forma Interna
Forma externa
Forma externa
Forma externa
Múltiplas Declarações
Múltiplas Seletores
A importância do HTML e CSS
Obrigada!            37/37
Upcoming SlideShare
Loading in …5
×

Apresentacao html css

544 views
344 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
544
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for 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

×