Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Apresentação HTML e CSS

968 views

Published on

Apresentação sobre HTML eCSS

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Apresentação HTML e CSS

  1. 1. LEDS Laboratório de Extensão em Desenvolvimento de Sistemas Ivana Amorim Julião ivana_juliao@yahoo.com.br
  2. 2. Definição de HTML ● HTML é uma linguagem de marcação, como seu próprio nome diz (HTML é HyperText Markup Language). ● Foi inventada na época em que os cientistas e militares estavam começando a trocar informações sobre os cálculos computacionais.
  3. 3. Definição de HTML ● A linguagem de marcação é um conjunto de regras e códigos para definir como um conteúdo da web vai ser definido, como uma página será formatada e exibida. ● Em outras palavras: HTML é importante para tudo, em termos de criação de sites.
  4. 4. Sintaxe básica
  5. 5. Principais TAGS
  6. 6. Listas
  7. 7. Listas
  8. 8. Editores e IDEs ● Editores: ● Gedit (www.gnome.org) ● Sublime (http://www.sublimetext.com/) ● Note-pad++(http://notepad-plus-plus.org) ● IDEs (Integrated Development Environment): ● Eclipse (https://eclipse.org/) ● NetBeans (https://netbeans.org/) ● WebStorm (https://www.jetbrains.com/webstorm/)
  9. 9. Definição de CSS ● CSS (Cascade Sheet Style), que nada mais é que uma série de regras que definem um estilo. ● Ou seja, definimos uma folha de estilos, uma folha com um conjunto de regras.
  10. 10. Sintaxe e inclusão de CSS ● Atributo Style ● Tag Style
  11. 11. Sintaxe e inclusão de CSS ● Arquivo CSS ● estilos.css
  12. 12. Primeiros passos com CSS
  13. 13. Seletores CSS ● Seletores de Id ● Seletores hierrárquicos
  14. 14. Seletores CSS ● Seletores de atributos de CSS 3
  15. 15. Espaçamento e margens
  16. 16. Novos componentes de HTML 5
  17. 17. Novos componentes de HTML 5 ● Elementos de formulários
  18. 18. Novos componentes de HTML 5 ● Validações ● Validações de CSS
  19. 19. Interação com serviços web ● Exemplos: YouTube e google maps
  20. 20. Demonstração ● Página completa
  21. 21. Laboratório de Extensão em Desenvolvimento de Sistemas http://pt.slideshare.net/ledsifes

×