Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Front-end: Criando sua primeira página web! Amanda Vilela && Jullia Saad
Slide 2
Slide 2 text
O que é front-end?
Slide 3
Slide 3 text
O que é back-end?
Slide 4
Slide 4 text
Mas como assim?
Slide 5
Slide 5 text
Vamos entender como funciona a internet
Slide 6
Slide 6 text
Vamos entender como funciona a internet
Slide 7
Slide 7 text
Back-end --- HTTP --- Front-end
Slide 8
Slide 8 text
Vamos nos aprofundar no front-end
Slide 9
Slide 9 text
Sobre HTML
Slide 10
Slide 10 text
Vamos criar nossa primeira página HTML!
Slide 11
Slide 11 text
Um título bem legal aqui :)
Slide 12
Slide 12 text
Parabéns! :)
Slide 13
Slide 13 text
Agora vamos criar uma página sobre você
Slide 14
Slide 14 text
Títulos
Seu nome
Subtítulo
Subtítulo
Subtítulo
Subtítulo
Subtítulo
Slide 15
Slide 15 text
Conteúdo
Parágrafo
negrito
itálico
Slide 16
Slide 16 text
Listas não ordenadas
Item 1
Item 2
Item 3
Item 4
Item 5
Slide 17
Slide 17 text
Listas ordenadas
Item 1
Item 2
Item 3
Item 4
Item 5
Slide 18
Slide 18 text
Adicionando imagens
Slide 19
Slide 19 text
Caracteres especiais
Slide 20
Slide 20 text
Criando links
Texto do link
Slide 21
Slide 21 text
Estrutura
Título
Slide 22
Slide 22 text
Estrutura
Subtítulo
Slide 23
Slide 23 text
Estrutura
Aqui é o rodapé :)
Slide 24
Slide 24 text
CSS
Slide 25
Slide 25 text
h1 { color: green; } seletor regra atributo valor
Slide 26
Slide 26 text
CSS h1 { color: #222; font-size: 22px; font-family: text-align: center; }
Slide 27
Slide 27 text
Cores google.com color picker
Slide 28
Slide 28 text
Google Fonts https://fonts.google.com/
Slide 29
Slide 29 text
Esse é só o começo :D