Post Actualizado en enero 9, 2014


Crear navegacion en HTML para una pagina web básica

Preambulo sobre navegacion Cuando hablamos de navegacion en una pagina web nos referimos a poder ir de una seccion a otra sin salir del sitio, poder revisar contenidos, galerias, etc acudiendo a los que llamamos hipervinculos, que ligan un texto o imagen hacia otra pagina html del mismo sitio o bien pueden llevarte incluso a […]

Preambulo sobre navegacion

Cuando hablamos de navegacion en una pagina web nos referimos a poder ir de una seccion a otra sin salir del sitio, poder revisar contenidos, galerias, etc acudiendo a los que llamamos hipervinculos, que ligan un texto o imagen hacia otra pagina html del mismo sitio o bien pueden llevarte incluso a paginas externas.

La clave de una buena navegacion esta en:
• Hipervinculos visible
• Hipervinculos funcionales
• Facilidad en la navegacion.

Objetivos de la navegacion

El objetivo principal de la navegacion en una pagina web es que el navegador, o usuario encuentren la informacion que esta buscando, y sit u pagina web vende algun servicio sea mas facil que esta persona se convierta ent u cliente.

La falta de una buena navegacion es motivo de que algunos visitantes abandonen la pagina al no encotrar rapidamente lo que buscan, entonces aunque tengas el mejor producto, servicio o precio si la pagina es disfuncional perderas al cliente.

Entonces como dise;ador de paginas web y empresario debes tener prioridad ademas del dise;o en una buena navegacion que incluso anime al cliente a seguir en tu pagina y no hacerlo sentir decepcionado y que ni te recomiende ni se convierta en tu cliente o no vuelva a visitar tu sitio web.

La estructura de la navegacion debe tomar en cuenta ademas de los terminos de cada empresa para mostrar y describer sus productos, pensar en el tipo de mercado al que va dirigido y hacerlo en “su idioma”.
En realidad a pocos navegantes les interesa a fondo la estructura interna de la empresa, se fijan en precios, servicios y mejores opciones, entonces como tip debemos considerer que sea entendible para todos, con letra grande, menu visible, etc. Llegando entonces a un equilibrio entre las necesidades y expectativas tanto de la empresa como del visitante.

Elementos indispensables

• Opcion para volver al inicio o home page
• Contacto
• Buscar (productos, categorias, etc)
• Secciones
• Galerias

Sabias que?

En muchos casos de posicionamiento en la pagina web las personas no llegan al home page? Ya que hay buscadoes que colocan la seccion mas relevante para la consulta segun las palabras que se hayan escogido para SEO.

Durante mucho tiempo se ha vuelto un default que exista una manera de volver al home page, incluso la tendencia de navegacion de un sitio web en estos dias no consiste en varios links a distintos lados, sino que por el uso de los smartphones y android la navegacion a cambiado de ser lado a lado, a arriba hacia abajo adaptandose a estos nuevos dispositivos.

HTML

La navegacion en HTML se basa en hipervinculos que nos lleven de una seccion a otra.
Codigo: “ TEXTO DE EJEMPLO
1. Dentro de tu proyecto de dreamweaver crea las paginas HTML que formaran parte del sitio web. Es decir secciones.
2. Guarda las paginas con extension .html y que su nombre corresponda a la seccion.
3. Trata de unificar las secciones, es decir que contengan (de preferencia) el mismo fondo, formato y banner (NOTA: El banner puede cambiar segun tu creatividad y expectativas depende de caa seccion) Te recomendamos que transmita uniformidad y coherencia con el resto de la pagina.
4. El menu debera estar presente y funcionando en TODAS LAS PAGINAS incluida la de inicio.
5. Dise;a cada seccion
6. Guarda todo
7. Abre en explorador y revisa la navegacion.

ILUSTRACION
Pasos 1 y 2

navegacion1

Paso 3

unificar

Paso 4 y 5

menufuncionando

Paso 6

guardatodo

Resultado paso 7

resultado navegacion

Checa este tutorial en video! Buscanos en youtube como OK HOSTING y sal a la luz del internet!