LEDSLaboratório de Extensão em Desenvolvimento de Sistemas

Ivana Amorim Juliãoivana_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