Apresentação sobre HTML eCSS

1. LEDS
Laboratório de Extensão em
Desenvolvimento de Sistemas
Ivana Amorim Julião
ivana_juliao@yahoo.com.br

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.

5. Sintaxe básica

6. Principais TAGS

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

16. Espaçamento e margens

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

21. Demonstração
● Página completa

22. Laboratório de Extensão em
Desenvolvimento de Sistemas
http://pt.slideshare.net/ledsifes