Un diagrama de árbol de un sitio web ilustra cómo se organizan las páginas de un sitio web. Las páginas principales se muestran arriba oa la izquierda de las páginas secundarias, lo que indica las relaciones entre las páginas web y cómo se accede a ellas. Los equipos de desarrollo web utilizan los diagramas al crear o rediseñar sitios web. Los diagramas de árbol del sitio web pueden ser simples o elaborados, según el tamaño del sitio web y las necesidades del equipo de desarrollo.
Paso 1
Cree una lista de las páginas web que contiene o contendrá el sitio web. Asegúrese de que cada elemento de la lista sea una página de su sitio web. Dependiendo del tamaño de su sitio web, asigne una referencia numérica a cada página para ayudarle a construir el diagrama de su sitio y seguir el progreso a medida que desarrolla su sitio web.
Paso 2
Usando listas con viñetas, organice el esquema para mostrar las relaciones entre padres e hijos entre cada página de su sitio web. Por ejemplo, el sitio web de una tienda de ropa en línea puede tener páginas principales de nivel superior que conducen a ropa para hombres, mujeres y niños. Cada una de esas páginas tendría tipos de ropa, como camisas y pantalones, enumerados debajo de ellas en el esquema, lo que eventualmente conduciría a páginas para productos individuales.
Paso 3
Comience a crear su diagrama dibujando un rectángulo para cada categoría en la parte superior de un documento. Inserte un título breve para cada página web de nivel superior en su diagrama. Incluya el número de referencia de la página para que pueda buscar detalles adicionales sobre la página en los otros documentos de planificación de su sitio web.
Paso 4
Dibuja rectángulos para cada subcategoría debajo de una de tus categorías de nivel superior. Por ejemplo, dibuje cuatro rectángulos debajo de la categoría de nivel superior de ropa de hombre para camisas, pantalones, pantalones cortos y abrigos. Alinee estos rectángulos uno al lado del otro para ilustrar que las páginas que representan están al mismo nivel dentro de la estructura de su sitio web.
Paso 5
Conecte las páginas de subcategorías a la categoría de nivel superior a la que pertenecen, como si estuviera creando el gráfico de jerarquía de una organización. Por ejemplo, dibuje líneas desde las páginas de camisas, pantalones, pantalones cortos y abrigos hasta la categoría principal de ropa para hombres. Haga líneas rectas similares a las de un organigrama para aumentar la legibilidad del diagrama de su sitio.
Paso 6
Continúe ramificando su diagrama en subcategorías hasta que el diagrama de árbol contenga la cantidad de detalles que necesita para desarrollar eficazmente su sitio web. Por ejemplo, dibuje cajas de camisas de vestir y camisas informales debajo de la sección de camisas de la categoría de ropa para hombres. Sin embargo, puede que no sea necesario incluir la página de todas las camisas casuales para hombres en el diagrama de su sitio.
Paso 7
Complete las secciones del diagrama para todas las categorías de nivel superior de su sitio web de la misma manera. Por ejemplo, complete las secciones para mujeres y niños del sitio web de ropa.
Modifique los símbolos utilizados en su diagrama de árbol para indicar la información que necesita transmitir a su equipo. Por ejemplo, utilice rectángulos redondeados para páginas web dinámicas y una ilustración de varias páginas web apiladas para mostrar un grupo de páginas web similares que no se enumeran individualmente. Incluya una leyenda en su diagrama para explicar sus convenciones.
