Tweet
Tweet

Slide 1

Slide 1 text

28 de Abril de 2012 FLISOL Campinas 1

HTML, Semântica e Microdata

Slide 2

Slide 2 text

28 de Abril de 2012 FLISOL Campinas 2

Slide 3

Slide 3 text

28 de Abril de 2012 FLISOL Campinas 3

Hoje você vai ver...

  • O que o HTML realmente é
  • O que semântica realmente é
  • A diferença entre semântica e web semântica

    • Slide 4

    Slide 4 text

    28 de Abril de 2012 FLISOL Campinas 4 HTML não é visual.

    Slide 5

    Slide 5 text

    28 de Abril de 2012 FLISOL Campinas 5 HTML é sobre informação. (CSS é visual!)

    Slide 6

    Slide 6 text

    28 de Abril de 2012 FLISOL Campinas 6 HTML é sobre informação .

    Slide 7

    Slide 7 text

    28 de Abril de 2012 FLISOL Campinas 7 HTML is about information .

    Slide 8

    Slide 8 text

    28 de Abril de 2012 FLISOL Campinas 8 HTML is about information . HTML é sensacional

    Slide 9

    Slide 9 text

    28 de Abril de 2012 FLISOL Campinas 9 Header Conteúdo Footer

    Slide 10

    Slide 10 text

    28 de Abril de 2012 FLISOL Campinas 10 Header Conteúdo Footer Uso incorreto

    Slide 11

    Slide 11 text

    28 de Abril de 2012 FLISOL Campinas 11
    Header
    Conteúdo
    Footer

    Slide 12

    Slide 12 text

    28 de Abril de 2012 FLISOL Campinas 12
    Header
    Conteúdo
    Footer
    Ausência de Semântica

    Slide 13

    Slide 13 text

    28 de Abril de 2012 FLISOL Campinas 13 Header Navegação Conteúdo Footer

    Slide 14

    Slide 14 text

    28 de Abril de 2012 FLISOL Campinas 14

    Heineken

    Menu

    Notícias

    Mais Informações

    Slide 15

    Slide 15 text

    28 de Abril de 2012 FLISOL Campinas 15 Document Outline ● Heineken ● Menu ● Notícias ● Mais Informações

    Slide 16

    Slide 16 text

    28 de Abril de 2012 FLISOL Campinas 16 Document Outline: GMail ● [Faltando] ● Account Options ● GMail ● [Faltando] – Try them all, keep what fits ● Invite a Friend – Importand and Unread – Starred – Everything Else ● Chat

    Slide 17

    Slide 17 text

    28 de Abril de 2012 FLISOL Campinas 17 Document Outline: GMail ● [Faltando] ● Account Options ● GMail ● [Faltando] – Try them all, keep what fits ● Invite a Friend – Importand and Unread – Starred – Everything Else ● Chat :(

    Slide 18

    Slide 18 text

    28 de Abril de 2012 FLISOL Campinas 18 Document Outline: Wikipedia ● Campinas ● Índice ● História – Origens e Pioneirismo – Formação Administrativa – Crescimento Econômico – História Recente ● Geografia ...

    Slide 19

    Slide 19 text

    28 de Abril de 2012 FLISOL Campinas 19 Document Outline: Wikipedia ● Campinas ● Índice ● História – Origens e Pioneirismo – Formação Administrativa – Crescimento Econômico – História Recente ● Geografia ... :)

    Slide 20

    Slide 20 text

    28 de Abril de 2012 FLISOL Campinas 20

    Para instalar o PHP no Ubuntu, digite sudo apt-get install php5

    Slide 21

    Slide 21 text

    28 de Abril de 2012 FLISOL Campinas 21 
    _________________________________________
/ HTML Semântico é a peça mais importante \
\ da SEO de um projeto /
-----------------------------------------
\ ^__^
\ (oo)\_______
(__)\ )\/\
||----w |
|| ||

    Slide 22

    Slide 22 text

    28 de Abril de 2012 FLISOL Campinas 22

    Tipos de Cerveja

    • Ale
    • Lager
    • Stout

    Slide 23

    Slide 23 text

    28 de Abril de 2012 FLISOL Campinas 23

    Como fritar ovos

    1. Aqueça o óleo
    3. Quebre os ovos na frigideira
    4. Retire-os quando a gema endurecer

    Slide 24

    Slide 24 text

    28 de Abril de 2012 FLISOL Campinas 24

    Publicação de Conteúdo na Web

    HTML
    Descreve o conteúdo
    CSS
    Descreve a aparência

    Slide 25

    Slide 25 text

    28 de Abril de 2012 FLISOL Campinas 25

    Publicação de Conteúdo na Web

    HTML
    Descreve o conteúdo
    É uma linguagem de marcação
    CSS
    Descreve a aparência
    É uma linguagem de estilos

    Slide 26

    Slide 26 text

    28 de Abril de 2012 FLISOL Campinas 26

    Publicação de Conteúdo na Web

    HTML
    Descreve o conteúdo
    É uma linguagem de marcação
    CSS
    Descreve a aparência
    É uma linguagem de estilos
    Mais de uma definição por termo.

    Slide 27

    Slide 27 text

    28 de Abril de 2012 FLISOL Campinas 27 ProdutoPreço HeinekenR$ 3,50 OriginalR$ 3,50

    Slide 28

    Slide 28 text

    28 de Abril de 2012 FLISOL Campinas 28 ProdutoPreço HeinekenR$ 3,50 OriginalR$ 3,50

    Slide 29

    Slide 29 text

    28 de Abril de 2012 FLISOL Campinas 29 ProdutoPreço HeinekenR$ 3,50 OriginalR$ 3,50

    Slide 30

    Slide 30 text

    28 de Abril de 2012 FLISOL Campinas 30 Cardápio de Bebidas ProdutoPreço HeinekenR$ 3,50 OriginalR$ 3,50

    Slide 31

    Slide 31 text

    28 de Abril de 2012 FLISOL Campinas 31 Filtros Ano … Termo *http://gaigalas.net/lab/semanticforms.html

    Slide 32

    Slide 32 text

    28 de Abril de 2012 FLISOL Campinas 32

    Slide 33

    Slide 33 text

    28 de Abril de 2012 FLISOL Campinas 33
    Alexandre Gaigalas About me.
    >

    Slide 34

    Slide 34 text

    28 de Abril de 2012 FLISOL Campinas 34
    The Last Samurai é um excelente filme. Nota 10.
    >

    Slide 35

    Slide 35 text

    28 de Abril de 2012 FLISOL Campinas 35
    Alexandre Gaigalas About me.
    >

    Slide 36

    Slide 36 text

    28 de Abril de 2012 FLISOL Campinas 36
    Alexandre Gaigalas About me.
    >

    Slide 37

    Slide 37 text

    28 de Abril de 2012 FLISOL Campinas 37

    Slide 38

    Slide 38 text

    28 de Abril de 2012 FLISOL Campinas 38 Perguntas?

    Slide 39

    Slide 39 text

    28 de Abril de 2012 FLISOL Campinas 39 Obrigado!