Desenvolvimento de sites com xhtml e css nos

1.286 visualizações

Publicada em

Publicada em: Design
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
1.286
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
19
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Desenvolvimento de sites com xhtml e css nos

  1. 1. Desenvolvimento de sitescom XHTML e CSS nospadrões webVinícius rocha OlivieriDiscente do Curso de Bacharelado emCiência da Computação do CUA/UFMT
  2. 2. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBIntrodução A Web foi criado em 1989, por Tim Berners-Lee, para ser um padrão de publicação e distribuição de textos científicos e acadêmicos. Aproximadamente entre 1995 e 1999 houve a chamada “Guerra dos Browsers”, onde a Netscape (e seu Browsers de mesmo nome) e a Microsoft (com o seu Internet Explorer) disputavam o mercado de navegadores. Além de não darem suporte aos padrões do recém criado World Wide Web Consortium (W3C), ainda criavam seus próprios padrões, aumentando a bagunça.
  3. 3. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB
  4. 4. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBHistórico da Web Web 1.0 Web 2.0 Conteúdo estático Conteúdo dinâmico Utilização de tabelas para Utilização de CSS e Tableless posicionar e alinhar os para posicionar elementoselementos em uma página. Conteúdo fornecido e Conteúdo pode ser editado por apenas uma elaborado e editado com pessoa colaboração dos usuáriosSem utilização de padrões de Utilização de padrões de desenvolvimento desenvolvimento
  5. 5. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB
  6. 6. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBPadrões Web Conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins de caráter técnico, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais. W3C (World Wide Web Consortium) é um consórcio de empresas de tecnologia. Fundado por Tim Berners-Lee em 1994 para levar a Web ao seu potencial máximo. Web Standards Project (WSP): grupo formado em 1998 com o objetivo de promover os Padrões Web.
  7. 7. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB
  8. 8. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB Sem Padrões Com Padrões Extensão da Mídia Impressa Acessível de qualquer dispositivo Layout baseado em Tabelas Layout baseado em CSS Conteúdo, Apresentação e Separação entre conteúdo, Comportamento aninhados Apresentação e comportamento Código Incompreensível Código Acessível Carregamento mais rápido Carregamento mais lentoMenores custos com hospedagem Maiores custos com hospedagem Maior acessibilidade e Acessibilidade reduzida interoperabilidade
  9. 9. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBTableless x Padrões Web Tableless é um termo que ficou muito popular no Brasil, e que acaba por confundir muita gente. Tableless significa (resumidamente) um site desenvolvido sem o antiquado uso das tabelas para organizar o layout, e sim usando CSS. Criar um site Tableless não significa que esteja seguindo os Padrões Web, que vão muito além de um código válido, e tem preocupações maiores como a Semântica e a Acessibilidade.
  10. 10. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBHTML HTML ou HyperText Markup Language é uma linguagem de marcação, utilizada para construir a camada visual de páginas web. Sua função é dar um valor semântico e estruturar todo o conteúdo de um documento. É o que define o conteúdo visualizado na tela Toda linguagem de programação web interage com HTML, por esses motivos todo profissional que se preza (redatores, designers, programadores etc) conhece bem a sua sintaxe. Compõe a estrutura de uma página através de etiquetas (tags) e atributos.
  11. 11. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBHTML Essa linguagem de marcação baseia-se em etiquetas (tags) com valor semântica, englobando trechos de conteúdo dotando-os de sentido e valor. Uma tag nada mais é do que um comando HTML com um ponto inicial (abertura) e um ponto final (fechamento). ESTRUTURA DE UMA TAG <TAG>¹ Conteúdo a ser Formatado </TAG>² ¹ Início da TAG | ² Fim da TAG
  12. 12. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBHTML Estrutura básica de um documento<html> <head> <title> Título do Documento</title> </head> <body> texto, imagem, links, ... </body></html>
  13. 13. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBXHTML O (X)HTML, ou eXtensible Hypertext Markup Language, é uma reformulação da linguagem de marcação HTML baseada em XML. Criada para suprir a falta de flexibilidade do HTML. Separação do conteúdo da formatação. Pode ser interpretado por qualquer dispositivo, independentemente da plataforma utilizada, pois as marcações possuem sentido semântico para as máquinas. Semântica refere-se ao estudo do significado, Quando utilizamos cada marcação para o que ela realmente foi criada, estamos construindo um “Código Semântico”.
  14. 14. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB HTML XHTMLNão há tanta rigidez na criação de Documentos devem ser bem-formados documentos As tag podem ser escritas em letras Todas as tags devem ser escritas com maiúsculas e/ou minúsculas letras minúsculas Tags devem estar convenientementeTags não necessitam estar aninhadas aninhadas Não é obrigatório o uso de tags de Uso de tags de fechamento é fechamento obrigatórioNão é necessário o fechamento de Elementos vazios devem ser fechados elementos vazios
  15. 15. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBCSS Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento. Pode-se definir apresentações especificas para diferentes dispositivos (TVs, Celulares e PDAs, Impressoras, etc.) apenas criando folhas de estilo alternativas.
  16. 16. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEBCSS Uma folha de estilo consiste de uma lista de regras, onde cada regra ou conjunto de regras consiste de um ou mais seletores e um bloco de declaração. Cada declaração em si é uma propriedade, dois pontos (:), um valor, então um ponto e vírgula (;). Seletores são usados para declarar a quais elementos de marcação um estilo se aplica, uma espécie de expressão correspondente. Estrutura de um seletor seletor { propriedade: valor } h1 { color: green }
  17. 17. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB

×