Contenidos
Como posicionar una web
La posición de mi sitio web
La posición permite sacar elementos del flujo normal del documento y hacer que se comporten de forma diferente, por ejemplo, situándose uno encima de otro o permaneciendo siempre en el mismo lugar dentro de la ventana gráfica del navegador. Este artículo explica los diferentes valores de posición y cómo utilizarlos.
Nos gustaría que hicieras los siguientes ejercicios en tu ordenador local. Si es posible, coge una copia de 0_basic-flow.html de nuestro repositorio de GitHub (código fuente aquí) y úsalo como punto de partida.Introduciendo el posicionamientoEl posicionamiento nos permite producir resultados interesantes anulando el flujo normal del documento. ¿Qué pasa si quieres alterar ligeramente la posición de algunas cajas de su posición de flujo por defecto para dar una sensación ligeramente peculiar, angustiada? El posicionamiento es su herramienta. ¿O qué pasa si quieres crear un elemento de interfaz de usuario que flote sobre otras partes de la página y/o que se sitúe siempre en el mismo lugar dentro de la ventana del navegador sin importar cuánto se desplace la página? El posicionamiento hace posible este tipo de diseño.
Significado de la posición del sitio
¿No está seguro de cómo posicionar su página Acerca de? ¿No sabe cómo estructurar el contenido? ¿No sabe qué incluir, qué detalles destacar y cuáles retener? No se preocupe. Todo eso se soluciona en cuanto te das cuenta de una cosa: tu página Acerca de nosotros no trata realmente de ti, sino de ellos: tus visitantes, tus clientes potenciales y tus clientes.
El error más común que cometen las empresas en su página Acerca de nosotros -y, francamente, en su marketing en general- es describir con gran detalle lo que ven (o, peor aún, lo que quieren ver) en el espejo de la empresa. Todos hemos estado en páginas sobre nosotros en las que la empresa no hace más que cantar sus propias alabanzas: lo estupendos que son, lo excepcionales que son sus productos o servicios y el largo y duro -pero tan glorioso- camino que han recorrido para llegar a ser lo que son hoy.
Todo esto tiene su lugar hasta cierto punto, y ese “lugar” puede estar en otras páginas. Pero lo cierto es que, aunque sus clientes potenciales hayan hecho clic en una página llamada “Acerca de nosotros”, lo que realmente se preguntan es qué hay para ellos.
Posicionamiento css
Estoy escribiendo la página maestra de mi sitio web y quiero usar HTML y css para posicionar la página maestra en el centro de la pantalla y luego construir el bloque de posicionamiento interior usando css. Pero no consigo que mi página se visualice en el centro.
El código CSS de arriba establecerá el ancho a 200px para el div y establecerá de abajo hacia arriba a 10px y el margen de izquierda a derecha a auto que significa que ajustará automáticamente su posición al centro. El auto garantiza que los márgenes izquierdo y derecho se ajustarán al mismo tamaño.
Estrategia de posicionamiento web
El posicionamiento permite sacar elementos del flujo normal del documento y hacer que se comporten de forma diferente, por ejemplo, colocándose uno encima de otro o permaneciendo siempre en el mismo lugar dentro de la ventana gráfica del navegador. Este artículo explica los diferentes valores de posición y cómo utilizarlos.
Nos gustaría que hicieras los siguientes ejercicios en tu ordenador local. Si es posible, coge una copia de 0_basic-flow.html de nuestro repositorio de GitHub (código fuente aquí) y úsalo como punto de partida.Introduciendo el posicionamientoEl posicionamiento nos permite producir resultados interesantes anulando el flujo normal del documento. ¿Qué pasa si quieres alterar ligeramente la posición de algunas cajas de su posición de flujo por defecto para dar una sensación ligeramente peculiar, angustiada? El posicionamiento es su herramienta. ¿O qué pasa si quieres crear un elemento de interfaz de usuario que flote sobre otras partes de la página y/o que se sitúe siempre en el mismo lugar dentro de la ventana del navegador sin importar cuánto se desplace la página? El posicionamiento hace posible este tipo de diseño.
