Cómo crear un mapa del sitio de Visual

En el diseño de una página web, se puede sentir la tentación de bucear en derecho al HTML y JavaScript. Pero, ¿cómo hacer sus páginas individuales trabajan juntos? ¿Cómo incorporar nuevas páginas? Un mapa del sitio visual responde a estas situaciones de una manera que no puede ver mientras que la codificación. Se utiliza un diagrama de modelo de árbol que muestra visualmente cómo interactúa cada página. No existe una estructura formal mapa visual, por lo que tiene una cierta flexibilidad en su diseño, pero existen algunos elementos comunes. Usted puede comenzar el proceso de diseño web con un mapa del sitio, haciendo uno en su computadora o como una copia en papel.

Instrucciones

1 Crear una lista de todas las páginas de su sitio web va a incorporar. Algunos ejemplos son el principal "índice" o página de "casa", un "sobre" página, páginas de contenido y una página de contacto.

2 Organizar la lista en grupos relacionados de páginas. No todas las páginas se vinculará a su índice principal. La página de inicio es su página de nivel superior, mientras que las páginas que enlazan a su nivel más alto son las páginas de "Nivel 1"; páginas que enlazan con este nivel son "Nivel 2" páginas, y así sucesivamente.

3 Crear su mapa visual. Comience con su página "casa" al ponerlo abajo en el mapa del sitio y lo rodean con un gran rectángulo. Seleccionar un color para representar que esta es su página de nivel superior y rellenar el rectángulo con él.

4 Añadir páginas "Nivel 1" a su mapa de sitio y rodearlos con rectángulos. que coloreen un color diferente de su página de nivel superior. Dibujar líneas que conectan cada página de nivel 1 para el nivel superior. Si cualquiera de las páginas de nivel 1 enlazan entre sí, dibujar líneas para enlazar estas páginas juntas.

5 Añadir todos los otros niveles de páginas a su mapa de sitio, utilizando un color diferente para llenar los rectángulos para cada nivel y la conexión de las páginas entre sí utilizando líneas de conexión.

6 Empezar a construir su sitio web. Una referencia a su mapa visual que se vincula páginas juntas. Revisar su mapa de sitio durante la etapa de codificación a medida que agrega páginas que no había pensado previamente de que su sitio o eliminar páginas que descubre que no es necesario.

Consejos y advertencias

• Su mapa visual nunca es una herramienta de "acabado". Asegúrese de actualizar su mapa del sitio visual cuando se realizan cambios a su sitio web para mantener todo actualizado y organizado. De lo contrario, cualquier persona que se hace cargo de su proyecto de diseño web y hace referencia a su mapa de sitio visual no puede entender las conexiones.