sexta-feira, 13 de maio de 2011

Wireframes

Wireframe é um guia visual para sugerir a estrutura de um site, ou seja, você desenha como deverá ficar o seu site ou a sua página possibilitando assim a visualização de todos os elementos que deverão existir em seu projeto. Basicamente é o esqueleto do seu projeto. Abaixo segue o endereço de um site que tem como conteúdo os wireframes, lá você encontra fotos e vídeos com vários exemplos criados com auxílio de ferramentas ou até mesmo à mão. Vale a pena conferir.

http://wireframes.tumblr.com

Protótipo de um site...no papel

quarta-feira, 11 de maio de 2011

O QUE É DOCTYPE?

A declaração DOCTYPE deve ser a primeira linha em um documento HTML, antes da tag HTML, essa declaração não é uma tag HTML, é uma instrução para o navegador sobre qual a versão da linguagem de marcação que está sendo usada, ou seja, a declaração DOCTYPE determina o tipo de HTML que está sendo usado.

A declaração DOCTYPE refere-se a uma Document Type Definition (DTD). O DTD especifica as regras para a linguagem de marcação para que os navegadores processem o conteúdo corretamente, definem quais as tags  podem ser usadas em um documento XML e quais os valores válidos. DTD já era usado bem antes de surgir o padrão XML. Desde o padrão SGML a DTD era utilizada como forma padrão de validação de documentos dessa linguagem, porém desde 2001 que ele vem sendo substituído aos poucos pelo XML Schema(XSD).

Existem três tipos de declaração DOCTYPE: Strict, Transitional e Frameset.
  • Declaração Strict: É a mais rigorosa das declarações, não permite qualquer item de apresentação e formatação dentro dos elementos ou a utilização de tags em desuso.
  • Declaração Transitional: É mais flexível que a Strict entre outras possibilidades permite a utilização de tags em desuso, formatação de elementos dentro de tags, etc.
  •  Declaração Frameset: Utilizada no desenvolvimento de documentos baseados em frames. Por favor, FRAMES NÃO.
 Usaremos a marcação XHTML Transitional, isso significa que usaremos uma biblioteca referente a esse tipo de HTML. Essa declaração é fundamental, pois ao informarmos que estamos usando XHTML 1.0 Transitional os navegadores trabalharam para mostrar o site mostrando a biblioteca correta para esse tipo de documento. Sem essa declaração os navegadores teriam que adivinhar qual o nosso tipo de documento e qual a biblioteca necessária para exibir o site para o usuário, por isso usamos essa declaração.

sábado, 7 de maio de 2011

HTML – XHTML – CSS – SOPA DE LETRINHAS

Segundo a W3C podemos definir que o HTML(HyperText Markup Language) é a linguagem para descrever a estrutura das páginas web. HTML dá aos desenvolvedores a possibilidade de:

  • Criar documentos on-line com títulos, texto, tabelas, listas, fotos, etc.
  • Recuperar informações on-line através de links de hipertexto ou com o clique de um botão.
  • Incluir imagens, clips de vídeo, clips de som e outras aplicações diretamente em seus documentos.

Com o HTML, os desenvolvedores descrevem a estrutura das páginas usando seus elementos que são conhecidos como tags.

Já o XHTML(eXtensible HyperText Markup Language)  é uma variante do HTML que usa a sintaxe do XML (eXtensible Markup Language). XHTML tem todos os mesmos elementos do HTML, mas a sintaxe é ligeiramente diferente, porque XHTML é uma aplicação XML. Assim podemos afirmar que quando escrevemos XHTML estamos escrevendo HTML reformulado para XML.

Já o CSS(
Cascading Style Sheets) é a linguagem para descrever a apresentação de páginas Web, incluindo cores, layout e fontes. Ele permite adaptar a apresentação para diferentes tipos de dispositivos. CSS é independente de HTML e pode ser usado com qualquer linguagem de marcação baseada em XML. A separação do código HTML do código CSS faz com que seja mais fácil dar manutenção nos sites, pois um arquivo apresenta apenas o conteúdo a ser exibido ao usuário, outro arquivo informa como esse conteúdo deve ser apresentado. Isso é conhecido como separar o conteúdo da página de sua formatação.