Diseño Web con estilos CSS responsivo

Selectores y propiedades CSS aplicados a web responsive

Los scripts de estos ejemplos se encuentran en el Capítulo 9 del Libro 1 del Instructivo Programando Paso a Paso y Más

Los libros están a la venta en Amazon

Mi página web - Modelo de doce columnas

Abarca 6 columnas, desde la 4 hasta la 9

Mis páginas web se ajustan a los diversos anchos de pantallas que hoy utilizamos, son estilo responsivo. Se pueden ver en cualquier dispositivo moderno.

La estructura de esta página está dividida en 3 columnas responsivo.

Muchas páginas web se basan en una vista de cuadrícula, lo que significa que la página está dividida en columnas. Usar una vista de cuadrícula es muy útil al diseñar páginas web. Facilita la colocación de elementos en la página. Una vista de cuadrícula receptiva a menudo tiene 12 columnas y un ancho total del 100%, y se reducirá y expandirá a medida que cambie el tamaño de la ventana del navegador.

En la actualidad las páginas web se pueden ver utilizando muchos dispositivos diferentes: computadoras de escritorio, tabletas y teléfonos. Y la página web debe verse bien y ser fácil de usar, independientemente del dispositivo.

En el capitulo 10 del Libro 1 Programando Paso a Paso y Más se explica en detalles como manejar el diseño en columnas. Se presentan varias estructuras de páginas web responsives, fáciles de personalizar, donde se pueden ajustar la cantidad de columnas, colores de fondos, tamaños, etc.

Abarca 3 columnas, desde la 10 hasta la 12

¿Qué?

¿La página se pueden ver en mi computadora de mesa, en mi laptop, ipad y celular?

Claro que sí

Y se muestran sin omitir o eliminar información .

¿Cómo lo hacen?

Fácil. Los estilos CSS hacen la tarea de ajustar el tamaño de la página a la pantalla del dispositivo donde se mostrará

Me gustaría comprobar si eso es cierto

Si puedes. Da clic derecho en esta página y abre el inspector que contiene las herramientas donde puedes ajustar el tamaño de esta pantalla a las dimensiones de los diversos dispositivos que hoy utilizamos para navegar en la web.