Blog de Notas sobre Temas Introductorios al Desarrollo Web: HTML y CSS

La maquetación de una página web consiste en definir la estructura, diseño o composición (en inglés layout o mockup ) de la página. Según el diccionario de la lengua de la Real Academia Española la maqueta es un: “ Boceto previo de la composición de un texto que se va a publicar, usado para determinar sus características definitivas ”. Al maquetar se trabaja mediante bloques. Con estos bloques se puede jugar para definir varias maquetas y tomar una decisión de la publicación final. A la hora de maquetar se tienen que tener en cuenta consideraciones gráficas del diseño, como la claridad , la legibilidad , el correcto uso de los espacios en blanco , la distribución balanceada del contenido y muchas otras consideraciones. En la maquetación de una página web se suelen aplicar los mismos principios y técnicas que se han aplicado tradicionalmente en los medios impresos. Pero hay una diferencia muy importante.           En un medio impreso conocemos con toda precisión

  La presentación visual de una lista se puede cambiar . Por ejemplo, en el caso de una lista no ordenada , en vez de un círculo relleno, un disco, se puede cambiar el estilo del marcador para que sea el contorno de un círculo o un rectángulo . Esto se puede lograr con la utilización de la propiedad de CSS list-style-type . Esta propiedad toma distintos valores según sea una lista no ordenada o una lista ordenada. Ten en cuenta que el estilo de una lista ordenada o numerada se puede cambiar directamente en la lista con el atributo type de HTML . En el caso de las listas ordenadas ,  utilizando el atributo  list-style-type   éste  permite modificar el formato de numeración de los elementos de la lista. Se puede modificar para que se empleen números romanos, letras o simplemente números . list-stype-position , permite modificar la posición del marcador que define cada elemento en una lista. Esta propiedad de CSS puede tomar dos valores , outside, que es el valor

En el artículo “Multi-Device Layout Patterns”, se explican varios patrones de diseño "adaptativo": perteneciente o relativo a la adaptación o a la capacidad de adaptación, tal como indica el Diccionario académico, pues es precisamente lo que persigue este modo de diseñar: que las webs tengan capacidad automática de adaptación al soporte. “ Casi fluido ”, quizás el diseño más popular, y consiste en modificar la anchura de los componentes de la página hasta cierto límite hasta llegar a un diseño de una sola columna. “ Caída de columna ”, es muy parecido, al anterior, en este caso se van situando las columnas una debajo de otra hasta llegar a un diseño en una sola columna. " Cambio de la estructura ”, es quizás el más potente, y consiste en utilizar un diseño distinto para cada situación contemplada. " Pequeños cambios ”, se puede aplicar en diseños sencillos, basados en una sola columna, que sólo necesitan pequeños ajustes en algunos elem