• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML5 CSS3
 

HTML5 CSS3

on

  • 610 views

Apresentação sobre HTML5 + CSS3, para alunos da Uneb - Alagoinhas

Apresentação sobre HTML5 + CSS3, para alunos da Uneb - Alagoinhas

Statistics

Views

Total Views
610
Views on SlideShare
609
Embed Views
1

Actions

Likes
0
Downloads
7
Comments
0

1 Embed 1

http://localhost 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    HTML5 CSS3 HTML5 CSS3 Presentation Transcript

    • Rommel Peixoto
    •  Breve história do HTML Estrutura de um documento HTML5 Comparação entre HTML4/XHTML e HTML5 Conhecer as novidades do HTML5 O estiloso CSS3
    •  Códigos, códigos, códigos... Explicação detalhada das APIs Exemplos online
    • 1998:HTML 4.0
    • 2000:XHTML
    • 2002:XHTML 2.0
    • 2004:Web 2.0
    • 2006:W3C + WHATWG
    • 2009:W3C -> HTML5
    • 2010 ~ 2011:HTML5
    • 2012:FIM DO MUNDO!!!
    •  Alguém sabe de cabeça como escreve o DOCTYPE?
    •  HTML5 <!doctype html>
    •  Outro elemento importante em todo HTML: META HTML 4.0 <meta http-equiv=“content-type” content=“text/html;charset=UTF-8”> XHTML <meta http-equiv=“content-type” content=“text/html;charset=UTF-8” /> HTML5 <meta charset=“UTF-8”>
    •  Juntando tudo!!!
    •  Conectividade e aplicações em tempo real Novas possibilidades de estilo com CSS3 Gráficos 2D, 3D e Vetoriais Recursos multimídia Melhor performance Elementos semânticos Armazenamento offline APIs JS: Drag and Drop, Geolocalização, etc...
    •  Tags de estrutura:
    •  Tags de estrutura:
    •  Tags de estrutura:
    •  Novos tipos de campos:
    •  Novos tipos de campos:
    •  Tipos de dados e validadores:
    •  Tipos de dados e validadores :
    •  Conteúdo editável :
    •  Áudio:
    •  Vídeo:
    •  Drag and Drop:
    •  Correção Ortográfica:
    •  Gráfico: <canvas>
    •  Armazenamento: Cookies Web Storage Web SQL Databases
    •  Geolocalização:
    • Quem nao quer matar o designer, quando pede: Fazer caixinhas com bordas arredondadas Colocar uma sombrinha nos textos/caixas Utilizar um background gigante Utilizar um background composto Fazer uma página adaptável ao tamanho da página Fazer os títulos das páginas ter uma font mais estilosa
    •  Bordas arredondadas:
    •  Sombras:
    •  Background Gigante:SVG + background-size
    •  Gradient:
    •  Cores RGBA:
    •  Animações:
    •  font:
    •  Media Queries:
    •  rommelweb rommel.com.br