Nogle gange er den bedste måde at formidle information er grafisk. Du kan få seerne følge stierne i dine websider ved at give et diagram bestående af retningspile , der flyder fra diagram til diagrammet. Samtidig kan du også have hvert diagram , som repræsenterer en side i dit websted, giver links til de respektive webadresser. Tænk på den webside layout flowdiagram som en " site map ", der gør netop dette : Guide beskueren rundt på pladsen samtidig viser et samlet billede af , hvor alt er bosat, og hvor det fører . Som en analogi , så tænk på New York Transit System , der viser stort set det samme med et "You Are Here" referencepunkt. Instruktioner
1
Åbn dit flow kortlægning program, og oprette et nyt dokument . Du vil blive at skabe en serie af kvadrater og rektangler . Som et simpelt eksempel webside, forestille sig en lille ingeniørfirma , der har specialiseret sig i tre forskellige kategorier: mekaniske dele, elektriske dele og hydrauliske dele. Hver afdeling har en Device division og en Skema division.
2
Opret en bred, smal rektangel øverst på siden og skriv navnet på webstedet. Dette kan være " index.html . " Dette vil være udgangspunktet.
3
Opret en mindre firkantet, stor nok til at indeholde de vigtigste side beskrivelse . Skriv " Mekanisk Hovedside" i midten. Denne plads skal være på venstre side af siden , og den større " index.html" rektangel vil have en retningsbestemt pil, der peger direkte på den.
4
Opret yderligere to pladser under "Mekanisk hovedside "firkant . Disse bør være lidt tyndere end , men lige så bred som den ovenfor . Skriv navnet "Device " i første pladsens område. I den anden firkant typen ordet " Skematisk . "
5
Vedhæft retningspile hver følger af "Mechanical Hovedside" du oprettede i trin 3 til hver af dem under det.
< br > 6
Gentag trin 3 til trin 5 og erstatte ordet "Elektrisk " for " Mechanical ". Dit diagram vil nu have "Mechanical Hovedside" og "Elektrisk hovedside ", begge med underordnede diagrammer .
7
Gentag trin tre til fem gang mere, og denne gang erstatte ordene " Mekanisk " for " hydraulisk " . Du vil nu have " index.htm " som det øverste rektangel og lige under vil være " Mechanical ", " Electrical " og " Hydraulic " hver tilsluttet . Til gengæld vil hver af disse har "Enhed " og " Skematisk " som underordnede firkanter. Prøven websiden layout er færdig.