English version
German version
Spanish version
French version
Italian version
Portuguese / Brazilian version
Dutch version
Greek version
Russian version
Japanese version
Korean version
Simplified Chinese version
Traditional Chinese version
Hindi version
Czech version
Slovak version
Bulgarian version
 

Usando ccs eliminar tabelas

Web design RSS Feed





O CSS ou as folhas sendo conectadas em cascata do estilo abriram acima das possibilidades tremendas para melhorar projetos do Web site, disposições do Web page e adição de características novas. O código do HTML pode ser feito mais curto, mais limpo e mais simples por CSS tendo por resultado um carregamento mais rápido dos Web pages, e fazê-los mais acessíveis aos motores de busca. Aqui eu estou narrando minha experiência com somente uma porção de CSS - usá-la eliminar tabelas.

Se você olhar um Web page tradicional projetado, você é provável encontrar o número das tabelas na disposição. As tabelas foram usadas mais cedo somente para a informação indicando em um formulário tabular. Mas os desenhadores do Web site começaram logo usar tabelas para outras aplicações tais como mostrar imagens, gráficos e outras decorações.

Meus próprios Web pages eram uns tabuleiros de damas mais adiantados das tabelas. Cada Web page foi coberto quase inteiramente com as tabelas e muitas tabelas foram aninhadas dentro de outras tabelas. Enquanto eu tentei adicionar mais características o projeto tornou-se mais e complicado mais tendo por resultado uns tempos de carregamento mais longos. Fêz exame também do lote do tempo "ajusta" as tabelas na página para fazê-la aceitável.

Não era uma tarefa fácil redesign todas as páginas usando o CSS. Mas uma vez que eu comecei, as melhorias eram mais do que eu tinha negociado para. O projeto tornou-se mais simples, a aparência melhorada e o tempo de carregamento veio para baixo consideravelmente. O código olhou real limpa. A maioria de Tag ' do td ' e ' do tr ' foram idos.

Minha finalidade deste exercício não era realmente mudar a aparência mas fazer o projeto mais simples. As tabelas que foram usadas mais cedo somente para a finalidade do projeto têm sido eliminadas agora. Para eliminar a primeira etapa das tabelas é decidir-se que tabelas ou mais especificamente que as pilhas têm que ser removidas. Para aplicar o CSS cada pilha de uma tabela pode ser considerada como uma "caixa". Estas caixas são dadas identidades separadas e a descrição de cada "caixa" entra no código do CSS. As "caixas" podem ser dadas nomes tais como box1, box2 etc.. A descrição da "caixa" pode incluir o tamanho, a sua posição no Web page, a cor do fundo e a imagem se alguma, detalhes da pia batismal, estofamento, beira detalhar etc.. A posição da "caixa" pode ser feita "fixa" no Web page, ou pode flutuar em que posição do caso pode ser definida com respeito a uma outra "caixa".

Se a posição e as dimensões das caixas forem trabalhadas corretamente para fora, cabe ordenadamente no Web page que dá lhe um olhar limpo. Desde que o código associou com os projetos da tabela é feito afastado com, o índice da página alcança mais prominence no código. Isto faz mais fácil para que as aranhas do Search Engine encontrem o índice real da página.

Se você tiver diversos Web pages com projeto similar, o código do CSS com estes e outros detalhes pode ser posto em uma lima externa. Isto encurtará mais mais o código para cada página. Com lote do CSS muitas melhorias podem ser feitas no projeto e na disposição do Web page. O CSS pode também ser usado para o optimization do Search Engine da página.

Minha experiência com CSS foi grande e eu quero saber porque não é usado mais frequentemente. Meu conselho - o converso ao CSS baseou o projeto.

Sanjay Johari contribui artigos regularmente aos vários ezines. Seu Web site contem a informação, os artigos, os recursos, as oportunidades e o mais para proprietários da empresa de pequeno porte e proprietários baseados repouso do negócio. http://www.sanjay-j.com

Junte a oportunidade de negócio running a mais longa do Internet - porque trabalha! http://www.sanjay-j.com/empowerism.html

Artigo Fonte: Messaggiamo.Com

Translation by Google Translator





Related:

» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker


Webmaster começa O Código do HTML
Adicionar este artigo para o seu site agora!

Webmaster enviar seus artigos
Nenhum registro necessário! Preencha o formulário e seu artigo está no Messaggiamo.Com Diretório!

Add to Google RSS Feed See our mobile site See our desktop site Follow us on Twitter!

Envie os seus artigos para Messaggiamo.Com Directory

Categorias


Copyright 2006-2011 Messaggiamo.Com - Mapa do Site - Privacy - Webmaster enviar seus artigos para Messaggiamo.Com Directory [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu