Las página web apresentan distintos disenos, como contenido en una o varis columnas
Ejemplo
...
Elementos de diseño HTML
Una página web es constituida de los seguientes elementos:
- Header
- nav
- section
- article
- aside
- footer
Elemento | Descricion |
---|---|
header | Define un encabezado para un documento |
nav | Es la barra de navegacion |
section | Define la seccion de un documento |
article | define el contenido de unarticulo |
aside | El menu lateral del contenido |
footer | define el pie de la página |
details | Define detalles adicionales que el usuario puede abrir y cerrar a pedido |
sumary | Define un encabezado para el elento details |
tecnicas de diseno
hay cuatro tecnicas para disenos en varias columnas, cada una tiene sus pros y contras
- Marco en CSS
- Propriedad flotante en CSS
- Caja flecible de CSS
- cuadricula CSS
Marco CSS
Si desea un diseno rapido de una página web puede usar un Marco ya pronto como es por ejemplo el de bootstrap
Un marco es un conjunto de estilos ya prontos, tambien conocido como framework
Diseño flotante CSS
Conocido como Float Layout
es comun disenar disenos web completos usando la propdriedad float
La desvantaje de estos elementos es que la propriedad float esta vinculado al flujo del documento, podendo danar su aparencia
Cajas flexibles
el uso de cajas flexibles garantiza que los elementos se comporten de manera predicible.
el diseño de la página debe acomodar diferentes tamaños de pantalla y diferentes dispositivos de visualización.
Diseño de cuadrícula CSS
El módulo de diseño de cuadrícula CSS ofrece un sistema de diseño basado en cuadrícula, con filas y columnas, facilitando el diseño de páginas web sin tener que utilizar flotadores y posicionamiento.
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias