Your SlideShare is downloading. ×
0
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Desenvolvimento de sites com xhtml e css nos
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Desenvolvimento de sites com xhtml e css nos

964

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
964
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. 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. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB
  • 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. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB
  • 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. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. Desenvolvimento de sites com XHTML e CSS utilizando os padrões WEB

×