[Dica] Como montar uma p�gina em html

10/08/2005

Senhores,
Comecei a trabalhar com asp.net e Delphi 2005 desde dezembro de 2004 e sempre tive uma preocupa��o em montar uma p�gina leve e boa, tanto em rela��o a tamanho como em linha de c�digo.
Estudos recentes me fizeram pensar:�Ser� que s� eu fa�o html de forma errada?�
Errada n�o seria a palavra certa e sim de maneira inconveniente.
Estou aqui hoje para falar um pouco sobre como se fazer uma p�gina Html com Delphi para n�o ficar �pesado�.
Muitos de vcs, assim como eu, faz a p�gina da seguinte forma:

Caso queira uma p�gina com duas colunas(ex: menu e conte�do) fazia da seguinte forma:

<table>
 <tr><td>
 <table>
  <tr><td>Menu1</td></tr>
  <tr><td>Menu2</td></tr>
 </table>
 </td></tr>
 <tr><td>Conteudo</tr></td>
</table>

Bom, n�o estou dizendo que est� errado mas vc j� parou para perceber que quando vc tem uma p�gina toda feita em tabela, ela s� mostra na tela depois que [b:06e8f5d0ea]TODO[/b:06e8f5d0ea] conte�do est� tela?

� por isso que hoje existem os padr�es e, entre eles, o mais respeitado � o W3C.
Ent�o surge um novo termo em quisito de cria��o de p�ginas: Tableless e CSS.
Muita gente j� com certeza ouviu falar de css e provavelmente j� usa mas tableless � algo que ainda n�o temos muito por a�.
Tabela � s� para colocar dados de Tabela. Ex: colocar nomes de produtos e seus respectivos pre�os.
Olhe o exemplo acima e este escrito em tableless

index.html

<div id="menu">
 <ul><li>
   Menu1
 </li><li>
   Menu2
  </li></ul>
</div>
<div id="conteudo">
Conte�do
</div>

no meucss.css

#menu{
float:left;
color:8C5BA6; 
}
conteudo{
background-color:000;
color:FFF;
}

Voc� pode me dizer:
Mas agora tenho 2 arquivos para fazer a mesma coisa que eu fazia em tabela.
Correto, por�m estou dando um simples exemplo pois estou apenas abrindo portas para uma nova forma de vc economizar tempo e banda.
Os arquivos feito dessa forma, ap�s o primeiro download, o css fica em cash fazendo com que sua p�gina carregue muito mais r�pido.
Bom, eu vou encerrando por aqui pois preciso fazer algumas coisas mas caso algu�m tenha interesse em saber mais, pode postar uma mensagem, gostaria de dicutir isso com vc se poss�vel.

tamb�m existe alguns links relacionados que vcs podem ver como o w3cschool(www.w3cschool.org) e o tableless(www.tableless.com.br)

Qualquer d�vida estou a disposi��o. depois escrevo mais sobre o tableless.
Abra�os

PS: desculpe-me se fui demorado e mal explicativo, � a primeira vez que escrevo uma dica..... :oops: [/b]

Cristiam

Curtir t�pico + 0

Responder

Posts

11/08/2005

Sanses

Bem lembrado Cristiam. O Tablelless � realmente a forma aceita pelo W3C e que realmente deixa as p�ginas mais leves. Minha principal opni�o sobre o assunto � que com ele fica muito mais f�cil de separar a parte de programa��o do design, vou explicar: com o tablelless podemos apenas colocar os componentes no formul�rios e realizar todo o c�digo necess�rio para nossa aplica��o e somente depois de pronto e funcionando, estes arquivos s�o passados para o designer que vai trabalhar a parte grafica, organizando os componentes na tabela, fazendo altera��es somente no *.aspx.

[]�s
Sanses

Responder

Gostei + 0