Apresentação HTML e CSS
- 1. LEDS Laboratório de Extensão em Desenvolvimento de Sistemas Ivana Amorim Julião [email protected]
- 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. 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.
- 7. Listas
- 8. Listas
- 9. 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/)
- 10. 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.
- 11. Sintaxe e inclusão de CSS ● Atributo Style ● Tag Style
- 12. Sintaxe e inclusão de CSS ● Arquivo CSS ● estilos.css
- 13. Primeiros passos com CSS
- 14. Seletores CSS ● Seletores de Id ● Seletores hierrárquicos
- 15. Seletores CSS ● Seletores de atributos de CSS 3
- 17. Novos componentes de HTML 5
- 18. Novos componentes de HTML 5 ● Elementos de formulários
- 19. Novos componentes de HTML 5 ● Validações ● Validações de CSS
- 20. Interação com serviços web ● Exemplos: YouTube e google maps
- 22. Laboratório de Extensão em Desenvolvimento de Sistemas http://pt.slideshare.net/ledsifes