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
  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4
  5. Item 5

Slide 18

Slide 18 text

Adicionando imagens ”Descrição

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