Módulo IV. HTML y maquetación
Paso 1 . Hojas de estilo y tablas
Los elementos del sitio se pueden organizar mediante el uso de hojas de estilo en cascada (CSS) o tablas.
A continuación especifique el estilo del sitio en un documento CSS para aplicar a las páginas en base a estilo general que se estableció en la etapa de diseño gráfico. Utilice las herramientas que los programas de edición de sitios web ofrecen para la creación de CSS.
En Dreamweaver: Menú Windows> CSS Styles o Shift + F12.
En FrontPage: Menú Format> Style.
Puede especificar tamaños de celdas, bloques de texto, márgenes, bordes externos, colores de fondo o posicionar elementos mediante capas para organizar todo el contenido.
La ventaja de los CSS es que cada día los navegadores se van estandarizando y ofrece más alternativas para organizar el sitio, es menos pesado y más fácil de modificarse.
Las etiquetas de CSS pueden colocarse dentro del código HTML de cada página pero se recomienda enlazar a un documento CSS externo, así cualquier cambio imprevisto es cuestión solamente de modificar ese archivo CSS.
Para organizar los contenidos en tablas, se toma en cuenta:
1. Para evitar problemas cuando algún usuario modifica la dimensión de la ventana del navegador se deben establecer el ancho y alto de las celdas que componen la tabla en valores de pixeles absolutos.
2. Agregar un GIF transparente con las mismas dimensiones del tamaño que se desea en la celda de la tabla.
3. Puede utilizar tablas dentro de otras para alcanzar niveles de organización más complicados (tablas anidadas).
Conceptos aplicados en este paso:
1. Las hojas de estilo permiten modificar colores, tamaños de letra y otros de la composición y diseño de la página. Usarlas permite crear una imagen consistente que se aplica a todo el sitio.
2. Una desventaja del uso de tablas para la organización de los elementos es que los programas especiales para discapacitados auditivos leen de manera lineal el contenido de las celdas y muchas veces ese contenido no está organizado de esa forma.
3. Se puede utilizar CSS para organizar y diseñar sitios que serán más rápidos en descargarse y más fáciles de rediseñar. Ofrecen una mejor alternativa para organizar los contenidos, lo que favorece tanto al diseñador como al usuario.
|
