Pasar una web a CSS

[[G]aRRiGa!]

Hola a todos, el otro dia en el foro de "Sugerencias para tu web" puse mi web www.elnastic.com y me dijeron que si usara CSS me tardaría mucho menos en descargar, pues bien, me gustaría que me explicárais que debo hacer para hacer eso, la web ahora está en tablas y me gustaría pasarla a CSS.

Lo de las hojas de estilo no lo he entendido mucho en concepto de velocidad, porque da igual que ponga los estilos en cada página que si hago un link a un .css porque sino tendrá que acceder al archivo para leerlo no? Entonces es lo mismo.

Bueno, a ver si alguien me puede ayudar. Muchas gracias.

[Eleazan]

Imagina esto:

Tienes en cada página un texto, que dice "ESTA ES MI WEB", y lo pones tamaño 20px, y color verde... en cada página tendrás que repetirle al navegador que color, y que tamaño es dicho texto... y ahora imaginate que en vez de verde lo quieres rojo...... y tienes q cambiar 30 paginas... buff

Si lo tienes en css, podrias hacer:

Código:

.texto_miweb {
color:green;
font-size:20px}

y luego, en el html, solo sería "<span class="texto_miweb">ESTA ES MI WEB</span>". Si quisieras cambiar el color, solo tndrias q modificar 1 archivo css :)

Otra ventaja, es, que, el css se queda en cache, asiq imagino que luego es menos cosa que tiene q descargarse, simplemente, pq escribes mucho menos en tu archivo html :) (esto no lo sé seguro, pro creo q es así)

Espero que te haya servido algo ^^

[[G]aRRiGa!]

Iniciado por Eleazan

Imagina esto:

Tienes en cada página un texto, que dice "ESTA ES MI WEB", y lo pones tamaño 20px, y color verde... en cada página tendrás que repetirle al navegador que color, y que tamaño es dicho texto... y ahora imaginate que en vez de verde lo quieres rojo...... y tienes q cambiar 30 paginas... buff

Si lo tienes en css, podrias hacer:

Código:

.texto_miweb {
color:green;
font-size:20px}

y luego, en el html, solo sería "<span class="texto_miweb">ESTA ES MI WEB</span>". Si quisieras cambiar el color, solo tndrias q modificar 1 archivo css :)

Otra ventaja, es, que, el css se queda en cache, asiq imagino que luego es menos cosa que tiene q descargarse, simplemente, pq escribes mucho menos en tu archivo html :) (esto no lo sé seguro, pro creo q es así)

Espero que te haya servido algo ^^

Muchas gracias por tu breve respuesta, ahora el dilema es como hago una hoja y como la vinculo desde la web. Hay algún código para eso no? Merci.

[Eleazan]

entre head pones

<link rel="stylesheet" href="style.css">


siendo "style.css" tu archivo de estilos....
para crearlo, puedes renombrar simplemente un txt a css ^^
O usar TopStyle, Dreamweaver, etc

[iconogt]

Iniciado por Eleazan

<link rel="stylesheet" href="style.css">

No olvidemos hacer referencia al tipo de hoja de estilos que estamos usando

Código:

<link rel="stylesheet" type="text/css" href="style.css" media=""/>

[[G]aRRiGa!]

Para empezar me gustaría pasar el menú de navegación desplegable a CSS, alguien me puede ayudar?

La web es www.elnastic.com y el menú es horizontal desplegable.

Si me podéis enseñar a pasarlo a CSS para que pese menos me haréis un gran favor.

Saludos.