Foros del web, para los que viven de bits

[G]aRRiGa! · 22-abr-2008, 09:21

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 · 22-abr-2008, 09:26

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! · 22-abr-2008, 09:36

Cita:

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 · 22-abr-2008, 09:43

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 · 22-abr-2008, 10:26

Cita:

Iniciado por Eleazan

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! · 25-abr-2008, 11:31

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.

22-abr-2008, 09:21	#1 (permalink)
[G]aRRiGa! Fecha de Ingreso: octubre-2005 Mensajes: 56	Pasar una web a CSS 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.

22-abr-2008, 09:26	#2 (permalink)
Eleazan Fecha de Ingreso: abril-2008 Mensajes: 226	Re: Pasar una web a CSS 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 ^^

22-abr-2008, 09:36	#3 (permalink)
[G]aRRiGa! Fecha de Ingreso: octubre-2005 Mensajes: 56	Re: Pasar una web a CSS Cita: 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.

22-abr-2008, 09:43	#4 (permalink)
Eleazan Fecha de Ingreso: abril-2008 Mensajes: 226	Re: Pasar una web a CSS 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

22-abr-2008, 10:26	#5 (permalink)
iconogt Fecha de Ingreso: septiembre-2004 Ubicación: La tierra de Dios... Mensajes: 523	Re: Pasar una web a CSS Cita: 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=""/> __________________ ________________________________________ <!-- Lo que sabemos es una gota de agua; lo que ignoramos es el océano -->

25-abr-2008, 11:31	#6 (permalink)
[G]aRRiGa! Fecha de Ingreso: octubre-2005 Mensajes: 56	Re: Pasar una web a CSS 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.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado