Un diagrama de árbol de sitio web ilustra cómo se organizan las páginas de un sitio web. Las páginas principales se muestran arriba o a la izquierda de las páginas secundarias, indicando 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 el sitio web contiene o contendrá . Asegúrese de que cada elemento enumerado sea una página en su sitio web. Dependiendo del tamaño de su sitio web, asigne una referencia numérica a cada página para ayudarlo a construir su diagrama del sitio y hacer un seguimiento del progreso a medida que desarrolla su sitio web.
Paso 2
Usando listas con viñetas, organice el esquema para mostrar las relaciones padre-hijo 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 para padres de primer nivel 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, que se enumeran debajo de ellos en el esquema, lo que eventualmente llevarí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 corto 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 sus otros documentos de planificación del sitio web.
Paso 4
Dibuje rectángulos para cada subcategoría debajo de una de sus 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 estaba 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 de ropa masculina para padres. Haga líneas rectas similares a las de un organigrama para aumentar la legibilidad de su diagrama de 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 efectivamente Desarrolla tu sitio web. Por ejemplo, dibuje cajas de camisas de vestir y camisas casuales en la sección de camisas de la categoría de ropa para hombres. Sin embargo, puede no ser necesario incluir la página de cada camisa casual 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 en el mismo manera. Por ejemplo, complete las secciones de 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, use rectángulos redondeados para páginas web dinámicas y una ilustración de varias páginas web apiladas juntas para mostrar un grupo de páginas web similares que no se enumeran individualmente. Incluya una leyenda en su diagrama para explicar sus convenciones.
Consejo
Considere dibujar una parte de su diagrama en papel antes de comenzar a crear el diagrama usando una computadora.
Advertencia
Los diagramas de árbol del sitio web pueden ser muy grandes. Divida su diagrama en diagramas más pequeños, cada uno de los cuales representa una pequeña sección del sitio web para imprimir el diagrama. Ensamble el diagrama en una pared para obtener una representación visual grande de su sitio web, o coloque los diagramas en un cuaderno como referencia a medida que desarrolla las muchas páginas del sitio web.
[Cómo crear un diagrama de árbol para un sitio web] URL: http://www.ordenador.online/computadora/Internet/245616.html