Introducción a la diagramación de páginas web

Introduccion a la diagramación de páginas web
Que es diagramar una página web: Es diseñar un montaje funcional de un sitio web utilizando herramientas como el CSS JQUERY HTML para llevar a cabodicho diseño.
NOTA: En HTML 4 se implementa para realizar las divisiones de las diferentes secciones de una página web el elemento div aplicándole propiedades de posicionamiento y de flotamiento a dichoelemento. 
Elemento CSS involucrado en el montaje de una maqueta
Posicionamiento de los elementos: Las propiedades de posicionamiento CSS le permite colocar un elemento en algún lado de página, esdecir que Los elementos pueden ser colocados utilizando la parte superior, inferior, izquierda y derecha, utilizando las propiedades respectiva para este fin, teniendo en cuenta que funcionan demanera diferente en función del método de posicionamiento que se utilice.
NOTA: Los elementos HTML se colocan estática por defecto. Un elemento posicionado estática está siempre posicionado de acuerdo conel flujo normal de la página. Elementos posicionados estáticos no se ven afectados por la parte superior, inferior, izquierda, y las propiedades correctas.
 
 
Tipos de posicionamiento:
1. fixed:Un elemento con posición fija se coloca en relación con la ventana del navegador y no se moverá incluso si la ventana se desplaza: div{position: fixed; top:10px; left:10px}
2. relative: El contenidode los elementos en posición relativa se puede mover y se superponen otros elementos, pero el espacio reservado para el elemento aún se conserva en el flujo normal. div{position: relative; top:10px;left:10px}
3. absolute: Un elemento de posición absoluta se posiciona en relación con el primer elemento de matriz que tiene una posición que no sea estática. Si no se encuentra dicho elemento, elbloque de contención es . div{position: absolute; top:10px; left:10px}.
Flotar elementos: Los elementos se podrían flotar de manera horizontal, esto significa que un elemento sólo puede flotar...