Armar o Crear una pagina web desde cero - [Unidad 7]

 

Unidad 7. Maquetación web

• 7.1. Maquetar una página web
• 7.2. Tamaño
• 7.3. Desbordamiento
• 7.4. Posicionamiento
• 7.5. Posicionamiento relativo
• 7.6. Posicionamiento absoluto
• 7.7. Posicionamiento flotante
• 7.8. Posicionamiento fijo
• 7.9. Ancho de la página, líquido o elástico

  7.1. Maquetar una página web

La maquetación es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos, como encabezados, columnas, menús laterales, etc.

Hace unos años, la maquetación de las páginas web se realizaba utilizando tablas (<table>). Una vez entendido este proceso podía resultar sencillo, aunque si no se dominaban las tablas, podía convertirse en algo tedioso. El problema de las tablas es que generaban un página muy encorsetada, y el código se volvía complejo de entender. Además, algunos buscadores encontraban problemas al analizar la estructura de la página.

Actualmente, la maquetación con tablas ha caído en desuso, y se realiza utilizando capas (<div>), también llamadas divisiones o contenedores. La colocación de las capas en la página se realiza a través de CSS. Esto permite, por ejemplo, que podamos pasar de un diseño con un menú lateral a otro con el menú en la parte superior, sólo cambiando la hoja de estilos.

En esta unidad veremos las técnicas de maquetación más comunes, aunque hay que decir que existen diversas formas de conseguir una misma maquetación.

Las capas pueden estar anidadas unas dentro de otra. Básicamente, lo que haremos será definir cómo se posiciona en la página, su colocación y su tamaño.

Nota: Lo aquí explicado funciona para webs con el DTD XHTML Transitional o Strict. Al declarar otro DTD, o no hacerlo, puede que el resultado no sea el esperado.

 Precio: 8 Dolares 
Entrega inmediata

Politica de Compra y Condiciones:  La Entrega es inmediata, una vez realizado el pago automaticamente seras redireccionado al video tutorial en caso de que tengas algun problema con el enlace de reedireccion enviar un mensjase a este correo electronico - corporation-val@hotmail.com  - solicitando el enlace del video  seguido de tu numero de transaccion , cantidad de pago ,fecha de pago y nombre del producto una vez ahiga enviado estos datos ala brevedad te sera enviado el link del video atu correo electronico.

Recuerda que los pagos que realizes en este sitio son totalmente seguros ya que contamos con el sistema de pagos pay pal cabe aclarar que no realizamos devoluciones y los pagos son totalmente voluntarios de igual manera tus pago que realizes tiene una garantia de 3 dias despues de la fecha de compra  pasados los 3 dias no nos hacemos responsables.

 Otros post del curso  - Como crear o armar una pagina web desde cero

Unidad 1 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pargina-web.html

Unidad 2 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pargina-web_24.html

Unidad 3 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pargina-web_5069.html

Unidad 4 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pargina-web_4504.html

Unidad 5 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pargina-web_8411.html

Unidad 6 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pargina-web_913.html

Unidad 7 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pargina-web_3032.html

Unidad 8 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pargina-web_6037.html

Unidad 9 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pagina-web-desde.html

Unidad 10 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pagina-web-desde_24.html

Unidad 11 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pagina-web-desde_3331.html

Unidad 12 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pagina-web-desde_7366.html

Unidad 13 - http://www.programaswarez.org/2012/04/como-crear-o-armar-una-pagina-web-desde_5835.html