Partes de una pagina web

En esta sección explicaremos una a una las partes constituyentes más importantes de un sitio Web. Cuando hablamos de "partes" no nos referimos exclusivamente a lo que a aspecto visual se refiere sino a todo lo que usted adquiere y puede planear cuando contrata un servicio de diseño Web. No será tema de esta sección el sitio e-commerce ya que este tema tiene su correspondiente sección.

Home:

el home es la página principal de un sitio, es la página a la que entra el usuario cuando coloca la dirección de su sitio. En el home suele presentarse a la empresa y al sitio explicando a qué se dedica la compañía, su trayectoria, su historia, etc. y se puede colocar cuál será el objetivo del sitio Web o no. En el home, al igual que en las demás secciones estará el header, los botones y todo elemento constante del sitio

Secciones:

las secciones son las partes en las que está dividido el sitio. Generalmente, su número oscila entre cinco y nueve y se accede a ella a partir de los botones que se encuentran constantemente a la vista. Las secciones tratan un tema específico y es importante que no se superpongan. Cuando en una sección usted necesita referirse al contenido que se encuentra en otra podrá hacer un enlace directo a esa sección. Es importante que el conjunto de secciones abarque todos los temas que podrían interesar al usuario.

Fotos:

las fotos son un tema complicado. En un sitio se pueden colocar las fotos que usted desee siempre y cuando no tengan copyright. Existen fotos libres en Internet que pueden ser usadas de manera gratuita por cualquier persona. Algunas de estas fotos requieren permiso del fotógrafo y otras no pero pueden tener restricciones (como que no puedan ser utilizadas para uso comercial). De cualquier manera, siempre es mejor que usted tenga sus propias fotografías, pero para tomarlas debe contratar a un fotógrafo profesional. Es muy común que la gente se empeñe en sacar ellos mismos sus fotos, pero lo único que se gana con esto es que la página pierda calidad.

Partes (6)

Header:

El header es la parte superior del sitio, el encabezado. En él suele haber una fotografía grande o una imagen, el Logo de la empresa y, quizá, los botones para entrar a las internas. El encabezado se repite y mantiene igual a través de todas las secciones, es el eje del diseño y a partir de él es que se diseña cada sección del sitio. EL header debe representar un mensaje fuerte y claro, ser atractivo pero no excesivo, es en este punto que se concentra la mayor atención de un usuario.

Botones:

los botones sirven para que el usuario navegue por el sitio. Presionando cada uno de ellos el navegador nos dirige a diferentes secciones del sitio. Existen gran variedad de botones, los hay de todas las formas y tamaños. Sin embargo, hay cierta convención al respecto: el tamaño de los botones no puede ser excesivo como para romper el diseño o queda muy desequilibrado. Por otra parte, es en los botones donde muchos diseñadores colocan efectos. Los efectos más comunes en los botones son que se iluminen o cambien de color cuando se pasa el mouse sobre ellos, que queden seleccionados cuando se ingresa a la interna que les corresponde o que tengan algún tipo de animación.

partes (5)

Dominio:

el domino es el nombre con el que se conoce un sitio Web. En nuestro caso, nuestro dominio es www. top-web-designer.com. Cuando usted elige el nombre para su sitio es necesario comprobar que éste no esté registrado por otra persona. Para comprobarlo no alcanza con ingresar la dirección en un navegador porque quizá alguien tiene ese dominio a su nombre pero no lo está utilizando. Es como si habláramos de una casa: alguien puede ser propietario de una casa aunque no la habite o por lo menos eso dice la ley. Para comprobar que el dominio esté disponible hay que ingresarlo en determinados sitios que se encargan de vender o registrar dominios. Existen dominios gratis y otros que son pagos, según qué tipo de dominio usted desee, deberá pagar por él o no. De cualquier manera, el precio de estos nombres no supera los quince dólares.

Alojamiento:

éste es un punto bastante difícil de explicar algunas veces. Haciéndolo simple: un sitio Web es una serie de archivos. Estos archivos tienen que estar en alguna computadora para que se pueda acceder a ellos. Entonces, el alojamiento de su sitio es eso: el lugar que ocupan en alguna computadora en el mundo que funcione como servidor. Cuando usted hace un diseño Web le cobran una cuota anual por alojar su página. Generalmente, el precio del alojamiento es muy accesible y no modifica en nada sus finazas. El alojamiento puede significar un par de dólares mensuales y nada más.

Estructura (4)

La estructura del diseño de una página web tiene una serie de reglas que se encuentran estandarizadas gracias al uso continuo. Los usuarios conocen estas reglas y esperan encontrar cada cosa en su sitio.



¿Qué es un sitio web? Un sitio web es una serie de páginas individuales, que pueden o no tener alguna conexión temática. Sin embargo, tendemos a pensar en los sitios web como si se tratara de una unidad. Esto está sustentado en base a dos grandes criterios, que son losenlaces que permiten la formación de cierta cohesión, y la unidad visual, que en definitiva es lo que brinda al usuario la sensación de unidad del sitio.

¿Qué es un sitio web? Un sitio web es una serie de páginas individuales, que pueden o no tener alguna conexión temática. Sin embargo, tendemos a pensar en los sitios web como si se tratara de una unidad. Esto está sustentado en base a dos grandes criterios, que son losenlaces que permiten la formación de cierta cohesión, y la unidad visual, que en definitiva es lo que brinda al usuario la sensación de unidad del sitio.

imagen (3)

Logotipo (2)

Logotipo -Encabezado 

Desde el final del logotipo, ocupando el centro y la zona derecha del encabezado, frecuentemente se sitúan una serie de franjas de diferentes grosores. En la faja superior, se encuentran algunos enlaces generales de la página, como acceso a usuarios registrados, registros de usuarios nuevos, acceso a perfiles, salidas, etc., así como ayudas y buscadoresinternos. La zona más ancha generalmente se encuentra ocupada por el título de la página, nombre de empresa, slogan, etc.

La zona inferior del encabezado se emplea para ubicar los links de navegación y las etiquetas de navegación, uno de los elementos más importantes a la hora de ayudar a los usuarios a encontrar las páginas componentes del sitio web. Dependiendo de la complejidad del sitio, puede encontrarse solo uno de estos sistemas de navegación o los dos; por ejemplo, cuando el sitio está dividido en secciones, uno de ellos está destinado a estas divisiones, mientras que el otro sirve para navegar dentro de cada sección, aunque pueden emplearse otros métodos de clasificación de los contenidos y por consiguiente, otros métodos de organizar la navegación interna.

Columnas (1)

Columnas de exploración

El cuerpo principal de una página web, en el diseño moderno se le encuentra dividido. Una de estas divisiones, consiste una o dos columnas de exploración. Este tipo de columnas, se le emplea para ubicar algunos elementos importantes de la página, como enlaces externos,navegación interna, publicidad, informaciones adicionales y contenidos secundarios.

Cuando se emplea una única columna, es indistinto para los usuarios, de acuerdo a estudios sobre el comportamiento de usuarios de sitios web, ya que su ubicación no plantea dificultad alguna. En el caso de que el diseño requiera el empleo de dos columnas, pueden ubicarse una a cada lado del cuerpo principal de la página o ambas a uno de los lados, siendo también indiferente en este caso si se ubican a la derecha o a la izquierda del contenido principal.

Los usuarios, dado el uso continuo de estos elementos para esta función, suelen buscar lainformación de contacto en este tipo de columnas, por lo que resulta uno de los mejores lugares para ubicar los datos de contacto. A continuación, vemos algunos ejemplos de columnas de exploración