piedrita72 escribió:Hola.
Estuve viendo el código de una pagina que encontre por ahi y encontre esto:
<link href="layout.css" rel="stylesheet" type="text/css" />, que me imagino que trabaja parecido a una hoja de estilos, pero la verdad es que me gustaria saber más acerca de eso.
Hola:
Como bien le han dicho antes, layouts.css es el nombre que el autor de esa hoja de estilo le dió a esa hoja de estilo.
La cuestión es que ese mismo autor le puso ese nombre a esa hoja de estilo para seguramente recordarse que su pagina la haría con alguna clase de layouts, entonces:
¿Qué realmente serían los layouts?
Por lo que yo se, sencillamente los layouts son esquemas de paginas web hechas con hojas de estilo, (o sea hacer una pagina con capas), ya que anteriormente esto se solía hacer con tablas, lo que limitaba mucho el diseño al dividir la pagina en celdas.
Al plantearse el hacer una página web, uno puede escoger el diseño que más le guste, sin embargo el diseño más común, y que prácticamente se a estandarizado, es el diseño en columnas.
Estos diseños se pueden hacere de dos maneras
1. Con un esquema líquido o flexible
2. O con un esquema estático que utilice tanto elementos posicionados como elementos flexibles.
La diferencia es que el líquido se adapta al espacio disponible en nuestra pantalla, y el estático es fijo y siempre se verá del mismo modo.
También se puede hablar de un tercer tipo de diseño, este sería un diseño híbrido
El diseño híbridoque estaría a medio camino entre el primero y el segundo.
Cuando se tienen diseños muy complicados o especiales que requieren exactitud en el posicionamiento de nuestros elementos, es sugerible utilizar un esquema o layouts estáticos
Este utilizaría en su hoja de estilo o CSS capas posicionadas de manera absoluta.
Pero si queremos que nuestro diseño se adapte a cualquier pantalla y resolución, pues utilizaremos un esquema o layouts líquidos, esta clase de diseño suele utilizar los tantos por ciento en sus anchos de las capas, como por ejemplo , si quiero diseñar una pagina que tenga una cabecera, luego dos clumnas y luego un pie, pues las dos columnas , cada una tendrá el tanto por ciento que queramos pero lógicamente entre las dos deben de sumar 100%.
Ahora para que sea un esquema fluido y que se adapte a cualquier pantalla hay que utlilizar los floats para que las columnas floten una al lado de la otra.
Ahora podríamos ver el tercer tipo, el híbrido
Un esquema o layouts híbrido, sería por ejemplo una cabecera, tres columnas y un pie
Pues las columnas de la izquierda y de la derecha se les daría una medida en píxeles y una posición absoluta con left y right.
Y la capa del centro sería con tantos por ciento.
Bueno, seguramente le aburro con tanta explicación, pero espero le ayude a entender lo que son los layouts.
Saludos
