Come faccio a creare un menu con i breadcrumb per un sito web?

September 7

navigazione breadcrumb è un termine usato per ricordare visivamente l'utente di un sito web del percorso che ha preso per arrivare alla sua posizione corrente all'interno del sito web. Il termine deriva dalla favola Hansel e Gretel in cui i bambini hanno lasciato briciole di pane per ritrovare la strada di nuovo a casa. Allo stesso modo, un utente del sito può vedere il percorso che ha preso per arrivare a lei posizione corrente e seguire la navigazione breadcrumb per tornare di nuovo a casa.

istruzione

1 Definire le principali categorie di alto livello per il menu. Questi sono gli stessi link si usa su una navigazione primaria. Questi collegamenti ad alto livello dovrebbero essere in grado di coprire l'ampiezza degli argomenti trattati dal sito. I principali collegamenti per una fotografia portafoglio possono includere "Casa, Galleria, Portfolio, Contatto, A proposito."

2 Sviluppare le categorie sub-livello per il menu. A seconda delle dimensioni del sito, si può solo bisogno di un sotto-categoria se il sito è piccolo, o molti, se il sito è ampia. Utilizzando l'esempio della fotografia portafoglio, la categoria galleria di alto livello può scomporre in "Stills, natura, persone, cibo, viaggi." Questi sotto-categorie potrebbero abbattere ulteriormente in "Colore" e "bianco e nero" gallerie per ciascuna.

3 Determinare dove sulla pagina che verranno visualizzati il ​​pangrattato. Molto spesso, pangrattato si trovano nella parte superiore come una forma di navigazione secondaria. Su grandi siti web che hanno una diversa varietà di argomenti per coprire, briciole di pane sono un metodo necessario per aiutare l'utente a tornare alle precedenti sezioni del sito.

4 Scegliere un metodo di separazione. Molti siti web che utilizzano il pangrattato utilizzare la freccia a destra simbolo ">" per indicare il percorso del viaggio attraverso la lista breadcrumb. Ad esempio, "Home> Libri> Informatica> Programmazione" potrebbe essere un filo di Arianna utilizzato da un sito web di vendita al dettaglio. Altri metodi separatori possono variare da utilizzando una varietà di simboli, di immagini utilizzando rollover e animazioni. Se si sta sviluppando un percorso breadcrumb verticale, tabulazione è una forma popolare di separazione. Qualunque sia il metodo di separazione a decidere quale, assicurarsi che sia comprensibile per l'utente che la navigazione è un filo di Arianna e non una forma principale di navigazione.

5 Scegliere un metodo di script o un servizio per sviluppare il pangrattato. Alcuni linguaggi come ASP.NET hanno costruito in comandi per la creazione di menu breadcrumb e sentieri. Ci sono tutorial JavaScript per sviluppare gli script che creano il pangrattato (vedi Risorse).