Archive for Abril, 2008

Quanto Vale o seu site ?

E ai pessoal estava navegando no blog do Bruno Ávila e encontrei este topico que achei muito interessante, Trata-se de um site que calcula o valor do seu Web Site. Website Value Calculator. Basta colocar o endereço do seu site e clicar em “Find out!”. Será mostrado então um pequeno relatório traçando uma relação entre número de visitas, número de referências pela web, relevância, até chegar no valor final, mostrando quanto vale seu site.

Modelo de Espaçamento em CSS

Este tópico serve para todos aqueles que estão iniciando em CSS / Tableless, é uma  imagem muito explicativa sobre margin, padding e border no seu CSS.

Modelo de Espaçamento

Introdução a CSS

O que significa a sigla CSS?

CSS é a sigla para Cascading Style Sheets que em português foi traduzido para folhas de estilo em cascata e nada mais é, que um documento onde são definidas regras de fomatação ou de estilos, a serem aplicadas aos elementos estruturais de marcação.  

Qual é finalidade das CSS?

A finalidade das CSS é a de retirar do HTML toda e qualquer declaração que vise a formatação, a apresentação do documento. Isto significa dizer que tags do tipo <font>, <bold> <b>, <em> <i>….etc, bem como uso de colunas e linhas de tabelas para obtenção de espaçamentos não são admitidos ou admitidos com restrições em um projeto Web com CSS. Vale dizer simplificando: HTML para estruturação e CSS para apresentação.
As tags <b> e <i> cumprem finalidade unicamente de apresentação. Elas não têm qualquer efeito sobre tecnologias assistivas. Foram criadas à época antiga de marcar documentos web e basicamente calcados em estruturação para mídia tipográfica, não imputando qualquer relevância ao texto com elas marcado e nada significam para leitores de tela ou mecanismos de busca por exemplo. Não estão em desuso, são previstas no XHTML 1.1, podem e devem ser usadas se a sua intenção é a de contemplar somente mídia visual.
As tags <strong> e <em>, estas sim, são interpretadas por todas as tecnologias assistivas e devem ser usadas em substituição a <b> e <i> se a sua intenção é a de contemplar estas tecnologias.
Contudo, embora o suporte para elas deva continuar ainda por muito tempo, nada aponta para uma revitalização de <b> e <i>.
Pelo contrário, as evidências a esta época, indicam que devam ser banidas a partir do XHTML 2.0.

Porque devo usar CSS?

CSS permite que você retire da marcação HTML toda a formatação (apresentação) do documento WEB. Quem vai determinar cores, formas, tipos e tamanhos, posicionamento e em fim todo o “visual” da página são as CSS. As vantagens estão relatadas nas respostas a seguir.

 

Quais as vantagens de se usar CSS ?

 Inúmeras são as vantagens do uso das CSS nos documentos Web. Eis uma relação das principais: controle total sôbre a apresentação do site a partir de um arquivo central;

·         agilização da manutenção e redesign do site;

·         saida para diferentes tipos de mídia a partir de uma versão única de HTML;

·         redução do tempo de carga dos documentos Web;

·         adequação simplificada aos critérios de acessibilidade e usabilidade;

·         elaboração de documentos consistentes com as aplicações de usuários futuras;

·         aumento considerável na portabilidade dos documentos Web.

 As CSS estão de acordo com as Web Standards?

Sim estão. As CSS estão entre as práticas vivamente recomendadas pelo W3C para projetos Web. Os esforços dos órgãos normatizadores apontam no momento atual para elaboração de documentos Web acessíveis, usáveis e portáteis com grande ênfase. E, CSS facilita e simplifica a obtenção destas três variáveis.

O que é regra CSS?

Regra CSS e uma unidade mínima de programação de estilos, que segue uma sintaxe própria e destina-se a estilizar uma ou mais propriedades CSS. (ver resposta seguinte)

Como escrevo uma regra CSS?

A sintaxe de uma regra CSS compreende um seletor uma propriedade e um valor escritos como mostrado abaixo:

seletor {propriedade: valor;}

Nota: ao conjunto propriedade:valor denominamos declaração CSS

Por exemplo:

p {text-indent:10pt;} é uma regra CSS

 

p é o seletor.

{text-indent: 10pt} é a declaração CSS.

text-indent – é a propriedade CSS

10pt – é o valor CSS

Quais são os caracteres permitidos em regras CSS?

São as letras de a-z, A-Z, os números de 0-9, underscore, hífen e caracteres de escape. Caracteres Unicode 161-255, bem como caracteres Unicode como códigos numéricos. Não é permitido iniciar-se um nome com um traço ou número.

As sintaxe CSS é sensível a maiúsculas/minúsculas?

Não. Regras CSS não são case sensitivas, isto é, pode-se usar maiúsculas ou minúsculas nas folhas de estilo indeferentemente. Isto é válido sómente para as declarações específicas de CSS. Por exemplo: mesmo numa declaração CSS, figura.gif é diferente de FIGURA.gif

Posso incluir comentários nas regras CSS?

Sim. Comentários podem e devem ser usados nas folhas de estilo. É recomendável que se faça amplo uso de comentários para fornecer informações sobre os seletores, propriedades e valores declarados, com o intuito de facilitar futuras modificações ou mesmo entendimento do código gerado. Os comentários devem estar entre as marcas /* e */ e podem ser inseridos em qualquer espaço em branco dentro da folha de estilos. Não são permitidos comentários aninhados.

/* Isto é um comentário CSS */

 

Fonte: MAUJOR