LEDS

Laboratório de Extensão em
Desenvolvimento de Sistemas

Ivana Amorim Julião

ivana_juliao@yahoo.com.br
 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.
 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.
Sintaxe básica
Principais TAGS
Listas
Listas
 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/)
 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.
 Sintaxe e inclusão de CSS
● Atributo Style

● Tag Style
 Sintaxe e inclusão de CSS
● Arquivo CSS

● estilos.css
Primeiros passos com CSS
 Seletores CSS

● Seletores de Id

● Seletores hierrárquicos
 Seletores CSS
● Seletores de atributos de CSS 3
Espaçamento e margens
Novos componentes de HTML 5
Novos componentes de HTML 5
● Elementos de formulários
Novos componentes de HTML 5
● Validações

● Validações de CSS
 Interação com serviços web
● Exemplos: YouTube e google maps
 Demonstração
● Página completa
 Laboratório de Extensão em
Desenvolvimento de Sistemas

http://pt.slideshare.net/ledsifes