Diseño web en Cancún
Maquetación, ubicación, colocación en capas, y alineación
Puntos de verificación en esta sección:Diseño web en Cancún
3.3 Utilice hojas de estilo para controlar la maquetación y la presentación. [Prioridad 2]
5.3 No utilice tablas para maquetar, a menos que la tabla tenga sentido cuando se transcriba línea a línea. Por otro lado, si la tabla
no tiene sentido, proporcione una alternativa equivalente (la cual debe ser una versión linearizada). [Prioridad 2] .
Los contenidos deben ser maquetados, ubicados, colocados en capas y alineados mediante hojas de estilo (sobre todo mediante
las propiedades CSS de float y colocación absoluta):diseño web en Quintana Roo
• Las propiedades “text-indent”, “text-align”, “word-spacing” y “font-stretch”, permiten a los usuarios controlar el espaciado sin añadir
espacios adicionales. Utilice “text-align:center” en lugar del elemento CENTER.
• Con las propiedades “margin” “margin-top”, “margin-right”, “margin-bottom” y “margin-left”, los autores pueden crear espacios en
los cuatro lados del contenido de un elemento, en lugar de añadir espacios de no separación ( ).
• Con las propiedades “float”, “position”, “top”, “right”, “bottom” y “left”, el usuario puede controlar la posición visual de casi cualquier
elemento con independencia de donde aparezca el elemento en el documento. Los autores deberían diseñar siempre documentos
que tengan sentido sin hojas de estilo (por ejemplo, el documento debería escribirse en un orden “lógico”) y entonces aplicar hojas
de estilo para lograr efectos visuales. Las propiedades de ubicación pueden ser usadas para crear notas marginales (que se
numerarán automáticamente), barras laterales, efectos similares a los marcos, encabezamientos y pies simples y otras más.
• La propiedad “empty-cells” permite a los usuarios dejar vacías celdas de tablas y poder proporcionarles bordes en la pantalla o en
papel. Una celda de datos que debe estar vacía, no debería ser llenada con un espacio en blanco o un espacio «non-breaking»
sólo para lograr un efecto visual.diseño web
11.1 Si no tiene más remedio que emplear imágenes como espaciadores
Proporcione textos equivalentes para todas las imágenes, incluyendo las imágenes invisibles o transparentes.
Si los diseñadores de contenido no pueden usar hojas de estilo y deben utilizar imágenes invisibles o transparentes (por ejemplo,
con IMG) para diseñar con imágenes en las páginas, deberían especificar alt=»» para ellas.
Ejemplo desaconsejado
Los autores no deben utilizar espacios para el valor de «alt», con el fin de prevenir que las palabras se desplacen juntas cuando la
imagen no está cargada:Diseño web en Cancún
mi poema necesita un gran espacio<IMG src=»10pttab.gif»
alt=» »>aquí
En el siguiente ejemplo, se utiliza una imagen para forzar que un gráfico aparezca en cierta posición