Xhtml e Css

998 visualizações

Publicada em

vantagens em se trabalhar com xhtml/css - curso tableless senac

Publicada em: Tecnologia, Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
998
No SlideShare
0
A partir de incorporações
0
Número de incorporações
19
Ações
Compartilhamentos
0
Downloads
26
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • Xhtml e Css

    1. 1. XHTML/CSS <ul><li>Ana Laura Gomes </li></ul>
    2. 2. Contextualização <ul><li>WEB 2.0 </li></ul>
    3. 3. Contextualização <ul><li>WEB 2.0 - Web como plataforma </li></ul>
    4. 4. Contextualização <ul><li>WEB 2.0 - mais colaborativa </li></ul>
    5. 5. Contextualização <ul><li>WEB 2.0 – experiência mais rica para os usuários </li></ul>
    6. 6. Contextualização <ul><li>WEB 2.0 – experiência mais rica entre os usuários </li></ul>
    7. 7. Contextualização <ul><li>WEB 2.0 – foco no usuário </li></ul>
    8. 8. Contextualização <ul><li>Usuário </li></ul>
    9. 9. Contextualização <ul><li>Usuário - Acessibilidade </li></ul>
    10. 10. Contextualização <ul><li>Usuário - Portabilidade </li></ul>
    11. 11. Contextualização <ul><li>Usuário - Flexibilidade </li></ul>
    12. 12. Contextualização <ul><li>Usuário </li></ul><ul><li>Usabilidade - norma ISO 9241-11 A capacidade que um sistema interativo oferece a seu usuário, em um determinado contexto de operação , para a realização de tarefas , de maneira eficaz , eficiente e agradável . </li></ul>
    13. 13. Contextualização <ul><li>E mais... </li></ul>
    14. 14. Contextualização <ul><li>E mais... </li></ul><ul><li>Web semântica </li></ul><ul><li>Preparação para o XML </li></ul><ul><li>Mudanças no Dreamweaver 8 </li></ul><ul><li>Outras plataformas de criação e gerenciamento de sites (mambo, joomla, drupal, moodle, blogs etc.) </li></ul>
    15. 15. Aplicação <ul><li>XHTML / CSS </li></ul>
    16. 16. Aplicação <ul><li>XHTML / CSS </li></ul><ul><li>Para que parte destes objetivos seja alcançada, a primeira medida é separar o conteúdo da forma. </li></ul><ul><li>Conteúdo (parte editorial) – XHTML </li></ul><ul><li>Forma (design) – CSS </li></ul>
    17. 17. Aplicação <ul><li>XHTML / CSS conteúdo e forma definidos em código </li></ul><ul><li>Rapidez no acesso (+- 56% de redução no tamanho final do arquivo) </li></ul><ul><li>Maleabilidade </li></ul><ul><li>Facilidade na manutenção </li></ul><ul><li>Regras relacionadas à Navegabilidade / Acessibilidade </li></ul><ul><li>Boa experiência para o usuário </li></ul><ul><li>Benefícios econômicos e prazerosos </li></ul>
    18. 18. Aplicação <ul><li>XHTML - teoria </li></ul><ul><li>O que são tags </li></ul><ul><li>Estrutura básica da página </li></ul><ul><ul><li>html, head, title, body </li></ul></ul><ul><li>Diferença HTML/XHTML </li></ul><ul><ul><li>Regras do XHTML: DTD, boa formatação do código etc. </li></ul></ul><ul><li>Sites para estudar </li></ul><ul><ul><li>www.w3.org/ </li></ul></ul><ul><ul><li>www.w3schools.com/ </li></ul></ul><ul><ul><li>www.cgi.br </li></ul></ul><ul><ul><li>www.nic.br </li></ul></ul>
    19. 19. Aplicação <ul><li>XHTML - tags </li></ul><ul><li>parágrafo, quebra de linha, títulos, negrito e itálico </li></ul><ul><li>régua, comentário, imagem, listas (ordenada, não ordenada, definição), links (horizontal, vertical, email, site, download) </li></ul><ul><li>tabelas e formulários </li></ul><ul><li>frames, iframes e tags em desuso </li></ul>
    20. 20. Aplicação <ul><li>CSS – teoria </li></ul><ul><li>O que é </li></ul><ul><li>Como funciona </li></ul><ul><li>Vantagens </li></ul>
    21. 21. Aplicação <ul><li>CSS – css zen garden </li></ul>
    22. 22. Aplicação <ul><li>CSS – declarações </li></ul><ul><li>seletor </li></ul><ul><ul><li>tag, class, id </li></ul></ul><ul><li>declarações </li></ul><ul><ul><li>comentários, texto (text e font), cor </li></ul></ul><ul><ul><li>background, margem, padding, borda, lista, link </li></ul></ul><ul><ul><li>dimensionamento e posicionamento </li></ul></ul><ul><li>estilo interno, externo e inline </li></ul><ul><li>herança de estilos </li></ul><ul><li>aplicações práticas (formatar tabela, formulário, interface) </li></ul>
    23. 23. Dúvidas ? <ul><li>Contextualização </li></ul><ul><li>Web2.0, usuário, e mais </li></ul><ul><li>Aplicação </li></ul><ul><li>XHTML, CSS </li></ul><ul><li>[email_address] </li></ul>
    24. 24. Lista de sites <ul><li>www.microsoft.com/windowsvista/ </li></ul><ul><li>docs.google.com </li></ul><ul><li>www.blogger.com </li></ul><ul><li>www.pageflakes.com </li></ul><ul><li>www.havaianas.com.br </li></ul><ul><li>delicious.com </li></ul><ul><li>www.wikipedia.org </li></ul><ul><li>www.flickr.com </li></ul><ul><li>www.google.com/webhp?hl=en&complete=1 </li></ul><ul><li>www.w3schools.com/xml/default.asp </li></ul><ul><li>www.adobe.com/products/dreamweaver </li></ul><ul><li>www.mamboserver.com </li></ul><ul><li>www.joomlabrasil.org </li></ul><ul><li>drupal.org </li></ul><ul><li>moodle.com </li></ul><ul><li>www.w3.org/ </li></ul><ul><li>www.w3schools.com/ </li></ul><ul><li>www.cgi.br </li></ul><ul><li>www.nic.br </li></ul><ul><li>www.csszengarden.com/tr/portuguese </li></ul>http://www.tiny.cc/pVkSH

    ×